网站访问速度一直是站长最最关注的问题之一,本文介绍如何利用一些可行的办法来加速你的站点!
使用工具:Firefox + Firebug + Yslow!
优化对象:.htaccess | CSS | Javascript | Google analytics
网站环境:Linux 虚拟主机 + WordPress
最终效果:首页:www.hzlzh.com Yslow 评分 99,等级 A,如图:
hzlzh建议:勿盲目追求分数,以实际效果为佳。
PS:这里注意:Yslow 有三种评分模式,HzlzH又自定义了第四种,本文就是采用第4中模式,如下:
YSlow V2 23项中的22项测评全选
Classic V1 只有13项测评
Small Site/Blog 14项测评适合blog
WordPress 去掉 Use a Content Delivery Network (CDN) 和 Use cookie-free domains 这两项,因为小站不需要考虑的。
下面开始:
1、安装好环境,进行第一次测试,记下分数和不合格的地方;
2、合并减少CSS/JS 文件的请求数量;
这个很好理解,把现有的多个JS和CSS 文件写在一起,理想的网站是这样的:全站只调用 1个 javascript,1个CSS 样式表,1张包含了所有需要的图片;比如hzlzh尽量在往这里做:
1个css:http://www.hzlzh.com/wp-content/themes/dot-a/style.css.php 注意后缀php,第3步中解释!
2个js:[google analytics]的ga.js 和一个合并本站JQ效果后的 [google jQuery]的 jquery.min.js
2个png:img.png 和 tag.png
3、Gzip开启;
如果你的网站连Gzip 都没开启,那就不用继续优化了!相关的Gzip压缩率检测网站有:
http://www.whatsmyip.org/http_compression/
http://tool.chinaz.com/Gzips/
http://gzip.iamzz.com/
http://gzip.zzbaike.com/
实现方法很多:可以在后台Cpanel中直接开启,或者很多Linux主机已经默认打开,如果检测到没有开启,可参看下面两种方法:
一、将网站使用的CSS 或这 js 文件用php 进行 Gzip 压缩,
做法是:在原有的 xxx.js 或xxx.css 文件的头尾分别加上下面代码,并保存成.php 格式,之后调用!
头:<?php if(extension_loaded('zlib')) {ob_start('ob_gzhandler');}header("Content-Type: text/javascript"); ?>
或 <?php if(extension_loaded('zlib')) {ob_start('ob_gzhandler');}header("Content-type: text/css"); ?>
尾:<?php if(extension_loaded('zlib')) {ob_end_flush();} ?>
二、通过 .htaccess 开启Gzip
说明:由于不同的要求使用的代码不同,暂不提供范例,自行搜索。仅补充单独给JS 文件启用Gzip 的方法:
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
4、优化 Configure entity tags 项
在.htaccess中添加一行:FileETag none
说明:设置‘FileETag None’可以使响应头不再包含ETag字段,达到加速效果。