2016-12-21
管理“页面膨胀”页面大小与性能有着密切的关系。据调查显示，100强电商页面大小中位数达到了1492KB，比一年半之前增大了48%。在研究报告里加载快的10个页面中，页面包含的资源请求中位数为50个，页面大小中位数为556KB。而加载慢的10个页面中，页面包含的资源请求中位数为141个，页面大小中位数为3289KB。换句话说，加载慢的页面的资源中位数几乎是加载快的页面的三倍，页面大小则是六倍。仔细研究页面尺寸大小，我们可以得到更多的信息。加载快的10个页面所包含的资源总数范围比较密集：在15个~72个之间;页面尺寸小的仅为251KB，大的2003KB。而加载慢的10个页面所包含的资源总数范围则比较广泛：在89个~373个之间;页面尺寸小为2073KB，大的则超过了10MB。
进行图像优化图像是造成页面膨胀的罪魁祸首之一，通常占据页面字节数的50-60%。在页面中添加图片或是将现有图片放大，是迅速获取用户并提高业务转化率的有效方式。但是这种方法会对性能造成严重的影响。进行图像优化是提升性能简单的一种方法，它可以使页面加载更快。为了更有效的完成图像渲染，图像必须经过压缩和整合、图像的尺寸和格式必须经过仔细调整，图像质量也必须经过优化，这样才可以依据图像的重要性进行区别化的加载处理。
控制第三方脚本在典型的页面服务器请求中，来自于第三方脚本的请求占了其中的50%或更多。这些第三方脚本不仅会增加页面的字节数，带来延迟，而且也会成为Web页面中大的潜在故障点。无响应、未经优化的第三方脚本会降低整个网络的加载速度。解决办法是延迟第三方脚本的加载，将其放在关键页面内容之后进行加载，更为理想的情况是放在页面onLoad事件之后加载，这样才不会影响企业的搜索排名(谷歌将onLoad事件作为加载时间指标)。对于一些分析工具和第三方广告商而言，如果延迟第三方脚本加载的方法不可行，可以利用脚本的异步版本，与关键内容的加载同步进行。用户必须了解网站中有哪些脚本，删除那些无用的脚本，并对第三方脚本的性能进行持续监控。
真正做到移动设备优先“移动设备优先”并不是一个全新的概念。早在2012年，移动设备的使用量就已经超过了台式机，然而与众多口头承诺的移动性能相比，真正专注于移动设备的开发还是存在一定的差距。例如，2011年11月，移动设备上的平均页面大小为475KB，现在则增长至897 KB。也就是说，在短短三年之间，平均页面大小几乎翻了一番。尽管移动设备和网络取得了一些进展，但就性能而言，还是无法与大小已接近1MB的服务页面需求保持同步。我们知道，页面大小与加载时间息息相关，移动用户对缓慢的加载速度尤其敏感。如果企业希望网站可以真正做到“移动设备优先”，就必须正确处理这些问题。
