【编者按】本文作者 Dennis Callaghan 目前就职于 Callaghan&Partners。本文中,作者分享了购物高峰期提高网站性能的三个建议,帮助电商网站解决性能难题,提升用户体验,由 OneAPM工程师编译整理。
血拼季临近,零售商们需要提升 Web 性能以满足高峰期的需求。本文提出三个优化建议,包括图像优化等,旨在帮助大家化解黑五的性能难题。
美国的节日购物季即将在感恩节后的周末拉开序幕,于 Cyber Monday 结束。现在,大多数电商网站已经完成网站编写工作,但为了确保良好的用户体验,很多人都正忙着测试其网站性能。即使你和大多数网站一样正处于code-freeze
状态,仍然可以在最后「抱抱佛脚」,进一步确保网站在购物高峰期,为客户提供卓越的购买体验。
我们曾咨询过多名优秀的网站性能布道师,在临近购物季时,是否有一些有助于性能提高和优化的建议。他们其中大多人都帮助过电商大头们解决过这类问题。下面是我们的总结:
1.订阅网站加速服务
这是提升网站性能最简单便捷的做法。使用网站加速服务不需要安装任何硬件或软件,也无需更改网站代码。它们运行在供应商的私人云中,作为边缘服务托管在世界各地的主要城市。一旦订阅,你的网站便可以利用他们的内容交付网络和缓存服务,从而减少网络延迟、消除网络瓶颈、优化内容,为跨地区的客户提供一致的性能体验。这些服务都是即插即用型,只需要你的网址即可。CDN 公司,如 Akama、Cloudflare、 Fastly、 Instart Logic 和 Verizon Edgecast 等,都能提供 Web 加速服务,在优化的同时还可以防止安全威胁的入侵。一些 CDN 和网站加速服务甚至可以通过 HTTP/2 协议直接网站上运行。
2.优化图像和 HTML
众所周知,图像太大常常会导致网页瘫痪。在大多数网页中,图像仍是最大的内容元素,根据 HTTP Archive 的数据可得,在平均 2.2MB 的网站内容中,图像大约占 1.4 MB。那么,图像应该多大才合适呢?对于桌面网站来说,最好不超过 80 KB,而移动网站或应用程序限制在20 KB左右。如果不希望图像被剪裁,可以利用控制文件大小的免费工具,比如 Image Optimizer、RIOT 和 Site Report Card。
在 Friday/Cyber 的网页中,优化「滚动条」图片和「交易」页面是重中之重——这是用户们购物的必经之路。
除了图像,网站的其他部分也可以压缩。在 Web 服务器上启用 gzip 压缩,压缩所有的 HTML、CSS、XML 和 JavaScript 文件,可以减少多达 70% 的带宽将网站文件传输到客户浏览器上。同时,压缩文件的加载速度仍比通过 HTTP 发送未压缩文件的速度要快很多。
接下来,还需要确保 HTTP Keep Alive 已启用并正常工作。它的功能在于允许浏览器重用现有的 TCP 连接到服务器,避免创建新链接增加延迟。
3. 审核第三方标签
第三方标签,无论是广告、社交媒体或内容服务,都是 Web 性能的潜在陷阱。如果这些第三方服务宕机,也会把你的网站拖下水。所以,必须确保标签的位置以及它们所链接到的第三方服务是安全的。我们建议,在重大购物季来临时,尽量精简第三方标签,因为保证网站的可用性和性能才是当务为急,但也不必完全屏蔽所有广告。如果它的确会带来不错的商业收益,那确保广告不播放 Flash、视频或大图像即可。
如果选择保留广告标签,就必须对第三方服务的可用性和性能进行监控,防止它们不会在面对某些区域或用户宕机。
如果你已经采纳以上三个建议,在高峰期来临之前,切记还需对网站进行负载测试,来模拟几百万客户同时访问对网站性能的冲击情况。市面上有大量的商业应用可提供模拟服务,比如开源工具 Apache JMeter,之后也可以使用免费的商业软件 Browser Insight 来定制前端性能监控解决方案,提升网站响应速度。
每年购物季来临之际,性能问题也会如期而至,可能许多网站还因此而苦苦挣扎。但我们始终相信,前期准备越充分,那么客户体验一定会更好。不妨行动起来,为你的网站性能「添砖加瓦」吧!
原文链接: 3 Last-Minute Tips to Optimize for Black Friday and Cyber Monday