·您现在的位置: 云翼网络 >> 文章中心 >> 网站建设 >> 网站建设问答 >> 通用htaccess优化wordpress实现yslow评分达到A

通用htaccess优化wordpress实现yslow评分达到A

作者:佚名      网站建设问答编辑:admin      更新时间:2022-07-23

前几天针对本站进行了htaccess的设置,以优化wordpress来提高整体性能。现在本站的yslow评分达到了A。下面来说说具体的方法和步骤。

wordpress优化到极致-yslow

在查YSLOW的相关建议后,我用yslow分析发现我的站点主要的GZIP没有开启,页面及CSS\JS\图片没有开启过期头。

另外还一项为etags的。也提示未经优化。我至今仍不理解etage为何物,如何优化。不过在我关闭etags后,此项达到A。下面继续把步骤列出来,以供各位朋友参考:

一、分离附件与网站:

这一步不是必须的,我当初分离附件与网站的目的是因为我的空间容易不够,只好把附件移至另一个空间上。而网站仍然不变。

如果你的空间容量不足,或你不怕麻烦,手头上又有空闲的空间,这也是可以做的。必竟这也符合yslow的建议。

二、开启GZIP:

我使用的一个合租的空间,有cPanel面板可以开启。不过我开启了并不生效。咨询了好多次都没有得到答复。后来,还是找到采用在index.php中最上面加入ob_start("ob_gzhandler");。记住,要在最上面加,不然不起作用。添加这句代码后,再测试,发现页面已经经GZIP压缩过了。不过外链的CSS/JS及未作处理。

三、设置htaccess了。这个不多解释了,大家可以网上找找说明。

# BEGIN WordPress

RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]

# END WordPress

FileETag none


AddOutputFilter DEFLATE html htm xml php css js


Header unset Last-Modified
Header set Expires "Fri, 08 Aug 2050 08:08:08 GMT"

# 禁止一个ip地址
#deny from 118.195.*.*

RewriteCond %{REQUEST_FILENAME} -f
RewriteCond %{REQUEST_FILENAME} ^.*\.(css|js|html|htm)$
RewriteRule ^(.*)$ gzip.php?url=$1 [QSA,L]

#设置时间
SetEnv TZ Asia/Chongqing

#阻止目录浏览
Options All -Indexes

四、不传递COOKIE到二级域名。

这个只需要在wp-config.php中,添加一句:define('COOKIE_DOMAIN','tsov.net'); 即可。

有没有效果,我也不太确定。大家自已判断了。

好了,上面的说的是针对于博客的优化。

当然,这跟你博客用到的主题、插件也有很大关系。你可以查看我博客的源代码,看看我的页面头部中放的CSS及把JS放于底部的方法。

另外,我只调用一个CSS,一个JS文件。 插件中要用到的,我都合并进去了。

在博客中,相册中我用到的lightbox,这个需要调用一个jquery库和一个效果库,这就有两个JS文件了。而并不是每个页面都需要,只有要用到相册时,才需要。所以针对这个问题,我采用了这个方法:

优化wordpress的图库(相册)lightbox效果:

我的wordpress的图库(相册)是采用lightbox的效果来展示,因此我在页面公共部分引入了jquery1.3.1.min.js和/jquery.lightbox-0.5.min.js两个文件。这样在无论页面上是否用到相册方式都需要下载,这不符合我对网页一惯能少则少的偏好。

因此,我分析了wordpress的相册结构,发现使用相册时,是调用了gallery_shortcode,而gallery_shortcode是在wp-includes/media.php文件中。因此,我把Lightbox效果所需的JS文件改为放在使用相册时再加载,而一般页面是不加载的。

修改方法:

打开wp-includes/media.php,找到大约754行后的前面加入

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>

<script src="http://tsov.net/wp-content/themes/tsov2009/jquery.lightbox-0.5.min.js"></script>

即可。

下面说说分离出去的附件怎样优化。

由于分离后的附件不存在任何程序动态的,全部都是静态的(基本上都是图片)。因此,设置过期头部即可。

我的htaccss是这样设置的:

FileETag none

# Image and Flash content Caching for One Month

Header set Cache-Control "max-age=2592000"

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)?tsov.net/.*$ [NC]
RewriteRule \.(gif|jpg|png|pdf|txt|html|zip|rar|exe|jpeg)$ http://tsov.net/warning.gif [R,L]

这个很简单,就不解释了。

至此,我的优化基本上就是这些了。