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

随着移动互联网的发展，越来越多的企业越发关注移动市场的发展，有很多的企业在做了一个营销型网站之后都会去做一个移动网站，也就是我们所说的营销型手机网站，那大家都知道有一些手机网站布局越来越复杂，效果越来越炫，导致网站运行速度越来越低，而速度低会造成不良影响，据统计：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导致的。

随着“互联网+”时代的到来，全网营销已经变得非常重要，你是否也想让你的企业在网上发展更快更强大呢?那您身边的优圣网络就是一家专致于企业营销型网站建设，营销型手机网站建设的公司，不断为传统企业打造网络快速赚钱机器，为不少企业赢得了抢占网络市场的先机。而你离成功只差一个电话! 赶紧拨打优圣网络免费热线电话：【400-006-5553】