来自工程师的8项Web性能提升建议

页面大小与性能密切相关。据统计，电子商务100强页面的大小中值达到1492KB，比一年半前增长了48%。

在调查报告中加载速度较快的10个页面中，页面中包含的资源需求的中值为50，页面大小的中值为556KB。加载缓慢的10个页面中，页面包含的资源需求中值为141，页面大小中值为3289KB。也就是说，加载较慢的页面的资源中值基本上是加载较快的页面的3倍，页面大小是6倍。

通过仔细研究页面大小，我们可以获得很多信息。载入较快的10个页面所包含的资源类别是相对聚合的:在15~72个页面之间；最小的页面大小只有251KB，大一点的有2003KB。但载入较慢的10页所包含的资源类别更为常见:在89~373页之间；页面大小至少2073KB，较大的超过10MB。

图像是页面泛滥的元凶之一，一般占页面字节的50-60%。在页面中插入一张图片或者放大当前图片，是快速获取客户，提高业务流程转化率的合理方式。但是，这种方法会对性能造成严重的伤害。

图像增强是一种非常简单的提高性能的方法，可以使页面加载更快。为了更好更合理的渲染3D图像，必须对图像进行缩小合并，必须仔细调整图像的规格和文件格式，提高图像质量，这样才能根据图像的必要性进行差异加载解决。

在典型的网页服务器需求中，来自第三方脚本的需求占到了50%或者说是一个很大的数字。这种第三方脚本不仅会增加页面的字节数，造成延迟时间，还会成为网页中的一大潜在通病点。无响应、未经审核的第三方脚本会降低所有互联网的加载率。

解决方法是延迟加载第三方脚本，在重要页面内容之后加载。比较理想的情况是在页面onLoad恶性事件之后加载，这样不容易危及公司的自然排名(Google以onLoad恶性事件作为加载时间的指标值)。对于一些分析工具和第三方广告主来说，如果延迟加载第三方脚本不起作用，可以利用脚本的多线程版本号来平滑加载重要内容。客户必须知道网站中有哪些脚本，删除这些无用的脚本，并不断监控第三方脚本的性能。

“移动设备偏好”不是新升级的定义。早在2013年，移动设备的消费就已经超过了台式电脑。但相对于很多口头服务承诺的移动化表现，真正致力于移动设备的开发和设计还是有一定差距的。例如，2011年11月，移动设备上的平均页面大小为475KB，但现在已经增加到897KB。换句话说，平均页面大小在短短三年内基本翻了一番。

虽然移动设备和互联网有了一定的进步，但是在性能方面，还是跟不上服务项目页面接近1MB大小的要求。我们知道，页面大小与加载时间密切相关，中国移动的号码对加载速度慢特别敏感。如果公司期望网站能够真正保证“移动设备优先”，就必须妥善处理这个问题。

响应式网站设计方案使设计者和开发者能够更好地 *** 作网页的外观和感觉。它可以使跨多服务平台和机器的页面看起来越来越好。但除此之外，还会造成极大的性能损害，这是更快的电脑浏览器、互联网和实用工具所无法缓解的。而且随着时间的变化，危害还会继续恶化。

响应式网站设计是基于css样式表和JavaScript的。众所周知，低效率的CSS和JS所带来的性能问题，远远超过了其设计方案的优势所带来的收益。Css应该放在头部文本文档中，以完成页面的渐进3D渲染。众所周知，css样式表经常出现在页面的其他部分，这就阻碍了页面的3D渲染速度。也就是说，JavaScript文档应该放在页面底部，或者在重要内容加载后再加载，这是一种有效的方法。

我们都知道，要处理一个难题，首先要把握好。要解决页面性能问题，公司必须知道客户何时可以看到关键页面内容并与之进行交互。此外，公司还需要知道性能和可用性问题如何危及业务流程指标值。公司必须有办法获得具体的绩效指标值并进行分析。实时客户监督(RUM)专用工具可以从真实客户的角度即时获取、分析和记录网站的性能和可用性。

通过使用内容分发互联网(CDN)的网站比没有CDN的网站花费更长的时间来渲染特定内容3D。这是一个相关性问题，而不是逻辑关系:一般来说，有CDN的网站相对于没有CDN的网站来说，层次更高，也更复杂。页面的大小和复杂性是性能问题的罪魁祸首，而不是CDN。但这个结果也说明，单靠CDN并不能解决所有的性能困难。

如果部署得当，CDN将是一个非常合理的处理延迟时间问题的特殊工具:减少服务器托管接受、解决和响应图片、CSS文档等页面资源需求的时间。然而，延迟时间只是当代电子商务网站最重要的问题之一。为了达到最佳的实际效果，网络运营人员可以选择的构成方案有:CDN前端开发、推广、交付控制面板的使用、内控管理。