(1)减少 HTTP 的请求。(合并资源文件 和 使用图片精灵 ;
(2)把CSS 放头部,把 JavaScript 放到 body 标签尾部;
(3)定义图片的宽和高;
(4)定义字符集;
(5)避免空的 src 和 href 属性,
html里这样写:
|
1
|
<
a
href
=
"javascript:;"
class
=
"triggerName"
>Trigger</
a
>
|
js 里这样定义:
|
1
2
3
|
$("#triggerName").click(function(e){
e.preventDefault(); // 取消单击事件的默认动作以阻止链接的跳转//
})
|
(6)启用 GZIP 压缩;
(7)摈弃 CSS 表达式,用更高效的 CSS 选择器;
(8)使用外链的 CSS 和 JavaScript;
(9) 对 CSS 和 JavaScript 进行代码压缩;
(10)减少重绘;
本文介绍了一系列提高网页加载速度的方法,包括减少HTTP请求、优化资源文件加载位置、定义图片尺寸及字符集、避免无效链接、启用GZIP压缩、高效使用CSS等。
374

被折叠的 条评论
为什么被折叠?



