小议YSLOW提升网站性能13黄金法则

星期五, 4月 10th, 2009

其实这些黄金法则已经用烂了并且就快被我遗忘了,只是最近要整理前端开发质量的规范,所以就想起了它,正好又想起好久没博了,那就写写吧,希望对还不了解的兄弟们有所帮助!

法则1. Make fewer HTTP requests

这点对于提升前端开发性能的意义是非常大的,早有实践证明,浏览器加载一个页面的DOM结构仅仅只占总加载时间的10%-20%,剩下的时间都在处理页面上组件的下载,组件越多,HTTP的请求数越多,耗时自然就越长。所以我们要做的是尽量少的引用外部静态资源,js、css以及图片。

我们可以通过:图片地图、CSS sprites、合并脚本和样式表等方式来减少HTTP请求以达到提升页面的性能。这里简单提一下图片地图,四年前,他是为我所不耻的,那时候觉得这么做太不专业了,一直到YAHOO推出Yslow告诉我我错了,不相信的朋友,看看下面这个简单的分析:

yslow分析

查看全文 »

Tags:, , , | 评论[4] | 共有1,054次浏览