在高性能网站设计的第五章，我简要的提到@import 对于网站的性能有某些负面的影响，然后我在 Web 2.0 Expo 的演讲上深入探讨了这个问题，并创建了一些测试页面和HTTP瀑布状图表，这些在下面将会用到。对于这个问题的底线是：如果你想样式表并行载入，以使页面更快，请使用LINK 替代@imp...
分类：
Web程序 时间：
2015-03-20 01:12:34
阅读次数：
176
内容目录 ??? 进行优化前，关键是剖析当前的web性能，找到性能瓶颈，从而确定最需改进的地方；如果精力有限，首先将精力放在能明显提升性能的改进点上； 《高性能网站建设指南》提出了一个性能黄金法则： 只有...
分类：
Web程序 时间：
2015-03-13 19:15:05
阅读次数：
245
昨天晚上钓鱼回来，大发神经，写了篇概括程序员生活现状的文章，没想到招来众多人的口诛笔伐，大有上升到政治层面的趋势。 我也许不会再发表任何冲击心灵的文章，我希望给大家带来更多的正能量，所以那篇文章已被...
分类：
Web程序 时间：
2015-03-04 19:37:37
阅读次数：
179
第五章 整合异步脚本1、脚本如果按常规方式加载Number(new Date())){};setTimeout(vstart,0);}（3）使用script的defer属性,没有setTimeout（）好。（4）保持CSS和JS的执行顺序浏览器是按照样式表的在页面中列出的顺序应用它们的，而与下载顺序...
分类：
Web程序 时间：
2015-02-14 00:56:41
阅读次数：
271
高性能的服务器的架设对于高性能网站 ,请求量大,如何支撑?1方面,要减少请求对于开发人员----合并css, 背景图片, 减少mysql查询等.2: 对于运维 nginx的expires ,利用浏览器缓存等,减少查询.3: 利用cdn来响应请求4: 最终剩下的,不可避免的请求----服务器集群+负载...
分类：
Web程序 时间：
2015-02-10 18:28:10
阅读次数：
123
第四章 无阻塞加载脚本阻塞：大部分浏览器在下载或执行标签内容时不会下载其他内容。浏览器是按顺序执行的，但不一定要按顺序下载脚本。对于外部脚本，如果浏览器缓存中有，就从缓存中读取，否则发送HTTP请求获取。解决阻塞：（1）把所有的中的代码内嵌在HTML页面中，这种方法不推荐使用。（2）XHR Eval...
分类：
Web程序 时间：
2015-02-04 16:17:48
阅读次数：
160
WEB性能提升的14条规则：1、尽量减少HTTP请求（使用css sprites）；2、使用CDN;3、添加Expires头；4、添加Gzip压缩组件；5、将样式表放在顶部；6、避免CSS表达式，使用外部的js和css，并精简JS，删除重复的脚本；7、减少DNS查询；8、避免重定向；9、配置ETag...
分类：
Web程序 时间：
2015-02-04 14:34:54
阅读次数：
232
性能黄金法则：只有10%~20%的最终用户响应时间花在了下载HTML文档上。其余的80%~90%时间花在了下载页面中所有组件上规则1：减少HTTP请求图片地图（Map）CSS Sprites(css精灵)内联图片（）合并脚本和合并样式表图片地图鱼css sprites响应时间几乎一样，比原来为每个图...
分类：
Web程序 时间：
2015-01-25 23:55:36
阅读次数：
280
作为一个半前端工程师，而且只会写点HTML5和CSS3的“假”前端工程师，为了能更好地理解一下前端的花花世界，最近拜读了《高性能网站建设指南》一书，对作者提出的前端性能优化的14个规则获益匪浅，为了让自己印象更深刻点，决定作此文，当做学习笔记也好，知识总结也罢，总归看过的东西要让自己很好地掌握很好地...
分类：
其他好文 时间：
2015-01-06 22:50:39
阅读次数：
197
前端优化再次被提起，高性能网站总是会得到用户的肯定，加载时间短，友好的界面交互，最少的资源占用，容易被搜索引擎抓取。 就自己可以接触到的范围，记录些优化的点点滴滴。 1.减少HTTP请求： 使用外部的css和js文件，这样便于压缩，便于合并。 使用CSS sprite，将小图片放于一张图片使用背景....
分类：
Web程序 时间：
2014-12-02 20:43:02
阅读次数：
207
