从哪些方面去做好移动页面性能优化?分享几点

从哪些方面去做好移动页面性能优化?分享几点

【淮安网站建设】随着移动互联网的发展，越来越多的企业越发关注移动市场的发展，有很多的企业在做了一个营销型网站之后都会去做一个移动网站，也就是我们所说的营销型手机网站，那大家都知道有一些手机网站布局越来越复杂，效果越来越炫，导致网站运行速度越来越低，而速度低会造成不良影响，据统计：71%的用户期望移动页面跟PC页面一样快，74%的用户能容忍的响应时间为5秒，所有我们就必须要做做好移动页面的优化工作，知了网络从四个方面帮你做好移动页面性能优化。

　　首先，为什么要最移动页面进行优化?

　　纵观目前移动网络的现状：移动页面布局越来越复杂，效果越来越炫，导致手机营销网站运行速度越来越低，而速度低会造成不良影响，据统计：71%的用户期望移动页面跟PC页面一样快，74%的用户能容忍的响应时间为5秒，所以我们必须保证移动端页面有足够的速度。该怎么做移动端页面优化呢?

　　然后，来看看加载中有哪些优化手段：

　　1. 预加载 预加载方式有两种：

　　A. 显性加载

　　类似这种用户能明显感知的，我把它称为显性加载，互动页面都建议加上这种加载方式，它一方面能增加页面的趣味性，另一方面能让后续页面体验更流畅。

　　B. 隐性加载

　　这种在加载第一张图片的时候已经预先加载了第二张图片，从而使得页面体验更流畅的方式，我把它称为隐性加载，这种方式的好处是节省流量之余又能使得体验增强。

　　2. 按需加载 按需加载是不可或缺的优化手段，主要有以下两种方式：

　　对于这种方式，在首屏加载的时候把首屏的内容加载尽量，而位于首屏之外的元素都只在出现在首屏时才加载，很大程度地节省了流量，提升了首次加载时间。

　　这种叫响应式加载方式，意思是利用JS 或者CSS 判断分辨率，从而选择不同尺寸的图片进行引入，这种的好处显而易见，同样可以加快加载速度和节省流量。

　　3. 压缩图片

　　对于压缩图片，首先要提的是jpg文件：对于移动端的JPG 文件，有这样的结论：使用大尺寸大有损压缩比的jpg，使用jpegtran进行无损压缩

　　而对于png有以下结论：多彩图片使用png24，低彩图片使用png8，推荐使用pngquant

　　尽量避免重定向

　　为什么要尽量避免重定向呢?这是一个同一网速下的测试结果，重定向之所以会比较慢，是因为它重复了域名查找，tcp链接，发送请求。

　　4. 使用其他方式代替图片

　　有两种方式，第一种是：依靠CSS 3绘制图片：

　　最后，针对脚本执行中有哪些优化手段，这里只提两点：

　　1. 尽量避免DataURI

　　DataUri在移动端并不如它在pc端吃香，因为：经测试，DataURI要比简单的外链资源慢6倍，生成的代码文件相对图片文件体积没有减少反而增大，而且浏览器在对这种base64解码过程中需要消耗内存和cpu，这个在移动端营销网站坏处特别明显。

　　2. 点击事件优化

　　在移动端请适当使用touchstart，touchend，touch等事件代替延迟比较大的Click 事件。Click之所以慢是因为mousedown导致的。

以上就是北清网络服务商小编整理的《从哪些方面去做好移动页面性能优化?分享几点》。