第一,代码精简" D8 |. X: B6 P
7 {; H/ t, f3 `6 t+ x, [1 Q4 @ 对网页代码进行塑身,删除不必要的冗长代码,比如不必要的空格、换行等都需要清除;, m5 x' z$ K- l% s1 c; V
! _! @% B7 S7 S; H& W
第二,合并JS文件和CSS
) j9 N- E5 Y+ _, v: L8 j9 o# j4 ?! O! }* M- w
如果一个页面的JS文件较多,就需要进行多次的GET请求,大大延长了网站页面的加载速度,所以当将JS代码与CSS样式合并到一个共享的文件时,自然就减少GET请求次数,网站页面的加载速度也会加快;详情可查看九曲网络的《如何通过网站前端优化方法提高网站打开速度》: R% G- n! P/ `" E6 Z$ a
Q9 o" ]% D+ K; z
第三,压缩图片和文本
) E6 M! w9 b' b0 g. j0 c9 n' y: h2 l* i( e2 D0 B; N+ w' c1 ]
众所周知,无论是文本还是图片都是会延长网站页面的加载速度的,这时如果你使用GZIP压缩技术,就可以有效地减少页面的加载时间;
5 f, ~, w! j1 A$ q) S, ^/ m1 j: I# o2 q$ p5 P- I
第四,sprites图片技术, C1 j4 Q5 Y( }0 {8 X) n9 O" i
3 q9 v: _( B; f6 |* I) u
Spriting是一种网页图片应用处理方式,它能将一个页面中涉及到的所有零星图片都包含到一jich.net boxuelun.com huayueting1.com, i7 u" _: O! D
fsjct.net 14se.net sanheshun.net张大图上去,然后利用CSS技术展现出来,可以有效减少HTTP请求次数,从而实现减少网站页面加载时间;4 p+ p1 C3 V; u* m. N+ g5 @
1 M1 f+ X/ e! p/ Y: Y5 i) | 第五,延迟显示可见区域外的内容
$ c( y2 e7 @# u# }* {- \& x" h! Y* T7 B$ P9 E; @7 }/ b) B
为了确保访客可以更快地看见延迟显示可见区域外的内容,可以使用点位符标签制定正确的高度和宽度来延迟加载;
8 @" p& e$ ?0 h! u- K. e0 B' w: i; `# ?& h0 k% ~" o. V/ s
第六,图片格式优化
$ P9 i1 g! z C' D, m
$ V; F! d( i- F 我们都知道一个全是图片的网站,它的打开速度是相对其它以文本为主体的网站的打开速度是有一定差距的。正确的图片格式是可以大大减少图片的请求时间,从而加快网站页面加载速度的;1 \9 ]" v1 Q7 k! b2 J; T8 i/ s/ j& \
! I y2 c1 a4 X5 h
第七,延长执行非必要脚本
+ p A* B; L W7 K; M1 E0 q; \) o [ q* D3 | A
其实在我们的网站中,很多网页中的脚本是在页面没完全加载守都不需要执行的,那么例如评论、广告等都可以等页面主体内容加载完成后再执行,从而增加页面的的加载速度.
# z0 _9 G- x9 E4 |6 [) x% K
2 N, d, {6 a7 {0 f1 `+ u" y |