一直在用百度统计作为首选统计工具,相比其他工具而言这个最大的优点就在于IP统计准确,时效性效性高。但之前总是在用其统计功能统计我的 wordpress博客。今天偶然间发现,百度统计有个网站速度诊断功能,于是乎结合百度统计做Wordpress速度优化。进入百度统计,点击速度诊 断,开始诊断。等候一点时间之后,我的Wordpress速度得分如下:
! Y) ^: f8 k! @# u0 C: h6 n8 I9 q- ^: y% f$ K6 U! B) E
网通 40 分' S7 h. L+ b" D) e, H) U, @5 d( s
0 c9 k* H- O: S; f0 [
电信 60 分
3 ^" j- m; H$ ~7 P7 G) A: x0 ?+ h; G/ B6 S$ B
该工具给出的影响我的wordpress博客速度有很多很细的项目,其中有如下影响速度可以优化的地方的建议:& V; T0 e7 ^ g% o0 F9 ^* \# P$ U
; a1 [; {: ]2 V) W3 x6 p 1. 连接网络(4项)页面打开过程中,共有47次请求(比34%的网站请求次数多),可节省22次连接提高速度4 g0 F+ {$ I! y/ S
2 j K6 _* |( ]
合并域名可减少7次请求 建议将只有1个资源的域名合并到其他域名下
I. U( c; s0 y% t' v% G" q' o5 I; i. D! p+ e
取消重定向可减少1次请求 多一次重定向,意味着多请求一次,尽量不要使用重定向' N' Y/ M" x) y$ b2 D" D
7 u0 h+ \& Y. U5 b; A, [
网站分析js过多可减少1次请求 建议保留打开速度较快的统计代码' S3 n; @2 O+ p9 f8 u7 C; _7 c
' Y/ Q1 N- K) V' n0 S0 x
使用Css Sprite可减少13次请求 使用css sprite技术可以减少请求次数
4 _3 ~1 d8 @: V) Y! m2 r) p( } z( U- l( w E
2. 打开页面(2项)用户浏览器打开页面的过程,受页面内容大小、设计等的影响WordPress速度) N2 k* k( S$ i+ J8 K
6 M- @; g7 a% {0 ^
JS位置有1个问题 JS放在页面最后,可以加快页面打开速度 z0 f0 t: w& O2 S3 u O
B' Z. E9 t6 q7 F+ P
图片大小声明有2个问题 如果图片大小不做定义,则页面需要重新渲染,速度受到影响
: F# i# X- ?! A- n, S5 c5 G, O9 p1 \8 _ t6 G
针对这些问题我采取了手工加插件自动的方法去实现Wordpress速度优化,插件采用了:DB Cache Reloaded ,Hyper Cache,Wp Widget Cache , Gzip,script gzip 。上述插件分别作用为
0 _4 D) u) ~) r. z& y
2 ^0 E$ L6 }8 b P* M4 b DB Cache Reloaded :针对MySql使用一段时间会有相关的数据亢於(也就是数据缺乏关联)而进行自动的数据库优化。
/ c0 z" h" n4 J$ M& S% j% B% G: L
) r& B1 i) w7 h4 c! ] Hyper Cache:针对动态网页需不断向服务器请求从而导致请求时间延误wordpress加载速度,该插件把网页实现Html静态化,减小上述的请求次数也就是优化时间。
- {: @9 W9 M, j# I2 O
+ ^8 |8 l3 H, q$ N" C Wp Widget Cache:Widget是wp的一个函数调用,同样会向服务器请求一些东西。可是一般的优化插件不会优化Widget,如果吧Widdget Html的话,不久减少了请求时间加快速度了吗?Wp Widget Cache 就是实现了侧边栏缓存策略。提升效果不一般哦^^! W$ E1 M; |0 H
% a& b1 @7 u% I/ z9 n6 j% c# ?8 f Gzip:当我们实现了上述的网页非动态化时候,相对应的Html文件同样也可以进一步优化,Gzip就是实现了原来的Html压缩。5 n2 e# T$ Z: e% `$ b
7 k9 `" t2 I' @6 L script gzip: Gzip只会压缩Html并不理会当下流行的CSS,针对Gzip只是压缩页面的Html内容并不默认压缩JS/CSS,且默认JS代码加载于网页的头部 影响搜索引擎打开速度的缺点。script gzip使得js以及css代码大幅度减小体积,且把代码的加载提到网页加载的末时间。有利于百度或者Google的加载。. f) V$ Q- G2 @8 r5 L
/ b) I) B" {* v 上述的插件实现了服务器中的优化,虽然还有很多的服务器优化技巧,比如在操作系统层次上面实现优化……但这些并不是我们普通站长所能掌握的。况且我 们一般用的是空间,VPS拥有的不是大多数。所以这些wordpress优化技巧已经够用了。上面说过优化了服务器端,相应的如果客户端也就是访问者的浏 览器如果可以优化那该多好。但是你马上想到,客户的电脑我怎么能控制的了呢?我想说的是,我们通过在服务器端设置,当用户浏览器访问我们的网站时候,可以 得到自动的优化命令从而自己去优化浏览器。且听Quicl讲解,内容如下:
' X2 V: k X9 D! I7 E6 c' I# E# ~4 F% b$ a
在网站public_html (网站根目录或许名字不同)下面的.htaccess文件加入缓存设定内容。
" ], m: g* _, U( n1 o% Q, Z0 \" Z" x* R# a; p; E
# Expire images header
* M* Q0 ~) h$ W) W& ?% b; y/ S% B8 e' a- o* v! v
ExpiresActive On( G. u; t, @# |
: U4 W2 C. p8 B
ExpiresDefault A0! s- t2 M5 }- E
& s+ }; K+ Y" T
ExpiresByType image/gif A2592000
_+ G. l/ |( b8 r) [7 y: t1 r* n8 t" w0 M8 q9 ^( f: t, {: N
ExpiresByType image/png A2592000
) A9 q$ U: h* V, J1 C7 q P6 y
T# u- u" ?" h ExpiresByType image/jpg A2592000
. y+ N% f& d$ e" k' ]
: I2 J* j4 X1 e0 \* T ExpiresByType image/jpeg A2592000
( B! E. f3 l! D' }5 R/ @5 j! n2 A# S9 _. p( Q
ExpiresByType image/ico A2592000
( N8 M7 @! v j/ k4 A. K. |# ?! n2 d- ]) \7 o. g" f! Q
ExpiresByType text/css A2592000
3 H' ]" ]' r- c' J i7 i( N5 c3 w$ r) K; `1 q4 r( o- \
ExpiresByType text/javascript A2592000. F( _/ T4 f, L. L5 h! {( D+ I
4 v* \0 @" z& F9 D+ v9 _
FileETag none
1 v+ y3 {! ^+ a! `& M& G3 p
# r( Z @& V4 n# S4 R0 J+ a 保存之后,你就会发现百度统计会奇迹般的把你的分数提高,比如我的wordpress在经过百度统计的检测之后优化为:
; i" S8 y" W# ~
8 {6 b1 L# }( \( f8 G1 u 网通 70 分: n: I$ x/ j7 ~, x) ?
- `! J# g( G# f+ E% H 电信 71 分
" _2 q- d% R# X, E& w7 L6 g8 F# A5 |
虽说不是很高,但是其余的问题就剩下目前我解决不了的,百度统计给出的我wordpress还可以进行的优化比如:服务器的速度(资金以及政策问题我在美国 的虚拟空间上面)、背景图片过多建议用高端的Css Sprite(界面酷了一点,不免需要点图片修饰,但是后面的技术比较高深不搞之)、Google广告JS加载速度不给 力(呜呜~~不是我的错啊 )
- i; i. M+ p! U7 D+ [$ [ J
* C# m1 \6 D) ^% U" N4 \7 ~ 总而言之,今天我成功的使用百度统计功能去检测出我的博客存在哪些问题,使用了相关的插件进行服务器端的自 动优化,手工实现了客户端的优化,成功的 结合百度统计把Wordpress速度优化了两个台阶。希望大家可以采用Quicl的这些方法去优化自己的博客,把自己心爱的博客优化的最好^^! |