临阵磨枪,血拼季网站优化的最后三板斧

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

血拼季临近,零售商们须要提高 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