移动页面性能优化_青岛网站建设
编辑:大有信息日期:2017-12-02类别:行业资讯
青岛网站建设,随着移动设备的发展,用户也越来越重视移动端的网页体验,而我们也将移动页面的性能优化作为我们一大重点。
首先移动页面优化有什么用呢?
纵观现在移动网络的状态,网页的页越是丰富,效果越是炫,运行速度就会越低,因为会有更多的文件需要打开,需要下载,这也就直接的影响了用户的感受。
距统计,大多数的用户,期待移动页面跟平时的PC页面响应速度一样快,而他们的所能容忍的相应时间不超过5秒,所以我们要做的就是移动端页面足够的快。
影响页面的因素有很多,大致分为三个原因:
1移动网络的带宽速度
2设备的自身性能,这包括CPU,GPU,浏览器等
3就是页面本身。
下面就说说页面本身的性能优化:
在PC的时候,首先我们的前端工程师会做代码优化,减少HTTP请求,减少DOM节点等等…
而移动端呢?除此之外还需要运用的优化手段:
1预加载
包括:显性加载,隐性加载,按需加载,根据实际情况,使用不同的预加载手段,可以让用户的体验增强,同时还能为用户节省流量。
2图片压缩
对于使用图片较多的移动页面,将图片进行压缩后再上传,而PNG格式的图片,低彩建议使用png8,而多彩再使用png24.
3合理使用css3
移动浏览器多数为谷歌内核,兼容性都相对不错,针对一些线条,圆角等能用css3的尽量就不要用图片,这样可以使页面加载更快。