h5首页加载慢_页面加载速度缓慢时，如何优化？

提高页面加载速度，优化方法：

1、使用免费 cdn 加载第三方资源

2、合并压缩js,css,减少请求次数以及减少流量的消耗

3、代码优化：

HTML头部的JavaScript和写在HTML标签中的Style会阻塞页面的渲染，因此CSS放在页面头部并使用Link方式引入，JavaScript的引入放在页面尾

其次：

按需加载，把统计、分享等 js 在页面 onload 后再进行加载，可以提高访问速度；

优化 cookie ，减少 cookie 体积；

避免

的 src 为空；

尽量避免设置图片大小，多次重设图片大小会引发图片的多次重绘，影响性能；

合理使用display属性：

(1).字体图标

(2).雪碧图

(3).图片地图

a.display:inline后不应该再使用width、height、margin、padding以及float

b.display:inline-block后不应该再使用float

c.display:block后不应该再使用vertical-align

d.display:table-*后不应该再使用margin或者float

不滥用Float 和 web 字体；

尽量使用CSS3动画；

使用 ajax 异步加载部分请求；

4、懒加载

对于一些图片，显示首屏的，后面scroll到的时候再加载

5、预加载

预加载是在浏览器空闲时请求将来可能会用到的页面内容(如图像、样式表和脚本)。使用这种方法，当用户要访问下一个页面时，页面中的内容大部分已经加载到缓存中了，因此可以大大改善访问速度。