YSlow是什么 YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. YSlow is a Firefox add-on integrated with...
Lighthouse(帮助)是一个Google开源的自动化工具，它的主要功能就是检测网站的性能，分析网络应用和网页，收集现代性能指标并提供对开发人员最佳实践的意见。它能够针对性能、可访问性、渐进式 Web 应用等进行审核。 由于Chrome开发着工具中Audits面板配置好参数，点击”Run audits”总是卡在”lighthouse is warmin...
作者：秦墨鱼链接：http://www.zhihu.com/question/22146521/answer/94842197来源：知乎著作权归作者所有，转载请联系作者获得授权。 学过的东西杂而不精，算不得大牛。带过前端团队，也算是有几年前端负责人的经验。随着这几年前端node.js,react,Angularjs等技术新起，越来越多从之前单纯的前端开发到...
规则1：减少HTTP请求 性能黄金法则：只有10%~20%的响应时间花在对HTML文档的请求上，剩下80%~90%时间花在HTML文档所引用的所有组件（包括图片、脚本、样式表、flash等）的HTTP请求上。 因此，减少组件的数量并由此减少HTTP请求的数量 是改善响应时间最简单的途径。 图片地图将多个URL链接使用map方法关联到同一个图片上，从而...
一、常用的前端文件的组织结构： 1、js (放置JavaScript代码) lib(放置框架JavaScript文件) custom.js 2、css（放置CSS样式代码） lib(放置框架CSS文件) images(放置用于样式中的背景图) reset.css( 统一元素默认样式的样式文件) custom.css...
因为最近的工作跟性能分析有关系，所以写个小总结。 顺带推荐两个我常用的小工具： 1、文件对比工具beyond compare，非常好用，对比、修改很简单。当然我只是用的试用版本。google一下官网下载 2、绿色版本 FastStone Capture，做视频、截图、取距离、取色，非常非常的方便,配合PS,检查页面元素对齐，绝对一利器！如果你比较懒的话，可...
综合类地址 前端知识体系http://www.cnblogs.com/sb1987... 前端知识结构https://github.com/JacksonTia... Web前端开发大系概览https://github.com/unruledboy... Web前端开发大系概览-中文版http://www.cnblogs.com/unrule... Web...
欢迎訪问我的主页。最新的文章我会首先公布在个人主页上： http://blog.guaidm.com/shocky/ 原书下载地址：http://pan.baidu.com/s/1pJocRwB 在我的web开发生涯里，大部分时候我都是作为一个后台project师。这样一来，我投入了非常多的精力去研究、练习怎样通过后台优化来提升项目产品...