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

Irina ·
更新时间:2024-11-13
· 654 次阅读

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

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



性能 性能优化 优化 代码优化

需要 登录 后方可回复, 如果你还没有账号请 注册新账号