网站地图    收藏   

主页 > 前端 > css教程 >

结合百度统计做好wordpress速度优化 - html/css语言栏

来源:自学PHP网    时间:2015-04-14 14:51 作者: 阅读:

[导读] 一直在用百度统计作为首选统计工具,相比其他工具而言这个最大的优点就在于IP统计准确,时效性效性高。但之前总是在用其统计功能统计我的 wordpress博客。今天偶然间发现,百度统...

  一直在用百度统计作为首选统计工具,相比其他工具而言这个最大的优点就在于IP统计准确,时效性效性高。但之前总是在用其统计功能统计我的 wordpress博客。今天偶然间发现,百度统计有个网站速度诊断功能,于是乎结合百度统计做Wordpress速度优化。进入百度统计,点击速度诊 断,开始诊断。等候一点时间之后,我的Wordpress速度得分如下:

  网通 40 分

  电信 60 分

  该工具给出的影响我的wordpress博客速度有很多很细的项目,其中有如下影响速度可以优化的地方的建议:

  1. 连接网络(4项)页面打开过程中,共有47次请求(比34%的网站请求次数多),可节省22次连接提高速度

  合并域名可减少7次请求 建议将只有1个资源的域名合并到其他域名下

  取消重定向可减少1次请求 多一次重定向,意味着多请求一次,尽量不要使用重定向

  网站分析js过多可减少1次请求 建议保留打开速度较快的统计代码

  使用Css Sprite可减少13次请求 使用css sprite技术可以减少请求次数

  2. 打开页面(2项)用户浏览器打开页面的过程,受页面内容大小、设计等的影响WordPress速度

  JS位置有1个问题 JS放在页面最后,可以加快页面打开速度

  图片大小声明有2个问题 如果图片大小不做定义,则页面需要重新渲染,速度受到影响

  针对这些问题我采取了手工加插件自动的方法去实现Wordpress速度优化,插件采用了:DB Cache Reloaded ,Hyper Cache,Wp Widget Cache , Gzip,script gzip 。上述插件分别作用为

  DB Cache Reloaded :针对MySql使用一段时间会有相关的数据亢於(也就是数据缺乏关联)而进行自动的数据库优化。

  Hyper Cache:针对动态网页需不断向服务器请求从而导致请求时间延误wordpress加载速度,该插件把网页实现Html静态化,减小上述的请求次数也就是优化时间。

  Wp Widget Cache:Widget是wp的一个函数调用,同样会向服务器请求一些东西。可是一般的优化插件不会优化Widget,如果吧Widdget Html的话,不久减少了请求时间加快速度了吗?Wp Widget Cache 就是实现了侧边栏缓存策略。提升效果不一般哦^^!

  Gzip:当我们实现了上述的网页非动态化时候,相对应的Html文件同样也可以进一步优化,Gzip就是实现了原来的Html压缩。

  script gzip: Gzip只会压缩Html并不理会当下流行的CSS,针对Gzip只是压缩页面的Html内容并不默认压缩JS/CSS,且默认JS代码加载于网页的头部 影响搜索引擎打开速度的缺点。script gzip使得js以及css代码大幅度减小体积,且把代码的加载提到网页加载的末时间。有利于百度或者Google的加载。

  上述的插件实现了服务器中的优化,虽然还有很多的服务器优化技巧,比如在操作系统层次上面实现优化……但这些并不是我们普通站长所能掌握的。况且我 们一般用的是空间,VPS拥有的不是大多数。所以这些wordpress优化技巧已经够用了。上面说过优化了服务器端,相应的如果客户端也就是访问者的浏 览器如果可以优化那该多好。但是你马上想到,客户的电脑我怎么能控制的了呢?我想说的是,我们通过在服务器端设置,当用户浏览器访问我们的网站时候,可以 得到自动的优化命令从而自己去优化浏览器。且听Quicl讲解,内容如下:

  在网站public_html (网站根目录或许名字不同)下面的.htaccess文件加入缓存设定内容。

  # Expire images header

  ExpiresActive On

  ExpiresDefault A0

  ExpiresByType image/gif A2592000

  ExpiresByType image/png A2592000

  ExpiresByType image/jpg A2592000

  ExpiresByType image/jpeg A2592000

  ExpiresByType image/ico A2592000

  ExpiresByType text/css A2592000

  ExpiresByType text/javascript A2592000

  FileETag none

  保存之后,你就会发现百度统计会奇迹般的把你的分数提高,比如我的wordpress在经过百度统计的检测之后优化为:

  网通 70 分

  电信 71 分

  虽说不是很高,但是其余的问题就剩下目前我解决不了的,百度统计给出的我wordpress还可以进行的优化比如:服务器的速度(资金以及政策问题我在美国 的虚拟空间上面)、背景图片过多建议用高端的Css Sprite(界面酷了一点,不免需要点图片修饰,但是后面的技术比较高深不搞之)、Google广告JS加载速度不给 力(呜呜~~不是我的错啊 )

  总而言之,今天我成功的使用百度统计功能去检测出我的博客存在哪些问题,使用了相关的插件进行服务器端的自 动优化,手工实现了客户端的优化,成功的 结合百度统计把Wordpress速度优化了两个台阶。希望大家可以采用Quicl的这些方法去优化自己的博客,把自己心爱的博客优化的最好^^!

  本文原创于Quicl’sBlog http://20xue.com

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论