性能优化之代码优化页面加载速度

页面代码的优化对于页面加载速度也有不小的影响，最广为人知的：

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 异步加载部分请求；

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！

您可能感兴趣的文章:

• jQuery按需加载轮播图(web前端性能优化)
• 详解Android_性能优化之ViewPager加载成百上千高清大图oom解决方案
• Android布局性能优化之按需加载View
• JavaScript性能优化总结之加载与执行
• Listview的异步加载性能优化
• Listview加载的性能优化是如何实现的
• JavaScript中的无阻塞加载性能优化方案
• js性能优化 如何更快速加载你的JavaScript页面