|
|
, ?/ H: J5 K9 B1 `+ r7 l! @. ~
$ [- A! }& [2 o; q
网站访问速度是很多人都面临的问题,其实许多网站都忽略了一个核心的问题,就是对网站访问速度的控制,没有速度就不可能有好的用户体验,如果有人问我如何优化网站,网站速度优化不能不说是一个重点。& S' g1 ^$ ]1 G2 } h
- r$ }2 n: p3 p( R 对于一个网站来说,加速不但提高了用户体验,如果一个网站在几秒内没有打开,大多数用户选择的是关闭而非等待。网站打开速度过慢对于SEO的流量也是有很大影响的,我们可以这样理解:网站的速度加快了,网页的加载速度就快了,这样在同样的时间内,搜索引擎蜘蛛抓取的页面也就多了,从而增加了收录、最终流量增长了。可见,网站的速度是影响SEO流量的。
0 v, E; i3 Y% W+ Z- S
* ~/ p: U0 N+ r/ f4 |, i0 W 精减代码
) s$ E3 W4 t5 r
v" o c* k ]: J4 c) v3 e 清除网页中一些冗余的代码,网上有这样的工具,可以辅助完成,如果需要的话,我们可以把代码中的注释去掉,甚至空行之类的也去掉,尽量的减少代码量,从而减小页面体积。
1 B, q4 C( `# e* Q! y4 a1 c- E4 p( K- B2 z3 R! H
CSS Sprites
" V8 V$ y7 v/ P2 @8 _/ O! g1 f P/ y( I) o( V
通俗点讲,就是图片合并,可以把网站中一些比较通用的小图片,合并到一张图片上,然后利用CSS技术来分别调用图片不同的部分。这样可以大大的减少HTTP的请求量,在网页加载的时候,速度就快很多,现在很多大中型网站都在用这个前端加速技术,效果也是很不错的。5 Q9 J% D4 P. G) e! h8 K
! A! b3 u' [# r5 p R 为图片指定宽度与高度" G. z5 ^& D- L7 J, q- |6 N
& I G; H h8 F q& m' ], t0 @" J 这也是很多人比较容易忽略的,在页面中,请你为每一个图片,都指定一个width属性与height属性,这样在页面加载的时候,浏览器会预先留出既定的位置,图片下边的代码可以继续下载而不用等待,提高并行下载的速度,提高了页面加载的速度。0 c! l) u/ [5 w% z, v( l
$ E& P4 l" P0 F% e2 X/ \: m
|
|