|
|
9 A H( U6 @0 R' x5 }$ D; @: s
' R. L- m# w. }8 t
网站访问速度是很多人都面临的问题，其实许多网站都忽略了一个核心的问题，就是对网站访问速度的控制，没有速度就不可能有好的用户体验，如果有人问我如何优化网站，网站速度优化不能不说是一个重点。$ l+ q/ A! C, Q! N
( n, U: l: n- t" o$ I6 k 对于一个网站来说，加速不但提高了用户体验，如果一个网站在几秒内没有打开，大多数用户选择的是关闭而非等待。网站打开速度过慢对于SEO的流量也是有很大影响的，我们可以这样理解：网站的速度加快了，网页的加载速度就快了，这样在同样的时间内，搜索引擎蜘蛛抓取的页面也就多了，从而增加了收录、最终流量增长了。可见，网站的速度是影响SEO流量的。6 m- I8 k+ S0 O$ g, x
/ }" G" \) h# D8 P% K" d 精减代码) r( \" t" k- W6 O a2 T- ?! \0 I
& _* s1 K; U# x3 z
清除网页中一些冗余的代码，网上有这样的工具，可以辅助完成，如果需要的话，我们可以把代码中的注释去掉，甚至空行之类的也去掉，尽量的减少代码量，从而减小页面体积。4 |3 s# {2 o+ H$ b# i" r
& } J; @" W) I5 Y0 K6 c. Z6 s
CSS Sprites
5 F1 @% x& N( X( t1 B$ E
+ \) v8 X( S* K6 K" f' V* T- F% H 通俗点讲，就是图片合并，可以把网站中一些比较通用的小图片，合并到一张图片上，然后利用CSS技术来分别调用图片不同的部分。这样可以大大的减少HTTP的请求量，在网页加载的时候，速度就快很多，现在很多大中型网站都在用这个前端加速技术，效果也是很不错的。
& e% e9 v. {5 g- T4 ^$ V: e: e, h! O1 @/ l
为图片指定宽度与高度
1 z8 `# q9 L- Y) ]6 E! a9 {, F$ {9 \- i0 u7 J+ s- Z" A
这也是很多人比较容易忽略的，在页面中，请你为每一个图片，都指定一个width属性与height属性，这样在页面加载的时候，浏览器会预先留出既定的位置，图片下边的代码可以继续下载而不用等待，提高并行下载的速度，提高了页面加载的速度。
% i2 Y0 I4 _( s$ G. Q D- h: L5 I% g8 G4 ?- N- j5 j
|
|
