网站优化 提升用户体验 <a href=/tech/biz/ target=_blank class=infotextkey>电商</a>网站优化

【编者按】本文作者DennisCallaghan目前就职于Callaghan&Partners。本文中,作者分享了购物高峰期提高网站性能的三个建议,帮助电商网站解决性能难题,提升用户体验,由 OneAPM工程师翻译。

以下为译文

血拼季临近,零售商们需要提升Web性能以满足高峰期的需求。本文提出三个优化建议,包括图像优化等,旨在帮助大家化解黑五的性能难题。

美国的节日购物季即将在感恩节后的周末拉开序幕,于CyberMonday结束。现在,大多数电商网站已经完成网站编写工作,但为了确保良好的用户体验,很多人都正忙着测试其网站性能。即使你和大多数网站一样正处于“code-freeze”状态,仍然可以在最后“抱抱佛脚”,进一步确保网站在购物高峰期,为客户提供卓越的购买体验。

我们曾咨询过多名优秀的网站性能布道师,在临近购物季时,是否有一些有助于性能提高和优化的建议。他们其中大多人都帮助过电商大头们解决过这类问题。下面是我们的总结:

1.订阅网站加速服务

这是提升网站性能最简单便捷的做法。使用网站加速服务不需要安装任何硬件或软件,也无需更改网站代码。它们运行在供应商的私人云中,作为边缘服务托管在世界各地的主要城市。一旦订阅,你的网站便可以利用他们的内容交付网络和缓存服务,从而减少网络延迟、消除网络瓶颈、优化内容,为跨地区的客户提供一致的性能体验。这些服务都是即插即用型,只需要你的网址即可。CDN公司,如Akama、Cloudflare、Fastly、InstartLogic和VerizonEdgecast等,都能提供Web加速服务,在优化的同时还可以防止安全威胁的入侵。一些CDN和网站加速服务甚至可以通过HTTP/2协议直接网站上运行。

2.优化图像和HTML

众所周知,图像太大常常会导致网页瘫痪。在大多数网页中,图像仍是最大的内容元素,根据HTTPArchive的数据可得,在平均2.2MB的网站内容中,图像大约占1.4MB。那么,图像应该多大才合适呢?对于桌面网站来说,最好不超过80KB,而移动网站或应用程序限制在20KB左右。如果不希望图像被剪裁,可以利用控制文件大小的免费工具,比如ImageOptimizer、RIOT和SiteReportCard。

在Friday/Cyber的网页中,优化“滚动条”图片和“交易”页面是重中之重——这是用户们购物的必经之路。

除了图像,网站的其他部分也可以压缩。在Web服务器上启用gzip压缩,压缩所有的HTML、CSS、XML和JavaScript文件,可以减少多达70%的带宽将网站文件传输到客户浏览器上。同时,压缩文件的加载速度仍比通过HTTP发送未压缩文件的速度要快很多。

接下来,还需要确保HTTPKeepAlive已启用并正常工作。它的功能在于允许浏览器重用现有的TCP连接到服务器,避免创建新链接增加延迟。

3.审核第三方标签

第三方标签,无论是广告、社交媒体或内容服务,都是Web性能的潜在陷阱。如果这些第三方服务宕机,也会把你的网站拖下水。所以,必须确保标签的位置以及它们所链接到的第三方服务是安全的。我们建议,在重大购物季来临时,尽量精简第三方标签,因为保证网站的可用性和性能才是当务为急,但也不必完全屏蔽所有广告。如果它的确会带来不错的商业收益,那确保广告不播放Flash、视频或大图像即可。

如果选择保留广告标签,就必须对第三方服务的可用性和性能进行监控,防止它们不会在面对某些区域或用户宕机。

如果你已经采纳以上三个建议,在高峰期来临之前,切记还需对网站进行负载测试,来模拟几百万客户同时访问对网站性能的冲击情况。市面上有大量的商业应用可提供模拟服务,比如开源工具ApacheJMeter。

每年购物季来临之际,性能问题也会如期而至,可能许多网站还因此而苦苦挣扎。但我们始终相信,前期准备越充分,那么客户体验一定会更好。不妨行动起来,为你的网站性能“添砖加瓦”吧!

    无相关信息