1. 管理 “页面膨胀”

页面大小与效能有着密切的关系。据调查显示,100 强电商页面大小中位数达到了 1492KB,比一年半之前增大了 48% 。

在研究报告里载入快的 10 个页面中,页面包含的资源请求中位数为 50 个,页面大小中位数为 556KB 。而载入慢的 10 个页面中,页面包含的资源请求中位数为 141 个,页面大小中位数为 3289KB 。换句话说,载入慢的页面的资源中位数几乎是载入快的页面的三倍,页面大小则是六倍。

仔细研究页面尺寸大小,我们可以得到更多的资讯。载入快的 10 个页面所包含的资源总数范围比较密集:在 15 个~72 个之间;页面尺寸小的仅为 251KB,大的 2003KB 。而载入慢的 10 个页面所包含的资源总数范围则比较广泛:在 89 个~373 个之间;页面尺寸小为 2073KB,大的则超过了 10MB 。

2. 进行影象优化

影象是造成页面膨胀的罪魁祸之一,通常占据页面位元组数的 50-60% 。在页面中新增图片或是将现有图片放大,是迅速获取多用户并提高业务转化率的有效方式。但是这种方法会对效能造成严重的影响。

进行影象优化是提升效能简单的一种方法,它可以使页面载入更快。为了更有效的完成影象渲染,影象必须经过压缩和整合、影象的尺寸和格式必须经过仔细调整,影象质量也必须经过优化,这样才可以依据影象的重要性进行区别化的载入处理。

3. 控制第三方指令码

在典型的页面服务器请求中,来自于第三方指令码的请求占了其中的 50% 或更多。这些第三方指令码不仅会增加页面的位元组数,带来延迟,而且也会成为 Web 页面中大的潜在故障点。无响应、未经优化的第三方指令码会降低整个网络的载入速度。

解决办法是延迟第三方指令码的载入,将其放在关键页面内容之后进行载入,更为理想的情况是放在页面 onLoad 事件之后载入,这样才不会影响企业的搜索排名 (谷歌将 onLoad 事件作为载入时间指标) 。对于一些分析工具和第三方广告商而言,如果延迟第三方指令码载入的方法不可行,可以利用指令码的非同步版本,与关键内容的载入同步进行。多用户必须了解网站中有哪些指令码,删除那些无用的指令码,并对第三方指令码的效能进行持续监控。

4. 真正做到移动装置优先

“移动装置优先” 并不是一个全新的概念。早在 2013 年,移动装置的使用量就已经超过了桌上型电脑,然而与众多口头承诺的移动效能相比,真正专注于移动装置的开发还是存在一定的差距。例如,2011 年 11 月,移动装置上的平均页面大小为 475KB,现在则增长至 897 KB 。也就是说,在短短三年之间,平均页面大小几乎翻了一番。

尽管移动装置和网络取得了一些进展,但就效能而言,还是无法与大小已接近 1MB 的服务页面需求保持同步。我们知道,页面大小与载入时间息息相关,移动多用户对缓慢的载入速度尤其敏感。如果企业希望网站可以真正做到 “移动装置优先”,就必须正确处理这些问题。

5. 在进行响应式 Web 设计时兼顾效能

响应式设计让设计人员和开发人员可以更好地控制 Web 页面的外观和感觉。它可以使跨多平台和装置上的页面变得更漂亮。但同时也会带来巨大的效能损失,这些效能损失并不能通过更快速的浏览器、网络和小工具得到缓解。而且随着时间的推移,这样影响还将持续恶化。

响应式设计建立在样式表和 JavaScript 之上。然而,低效的 CSS 和 JS 所带来的效能问题远远大于其设计优势给我们带来的好处。样式表应当放在 HEAD 文件中,用以实现页面的逐步渲染。然而,样式表却经常出现在页面其它位置,这就阻碍了页面的渲染速度。换句话说,JavaScript 档案应当放在页面底部或在关键内容载入完成之后再被载入才是合理的处理方式。

6. 实时监控效能

大家都知道要解决一个问题就必须先对问题有充分的了解。要解决页面效能问题,企业就必须知道多用户在什么时候可以看到主要页面内容并与之进行互动;同时,企业还需了解效能和可用性问题是如何影响业务指标的。企业需要有方法获取实际的效能指标并对其进行分析。实时多用户监控 (RUM) 工具可以从真实多用户的角度实时获取、分析并记录网站的效能和可用性。

7. 切勿过分依赖 CDN 解决所有效能问题

使用内容分发网络 (CDN) 的网站完成主要内容渲染所需的时间比未曾使用 CDN 的网站要长的多。这是一个相关性问题,而非因果关系:通常情况下,相较于未使用 CDN 的网站,使用 CDN 的网站页面更大,也更复杂。页面的大小和复杂程度才是造成效能问题的元凶,而非 CDN 。但这一结果也表明,仅依靠 CDN 并不能解决所有的效能难题。

如果部署得当,CDN 会是解决延迟问题非常有效的工具:缩短托管服务器接收、处理并响应影象、 CSS 档案等页面资源请求所需的时间。但是,延迟仅仅只是现代电商网站的关键问题之一。为了实现理想的加速效果,网站运营人员可以采用组合解决方案:CDN+前端优化+应用交付控制器和内部管理。

8. 在企业内部加强 Web 效能观念的宣传

大量研究证明,提高页面速度可以对所有的关键效能指标产生积极影响:页面访问量、多用户粘连度、业务转化率、多用户满意度、客户保持、购物车的内容多少和收入。

然而,正如上述 7 个建议中所表明的那样,许多企业都犯了同样的错误,终损害了 Web 效能。目前,企业应该重点解决 Web 开发目标和线上业务目标之间的差距问题,而且,每个企业都应该至少拥有一个内部效能专家,以便更好的解决 Web 效能问题。