欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-12-04 08:17:46
页面代码的优化对于页面加载速度也有不小的影响,最广为人知的: html头部的javascript和写在html标签中的style会阻塞页面的渲染,因此css放在页面头部并...

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

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

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