谷歌Page Speed是一个由谷歌开发的网站速度检测工具。它可以分析网站的加载速度,检查网站中可能影响速度的因素,并提供改善建议。
Page Speed是一个测试和优化网站速度的不错的工具,不够里面打开它的版面,都是英文的,而且里面的术语都不是很明白。所以在这里解释一下:
Avoid CSS expressions 避免css表达式和滤镜 (一般)
Combine external CSS 合并外部css文件 (比较重要)
Combine external JavaScript 合并外部javascript文件 (比较重要)
Defer loading of JavaScript 把javascript放到页面底部 (很重要)
Enable gzip compression 在服务器上打开gzip压缩(gzip,deflate,bzip都可以,注意gzip_vary),apache1.x用mod_gzip,2.x用 mod_deflate,nginx用mod_gzip (很重要)
Leverage browser caching 利用浏览器缓存(能用public缓存的用public缓存,不能用的看能不能用private缓存) (很重要)
Leverage proxy caching (利用代理服务器缓存,CDN和缓存服务器,这是必须的,可以减少你原始服务器的压力,有能让用户提高访问速度,缓存服务器软件可以用 squid,varnish,nginx cache模块等等。 (很重要)
Minify JavaScript 精简javascript。 javascript应该尽可能避免。如果无法避免,就用minify工具精简,再加服务器gzip压缩,放页面底部。我们为什么要这样打压 javascript呢,因为它是页面速度慢的罪魁祸首。(一般)
Minimize cookie size 把COOKIE的数据量减到最小。COOKIE是浏览器发给服务器的一些信息,没有必要就不要发送,这样能快一些。(一般)
Minimize DNS lookups 减少DNS查询。很简单,DNS查询也是需要时间的,一个页面中的域名太多了,累积起来的时间也很可怕。2-4个比较合适。这条和Parallelize downloads across hostnames(让文件在多个域名里并行下载有一定的矛盾,所以域名不能太多,也不能太少) (一般)
Minimize redirects 重定向需要时间,而且用户不需要重定向。301是给搜索引擎看的。其它的重定向没什么用。 (比较重要)
Optimize images 优化图片,有的软件喜欢在图片里存点个人信息,用vim打开gd处理过的图片,里面就用gd版本号之类的信息,who cares。还有的图片压缩算法比较老旧,造成图片文件比较大。这些都可以通过一些工具来优化。其实最重要的是不要在页面里把大图当小图用,这样最冤,用 户看着觉得图片皱巴巴的,页面下载速度又慢。 (很重要)
Optimize the order of styles and scripts 优化样式表和脚本的顺序。head里脚本放css的前面。(一般)
Parallelize downloads across hostnames 让文件在多个域名里下载。人多力量大,域名多了下载也会快。 (一般)
Put CSS in the document head css放head里。 (一般)
Remove unused CSS 没用的css就不要写进来。(一般)
Serve resources from a consistent URL 内容相同的文件,如果他们都能缓存,最好用同样的url,走一份缓存,这样节省缓存服务器的空间,节省带宽,节省用户电脑的缓存空间,有利于环境保 护。(一般)
Serve static content from a cookieless domain 静态内容一般不需要Cookie,买一个独立域名,绑定到服务器上,让这些静态文件走这个域名,免受COOKIE骚扰之苦。 (一般)
Specify image dimensions 在html代码里要指定图片高和宽。这样浏览器可以给图片留出空白的地。(一般)
Use efficient CSS selectors 写css也得注意效率。这年头不单是写sql,写程序要注意效率,css也要注意,其实js也需要注意。选择器规则太复杂,浏览器处理起来也会慢。(一 般)