|
|
' X ?& n7 A8 p9 U( \5 E* N4 j3 y, e5 l
网站访问速度是很多人都面临的问题,其实许多网站都忽略了一个核心的问题,就是对网站访问速度的控制,没有速度就不可能有好的用户体验,如果有人问我如何优化网站,网站速度优化不能不说是一个重点。7 ~/ {0 Y" J3 N2 |: \
7 P. Y f& H& }1 Q& T 对于一个网站来说,加速不但提高了用户体验,如果一个网站在几秒内没有打开,大多数用户选择的是关闭而非等待。网站打开速度过慢对于SEO的流量也是有很大影响的,我们可以这样理解:网站的速度加快了,网页的加载速度就快了,这样在同样的时间内,搜索引擎蜘蛛抓取的页面也就多了,从而增加了收录、最终流量增长了。可见,网站的速度是影响SEO流量的。
' a+ M3 |! Q& {$ `9 B$ ` T. a6 g' W: r
精减代码& C; n: U k9 O* z5 n1 m% Z
! y& R, g9 T6 C/ {2 X b' W 清除网页中一些冗余的代码,网上有这样的工具,可以辅助完成,如果需要的话,我们可以把代码中的注释去掉,甚至空行之类的也去掉,尽量的减少代码量,从而减小页面体积。
. s v! V3 n4 a% |. u. e% X9 {+ q1 }
0 V& v @$ W6 i" }7 f, J CSS Sprites
* s+ F# @! l) ^1 P1 g# R# e/ x4 e- f" B) W4 W9 ^% y- j0 f. c7 P
通俗点讲,就是图片合并,可以把网站中一些比较通用的小图片,合并到一张图片上,然后利用CSS技术来分别调用图片不同的部分。这样可以大大的减少HTTP的请求量,在网页加载的时候,速度就快很多,现在很多大中型网站都在用这个前端加速技术,效果也是很不错的。
4 q. t; x$ U2 o% k) V/ F, E9 P3 P# |5 h* d, F. G9 ]
为图片指定宽度与高度
; w. w# S& Z6 O
, a! _3 S) G( Q& j 这也是很多人比较容易忽略的,在页面中,请你为每一个图片,都指定一个width属性与height属性,这样在页面加载的时候,浏览器会预先留出既定的位置,图片下边的代码可以继续下载而不用等待,提高并行下载的速度,提高了页面加载的速度。6 T7 ^6 u; M+ f3 g
) ~% L; d+ ]& j7 w6 F |
|