WordPress:博客访问速度优化
WordPress 博客访问加速
准备工具:
1)Gzip检测(站长工具),GZIP检测(便民查询),网页Gzip检测,Gzip检测(站长工具网)
3) 页面性能检测:百度分享,百度页面优化建议,页面检测(站长工具网)
3) 超级监控(收费)
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,测试网站加载耗时
优化1: gzip压缩
优化2: 开启WP Super Cache
优化3:启用Blue Hat CDN
优化后的测速结果:
需要注册Blue Hat,然后填写username和API,如下图:
优化4: 优化数据库查询 DB Cache Reloaded Fix
优化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加速的四篇文章了(gizp压缩,启用缓存,cdn加速,数据库清理优化)
wordpress真的是学无止境啊,有几个朋友说我的博客速度还不错。我就厚着脸皮再来谈谈最近wordpress优化加速的心得。
禁止加载多语言包
WordPress 是通过 getText 类库来实现多语言功能,但是这个库运行效率比较低,是 WordPress 运行速度的一个大瓶颈。我们一般使用的都是中文主题或者汉化过的主题,所以在 WordPress 网站前台加载语言包并不是必须的,我们可以通过禁用WordPress加载多语言包来给wordpress加速。
打开wp安装目录wp-config.php 文件,在末尾查找
- require_once(ABSPATH . 'wp-settings.php');
把上面的代码替换成如下代码
- if(WP_ADMIN === true) {
- define ('WPLANG', 'zh_CN');
- } else {
- define ('WPLANG', 'zh_CN');
- }
- require_once(ABSPATH . 'wp-settings.php');
通过测试,去除语言包后,WordPress 运行速度可以提高 0.2~0.5s 左右。
广告代码延迟加载
我们使用WordPress搭建的博客都会添加搜狗、百度等广告联盟提供的广告,一旦站外服务器响应过慢,会导致很长时间才能网页,因此可以使广告代码在WordPress中延迟加载,起到wordpress加速的目的。
1、进入WP后台,编辑主题,选择有广告页面【如文章页面single.php】
找到这么一条语句<?php the_content(); ?> ,或者是相关的函数。然后在这条语句前面加入:
- <div id="myad"></div>
2、打开底部footer.php文件,在</body>之前加入如下代码:
- <?php if (is_single()) : ?>
- <div id="span_myads">
- <!-- 广告代码 start –>
- //这里插入你的广告代码
- <!-- 广告代码 end-->
- </div>
- <script type="text/javascript">
- document.getElementById("myad").innerHTML = document.getElementById("span_myads").innerHTML;
- document.getElementById("span_myads").innerHTML = "";
- </script>
- <?php endif; ?>
- </div>
3、打开样式表style.css文件,添加如下CSS代码:
- #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_path中填写你绑定的子域名保存即可。
2、CSS 和 JS 启用单独的域名,这个不需要什么设置,就是有点麻烦,需要把WordPress主题的image文件夹和所有JS、CSS文件上传到独立域名所绑定的空间,然后修改一下CSS里面的路径即可,
3、如果你没有其他的域名,可以在空间绑定一个二级域名,然后在 wp-config.php 里写入:
- define('COOKIE_DOMAIN', 'jswp.org');
- define('WP_CONTENT_URL', 'http://img.jswp.org/wp-content');
这一行,就能让你的 WordPress 的 cookie 不传递给二级域名,记得把上面代码改成你的博客主域名,这个就可以定义 cookie只传递给主域名,而子域名不传递cookie。这样的加速跟缓存插件相比绝对不是一个档次,可以体验试试哦。
版权所有: 本文系米扑博客原创、转载、摘录,或修订后发表,最后更新于 2018-08-20 22:19:14
侵权处理: 本个人博客,不盈利,若侵犯了您的作品权,请联系博主删除,莫恶意,索钱财,感谢!