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

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

小结，那大家都知道影响手机网站的页面的运行速度分别是：移动网络带宽速度，设备性能(CPU，GPU，浏览器)，页面本身。那我们所要做的就是对移动端页面本身去进行优化，那以上四点就是点瑞网手机网站建设公司为大家分享的做移动端页面性能优化的相关资讯。

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