(1)减少 HTTP 的请求。(合并资源文件、使用图片精灵);
(2)把CSS 放头部,把 Javascript 放到 body 标签尾部;
(3)定义图片的宽和高;
(4)定义字符集;
(推荐教程:html入门教程)
(5)避免空的 src 和 href 属性,
html里这样写:
1
|
< a href = "Javascript:;" class = "triggerName" >Trigger</ a > |
js 里这样定义:
1
|
$( "#triggerName" ).click( function (e){ e.preventDefault(); // 取消单击事件的默认动作以阻止链接的跳转// }) |
(6)启用 GZIP 压缩;
(7)摈弃 CSS 表达式,用更高效的 CSS 选择器;
(8)使用外链的 CSS 和 Javascript;
(9) 对 CSS 和 Javascript 进行代码压缩;
(10)减少重绘;