最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
性能优化之代码优化页面加载速度
时间:2017-05-15 编辑:简简单单 来源:一聚教程网
页面代码的优化对于页面加载速度也有不小的影响,最广为人知的:
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 异步加载部分请求;
-
上一个: Javascript仿京东放大镜的效果
-
下一个: map的介绍以及C++中map如何操作
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31