WordPress 博客访问加速

准备工具:

0) 站长工具百度站长

1)Gzip检测(站长工具),GZIP检测(便民查询),网页Gzip检测Gzip检测站长工具网

2) 17CE测试网360奇云测速网络感知

3) 页面性能检测:百度分享百度页面优化建议页面检测站长工具网

3) 超级监控(收费)

4) 量子统计GA统计

 

CSS delivery工具 来检测页面代码中的CSS文件

resource check工具 来检测页面中所引用的JavaScript文件数

CSS Sprite Generator工具,推荐在线工具 css sprites,更多请见 css sprite最佳实践

CSS 图片拼合生成器(国内)

 

推荐测速工具:

http://www.feedthebot.com/tools/ :检测请求次数、SEO优化质量,及其改进建议等多种工具(极力推荐)

http://www.17ce.com/ : 可以测试国内各地连接网速,亮点是可以对比两个网站速度

http://ce.cloud.360.cn/task : 可以测试国内各地连接网站速度,亮点是“网站评分”功能给出的建议简介明了,很赞

http://share.baidu.com/analysis/ : 百度分享测试网页性能,比给出建议,特别是“百度站长工具帮忙优化的图片可以直接使用(赞)

http://gtmetrix.com/analyze.html : 整合了google page speed和雅虎Yslow两个工具,亮点是测试网速有历史记录,方便查看自己优化的成果

http://www.webpagetest.org/ : 可以检测世界各地的连接速度,更重要的是检测报表非常详尽(极力推荐)

 

Chrome 浏览器测试网页插件推荐:

YSlow, 雅虎开发的基于网页性能分析浏览器插件

PageSpeed Insights (by Google),谷歌推出的网站性能优化工具,它可以分析网页的性能并给出提升性能的建议和措施

PageSpeed Insights Checker for Mobile,测试移动手机上的

Page load time,测试网站加载耗时

chrome_plugin

 

网页在线检测工具

八个免费在线网站速度测试服务

Web前端优化最佳实践及工具

10大免费CDN加速服务排行榜

 

优化1: gzip压缩

ithomer_test_0

 

优化2: 开启WP Super Cache

ithomer_test_1

 

优化3:启用Blue Hat CDN

ithomer_test_2

优化后的测速结果:

ithomer_test_4

需要注册Blue Hat,然后填写username和API,如下图:

blue_hat_cdn

 

优化4: 优化数据库查询 DB Cache Reloaded Fix

wordpress_cdn_4

 

优化5: .htaccess 缓存优化

在/var/www/wordpress/目录下的 .htaccess,添加

<IfModule mod_expires.c> 
	ExpiresActive On 
	ExpiresDefault A600 
	ExpiresByType image/x-icon A2592000 
	ExpiresByType image/gif A2592000 
	ExpiresByType image/jpeg A2592000 
	ExpiresByType image/png A2592000 
	ExpiresByType text/css A604800 
	ExpiresByType text/plain A86400
	ExpiresByType application/x-shockwave-flash A2592000
	ExpiresByType application/x-javascript A604800 
	ExpiresByType video/x-flv A2592000 
	ExpiresByType application/pdf A2592000 
	ExpiresByType text/html A600 
</IfModule> 

<IfModule mod_deflate.c> 
	SetOutputFilter DEFLATE 
	AddOutputFilterByType DEFLATE text/html text/css image/gif image/jpeg image/png application/x-javascript 
</IfModule> 

<IfModule mod_deflate.c>
	<IfModule mod_filter.c>
		AddOutputFilterByType DEFLATE text/plain text/html application/x-httpd-php-source
		AddOutputFilterByType DEFLATE text/xml application/xml application/xhtml+xml application/xml-dtd
		AddOutputFilterByType DEFLATE application/rdf+xml application/rss+xml application/atom+xml image/svg+xml
		AddOutputFilterByType DEFLATE text/css text/javascript application/javascript application/x-javascript
		AddOutputFilterByType DEFLATE font/truetype application/x-font-ttf font/opentype application/x-font-otf
	</IfModule>
</IfModule>

优化结果:

wordpress_cdn_5

 

在很久很久以前,我就写过关于wordpress加速的四篇文章了(gizp压缩启用缓存cdn加速数据库清理优化

wordpress真的是学无止境啊,有几个朋友说我的博客速度还不错。我就厚着脸皮再来谈谈最近wordpress优化加速的心得。

禁止加载多语言包

WordPress 是通过 getText 类库来实现多语言功能,但是这个库运行效率比较低,是 WordPress 运行速度的一个大瓶颈。我们一般使用的都是中文主题或者汉化过的主题,所以在 WordPress 网站前台加载语言包并不是必须的,我们可以通过禁用WordPress加载多语言包来给wordpress加速。

打开wp安装目录wp-config.php 文件,在末尾查找

  1. require_once(ABSPATH . 'wp-settings.php');  

把上面的代码替换成如下代码

  1. if(WP_ADMIN === true) {   
  2. define ('WPLANG', 'zh_CN');   
  3. else {   
  4. define ('WPLANG', 'zh_CN');   
  5. }   
  6. require_once(ABSPATH . 'wp-settings.php');  

通过测试,去除语言包后,WordPress 运行速度可以提高 0.2~0.5s 左右。

 

广告代码延迟加载

我们使用WordPress搭建的博客都会添加搜狗、百度等广告联盟提供的广告,一旦站外服务器响应过慢,会导致很长时间才能网页,因此可以使广告代码在WordPress中延迟加载,起到wordpress加速的目的。

1、进入WP后台,编辑主题,选择有广告页面【如文章页面single.php】

找到这么一条语句<?php the_content(); ?>  ,或者是相关的函数。然后在这条语句前面加入:

  1. <div id="myad"></div>  

2、打开底部footer.php文件,在</body>之前加入如下代码:

  1. <?php if (is_single()) : ?>   
  2. <div id="span_myads">   
  3. <!-- 广告代码 start –>   
  4. //这里插入你的广告代码   
  5. <!-- 广告代码 end-->   
  6. </div>   
  7. <script type="text/javascript">   
  8. document.getElementById("myad").innerHTML = document.getElementById("span_myads").innerHTML;
  9. document.getElementById("span_myads").innerHTML = "";   
  10. </script>   
  11. <?php endif; ?>   
  12. </div>  

3、打开样式表style.css文件,添加如下CSS代码:

  1. #myad{float:left;margin:20px 10px 10px 40px;}  

【代码原理】一般来说网页元素加载是有顺序的,在广告的位置加一个空的div,然后在网页加载的最后的时候在去调用google的广告JS,产生广 告,同时替换掉之前那个div的内容。当然你需要按照你自己情况,修改一下代码,至于放到侧边栏或者首页的广告延迟加载方法都差不多,就不细说了。

 

使用 eAccelerator加速

eAccelerator是个免费开源的 PHP 加速、优化、编译和动态缓存的项目,它可以通过缓存 PHP 代码编译后的结果来提高 PHP 脚本的性能,通过使用 eAccelerator优化PHP代码执行速度,降低服务器负载,应用执行速度最高可达10倍!

首先你的WordPress版本需要在2.0以上

将eAccelerator的WP插中的object-cache.php文件上传到件WP-content 目录

如果你的服务器是Windows系统,那么需要重新启动IIS

eAccelerator 网站上(https://eaccelerator.net/)有非常详细的安装文档和使用文档,不详细说了。除了能够缓存脚本之外,它支持 WordPress 的内存缓存,只需要安装eAccelerator-Based Caching Extension

开启Cookie-free域名

【推荐阅读】Minify来压缩Wordpress全站的CSS和JS

WordPress图片地址默认是 http://.wp-content/uploads/xx.jpg 这样的格式,这对WordPress 提速是不利的。建议大家将WordPress站点中的图片(JS、CSS)存储到 Cookie-free 域名下,【可以用博客的子域名代替】

直接访问:http://域名/wp-admin/options.php,然后找到下面选项,将其设置为你所需的参数。

upload_url

在upload_url_path中填写你绑定的子域名保存即可。

2、CSS 和 JS 启用单独的域名,这个不需要什么设置,就是有点麻烦,需要把WordPress主题的image文件夹和所有JS、CSS文件上传到独立域名所绑定的空间,然后修改一下CSS里面的路径即可,

3、如果你没有其他的域名,可以在空间绑定一个二级域名,然后在 wp-config.php 里写入:

  1. define('COOKIE_DOMAIN', 'jswp.org');   
  2. define('WP_CONTENT_URL', 'http://img.jswp.org/wp-content');  

这一行,就能让你的 WordPress 的 cookie 不传递给二级域名,记得把上面代码改成你的博客主域名,这个就可以定义 cookie只传递给主域名,而子域名不传递cookie。这样的加速跟缓存插件相比绝对不是一个档次,可以体验试试哦。