文档章节

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

OneAPM蓝海讯通
 OneAPM蓝海讯通
发布于 2015/12/01 11:35
字数 1331
阅读 90
收藏 1

【编者按】本文作者 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

© 著作权归作者所有

共有 人打赏支持
OneAPM蓝海讯通
粉丝 93
博文 631
码字总数 1266889
作品 0
海淀
私信 提问
2015大型互联网公司校招都开始了,薪资你准备好了嘛?

2015年的校招早就开始了,你还不知道吧? 2015年最难就业季来了,你还没准备好嘛? 现在就开始吧,已经很多大型互联网公司祭出毕业生底薪了 看谷歌、看百度、看腾讯、看阿里巴巴 再看传统软件...

woIwoI
2014/09/29
0
0
2015大型互联网公司校招都开始了,薪资你准备好了嘛?

2015年的校招早就开始了,你还不知道吧? 2015年最难就业季来了,你还没准备好嘛? 现在就开始吧,已经很多大型互联网公司祭出毕业生底薪了 看谷歌、看百度、看腾讯、看阿里巴巴 再看传统软件...

woiwoi
2014/09/29
0
0
如何做好iOS应用安全?这有一把行之有效的“三板斧”

本文由 网易云 发布 iOS应用面临很多破解问题,常见的有IAP内购破解、山寨版本、破解版本等;大众应用上,微信抢红包、微信多开等;而在iOS游戏上,越来越泛滥的外挂问题也不断困扰着游戏厂商...

wangyiyungw
05/15
0
0
「ThinkPHP开发者周刊」第5期——API开发和调试专题

[ 本周读数 ] 万——看云月活用户数超过90万 看云(kancloud.cn)是旗下一个专注于文档写作、托管和阅读的平台,诞生于2015年,致力于提供最佳的文档写作和阅读体验,经历了三年多的迭代完善...

流年
11/05
0
0
PHP函数式编程初探之“三板斧”:过滤、映射、归约

函数式编程是一种不同于对象式编程的思想,虽然PHP并不是天生就属于函数式编程的语言,也不擅长该领域,但这里希望通过PHP对函数式支持实现,加深对函数式编程的范式和思想。 PHP本身的语法、...

暗夜在火星
2016/11/20
68
0

没有更多内容

加载失败,请刷新页面

加载更多

移动端Appium自动化测试框架的优势

众所周知,现在市面上的移动端操作系统已被Android和IOS占领,其中Android的份额更是在80%以上。那么面对市面上林林总总的自动化测试框架和工具,为什么说Appium在自动化测试框架的统治级优势...

程序猿拿Q
18分钟前
1
0
设计模式 之 观察者模式

设计模式 之 观察者模式 场景 场景比较简单,当一个对象的状态发生改变时,自动通知所有依赖(或观察)它的对象。 比如:发布/订阅 原理:发布者存储N个订阅者的对象信息,当发布者发布消息时...

GMarshal
22分钟前
1
0
linux 常用

netstat -tunlp |grep 8080 查看8080 占用 netstat -tunlp 用于查看所有的端口号的进程情况

west_coast
26分钟前
2
0
Bytom信息上链教程

比原项目仓库: Github地址:https://github.com/Bytom/bytom Gitee地址:https://gitee.com/BytomBlockchain/bytom ##用比原链(Bytom)实现信息上链 很多了解比原链的都知道,比原链是专注...

比原链Bytom
32分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部