性能优化之代码优化页面加载速度
页面代码的优化对于页面加载速度也有不小的影响,最广为人知的:
HTML头部的JavaScript和写在HTML标签中的Style会阻塞页面的渲染,因此CSS放在页面头部并使用Link方式引入,JavaScript的引入放在页面尾。
其次还有:
1.按需加载,把统计、分享等JS在页面onload后再进行加载,可以提高访问速度;
2.优化Cookie,减少Cookie体积;
3.避免[]()的src为空;
4.尽量避免设置图片大小,多次重设图片大小会引发图片的多次重绘,影响性能;
5.合理使用display属性:
- display:inline后不应该再使用width、height、margin、padding以及float
- display:inline-block后不应该再使用float
- display:block后不应该再使用vertical-align
- display:table-*后不应该再使用margin或者float
6.不滥用Float和Web字体;
7.尽量使用CSS3动画;
8.使用AJAX异步加载部分请求;
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持毛票票!
热门推荐
10 财运虎年祝福语简短语
11 单亲爸爸春节祝福语简短
12 狗狗上厕所训练
13 植物种植祝福语简短
14 翻译考试祝福语朋友简短
15 个人周年庆简短祝福语
16 狗狗怎么训练
17 分别祝福语简短搞笑英文
18 生日广州男生祝福语简短