一直在用百度统计作为首选统计工具,相比其他工具而言这个最大的优点就在于IP统计准确,时效性效性高。但之前总是在用其统计功能统计我的 wordpress博客。今天偶然间发现,百度统计有个网站速度诊断功能,于是乎结合百度统计做Wordpress速度优化。进入百度统计,点击速度诊 断,开始诊断。等候一点时间之后,我的Wordpress速度得分如下:
1 x4 K. i3 c) c. G' L% S; d$ H- T$ g
网通 40 分
9 m. n" j x# V) c6 ~* C; }9 v
3 l* n4 V( f! f2 N! z) w7 v d 电信 60 分- Z" U5 r) U( g
/ m5 n: ~- e5 d7 [4 I
该工具给出的影响我的wordpress博客速度有很多很细的项目,其中有如下影响速度可以优化的地方的建议:" x* |. M. [5 n. w. Y+ B! i, }
9 ?$ q- N# U; Q/ m 1. 连接网络(4项)页面打开过程中,共有47次请求(比34%的网站请求次数多),可节省22次连接提高速度
( z. I( h& x" C
9 \9 w9 |" w' k. ]3 ?" W: Q 合并域名可减少7次请求 建议将只有1个资源的域名合并到其他域名下
# G4 B( U Y" {1 z" [: e% a M) Y9 P! U$ P" q3 h
取消重定向可减少1次请求 多一次重定向,意味着多请求一次,尽量不要使用重定向
0 ?3 M3 m5 t9 ~0 Q9 v/ K9 ?8 I6 I5 ^- O
) s+ F0 `+ x" s6 U 网站分析js过多可减少1次请求 建议保留打开速度较快的统计代码
$ X- j) ~ p) B/ d/ v. z
/ A. i3 }9 ]+ l6 W# p. u 使用Css Sprite可减少13次请求 使用css sprite技术可以减少请求次数3 N0 `) P3 H# H7 V' T# x
) x ~4 a# Y1 G) J6 y 2. 打开页面(2项)用户浏览器打开页面的过程,受页面内容大小、设计等的影响WordPress速度' v. d* q- I; F4 D1 P
1 K0 h$ |) t1 H JS位置有1个问题 JS放在页面最后,可以加快页面打开速度
. E# o% a2 i' Z) Y( H
% v" i7 N% F" ?+ W9 |9 O 图片大小声明有2个问题 如果图片大小不做定义,则页面需要重新渲染,速度受到影响
6 i7 L ^0 ~: e0 U1 H
6 Y/ c+ M8 b+ g 针对这些问题我采取了手工加插件自动的方法去实现Wordpress速度优化,插件采用了:DB Cache Reloaded ,Hyper Cache,Wp Widget Cache , Gzip,script gzip 。上述插件分别作用为# |0 U9 h3 c/ c6 A
" z9 X, T# K( Q: K DB Cache Reloaded :针对MySql使用一段时间会有相关的数据亢於(也就是数据缺乏关联)而进行自动的数据库优化。& t" B" J- b: x; ^0 v W! v- I$ U
4 C/ E0 p2 i0 ], N8 K! N Hyper Cache:针对动态网页需不断向服务器请求从而导致请求时间延误wordpress加载速度,该插件把网页实现Html静态化,减小上述的请求次数也就是优化时间。. {7 M/ [* V# B6 G. K( ?" h
, O1 P! E0 k3 L/ \ Wp Widget Cache:Widget是wp的一个函数调用,同样会向服务器请求一些东西。可是一般的优化插件不会优化Widget,如果吧Widdget Html的话,不久减少了请求时间加快速度了吗?Wp Widget Cache 就是实现了侧边栏缓存策略。提升效果不一般哦^^!# J2 I0 K1 k' _/ A. h% G2 |
# z; l, o8 I5 c8 h
Gzip:当我们实现了上述的网页非动态化时候,相对应的Html文件同样也可以进一步优化,Gzip就是实现了原来的Html压缩。
6 Q" o( i% p% X6 P2 S
3 G5 x+ b( K) B0 D. S. o3 n4 v script gzip: Gzip只会压缩Html并不理会当下流行的CSS,针对Gzip只是压缩页面的Html内容并不默认压缩JS/CSS,且默认JS代码加载于网页的头部 影响搜索引擎打开速度的缺点。script gzip使得js以及css代码大幅度减小体积,且把代码的加载提到网页加载的末时间。有利于百度或者Google的加载。: a. \6 P/ }& K
# m9 Z+ x3 v9 H0 G 上述的插件实现了服务器中的优化,虽然还有很多的服务器优化技巧,比如在操作系统层次上面实现优化……但这些并不是我们普通站长所能掌握的。况且我 们一般用的是空间,VPS拥有的不是大多数。所以这些wordpress优化技巧已经够用了。上面说过优化了服务器端,相应的如果客户端也就是访问者的浏 览器如果可以优化那该多好。但是你马上想到,客户的电脑我怎么能控制的了呢?我想说的是,我们通过在服务器端设置,当用户浏览器访问我们的网站时候,可以 得到自动的优化命令从而自己去优化浏览器。且听Quicl讲解,内容如下:
+ n0 E7 |8 \% t! v2 q
1 ~- I1 t5 k: L0 S; ?) U9 P 在网站public_html (网站根目录或许名字不同)下面的.htaccess文件加入缓存设定内容。
1 u( b0 p- z3 r, Z$ K$ V$ g5 I, J! c; r; F( T+ \
# Expire images header
- o+ z3 Z! {+ A, H8 D! \6 o6 {3 r( D2 k4 J$ f
ExpiresActive On
& M8 H6 ~5 ]+ G$ n! U0 x1 E6 u0 N) K
$ h( y$ G8 y3 y _- S" }, C# ^ ExpiresDefault A0" H' o v/ J& b
1 `& n6 W/ M# o( l ? ExpiresByType image/gif A2592000
! w! t$ ~) U7 b' ^- l+ B7 d4 T: I y. H
ExpiresByType image/png A25920007 C8 m! Z) W) A( M( y" q
/ N) N8 h9 T' N* c7 O ExpiresByType image/jpg A2592000# P, C2 {) O2 s9 x$ G+ f
% _/ L2 T6 ^' `- j$ k ExpiresByType image/jpeg A25920004 g- Y0 E6 L; e T: S: r6 Y" Y
+ {! u: g5 y2 D4 N ExpiresByType image/ico A2592000! j/ \( c5 O$ a/ C9 F9 Z
: a, q, Z1 m" A, l% G# C# X* u+ k& g
ExpiresByType text/css A2592000) `& r' d( ?% F* m- z1 y
* t8 N2 L# D/ N7 d) @- B p. O! Y
ExpiresByType text/javascript A2592000( f1 t1 w% |1 U1 k0 k; S
9 y E& T% c4 ]- P0 [# V& z
FileETag none' C1 G6 D. @, m9 H9 q# h& B
* h7 r# P" D0 J" a5 g
保存之后,你就会发现百度统计会奇迹般的把你的分数提高,比如我的wordpress在经过百度统计的检测之后优化为:3 _2 @' F4 _# r) f
t6 P, y: Z0 ^& i! p
网通 70 分/ `; @* x! b, F; m6 B* L' ^. J
' p( R% Y; r& X5 B! x6 i
电信 71 分8 |. q+ |% U3 o# I, Q
4 c( j9 w8 k/ z7 ?0 S; h8 `2 H+ y' f 虽说不是很高,但是其余的问题就剩下目前我解决不了的,百度统计给出的我wordpress还可以进行的优化比如:服务器的速度(资金以及政策问题我在美国 的虚拟空间上面)、背景图片过多建议用高端的Css Sprite(界面酷了一点,不免需要点图片修饰,但是后面的技术比较高深不搞之)、Google广告JS加载速度不给 力(呜呜~~不是我的错啊 )
5 C0 o6 j; v" d% j9 n7 Q
1 i: s2 K2 e+ N! ~: E* g 总而言之,今天我成功的使用百度统计功能去检测出我的博客存在哪些问题,使用了相关的插件进行服务器端的自 动优化,手工实现了客户端的优化,成功的 结合百度统计把Wordpress速度优化了两个台阶。希望大家可以采用Quicl的这些方法去优化自己的博客,把自己心爱的博客优化的最好^^! |