压缩css和js为gz以优化加速wordpress(.hatccess+gzip)

wordpress为优化加速时的速度确实让人有点不敢恭维。本博(wentong.org)在一番努力后,终于在来自宝岛台湾的blogger Andy找到了让wordpress速度提升一个档次的办法:使用gzip把js和css压缩成gz压缩包。然后通过.hatccess来判读客户端浏览器是否支持gz。如果支持,那么传输js和css的gz压缩包格式,否则传输原文件。js和css压缩成gz都很小,而且大部分的浏览器都支持gz压缩包。因此,这对提高wordpress速度确实有不少的帮助,下面是具体方法:

一、首先来做个测试:先用WebSiteOptimization测试一下你现在网站js和css大小,以作对比。

二、下载gzip.php文件:http://kankan.at/gzip
PS:右键另存为,文件放在微软网络硬盘,下载下来的文件没有后缀名,重命名,添加“.zip”后缀名就可以了。加压上传到根目录。

三、修改或者添加根目录的:.hatccess文件以下内容:

#識辨gz檔案的支援  AddEncoding gzip .js  ForceType application/x-javascript  AddEncoding gzip .css  ForceType text/cssRewriteEngine OnRewriteBase /#wordpress靜態網址,如果沒有使用,就略過RewriteCond %{REQUEST_FILENAME} !-fRewriteCond %{REQUEST_FILENAME} !-dRewriteRule . /index.php [L]#讀到css和js檔,就重導至gzip.phpRewriteRule (.*.css$|.*.js$) gzip.php?$1 [L]#讀到.css,判斷如果瀏覽器支援gzip且.css.gz檔存在,就進行重導RewriteCond %{HTTP:Accept-encoding} gzipRewriteCond %{REQUEST_FILENAME}.gz -fRewriteRule ^(.*).css $1.css.gz [L,QSA]#讀到.js,判斷如果瀏覽器支援gzip且.js.gz檔存在,就進行重導RewriteCond %{HTTP:Accept-encoding} gzipRewriteCond %{REQUEST_FILENAME}.gz -fRewriteRule ^(.*).js $1.js.gz [L,QSA]

四、浏览自己的网站,然网站的js和css生成gz压缩包。

五、gz压缩包生成后,把: .hatccess中的:

RewriteRule (.*.css$|.*.js$) gzip.php?$1 [L]

注释掉(在前面添加:#)。
如果你重新修改和添加了js和css等代码,请删除对应的gz压缩包。然后,把上面注释把.hatccess注释掉的语句重新启用,再浏览声称gz,然后记得注释掉上面语句。

六、网站的速度靠肉眼是分辨不出多少来的。用WebSiteOptimization在测试一下。

——以上内容来自 Andy

人吐槽 人点赞

猜你喜欢

发表评论

用户名: 密码:
验证码: 匿名发表

你可以使用这些语言

查看评论:压缩css和js为gz以优化加速wordpress(.hatccess+gzip)