再次发生了!HTTP Archive 报告在收集了 50 万个最受欢迎的网站的技术信息,经过整理分析后指出:2015 年,网页的平均「体重」增加了 16%,达到了 2,262 KB,近似于 2014 年的增长幅度。
注:以上数据均为平均值。
与往年一样,图片的增长量最大。 我们现在打开网页,要多加载 200 KB 的图片,占了总增长量的 65%。每个页面要访问 55 个不同的图片文件。
网页为什么臃肿了?
对于大小达到 2.2 MB 的网页,原因很简单: 我们的工作做得太差劲。
很多网站都在想尽一切办法提高“用户参与度”,比如侵扰性广告、烦人的弹出窗口、使用率不高的社交媒体部件,以及侵入性跟踪。这么做可能会带来短暂的收益,但是网页内容不断膨胀,最终只会适得其反。
- 对于不利于搜索引擎优化的大容量网站,Google 会降低其评分。
- 虽然广告上声称内容免费,但是如果用户发现,使用标准的手机流量套餐看一个网页会花费0.4美元,他们还会认为内容是免费的吗?
- 这一年来,广告拦截工具发展成主流软件,充分说明了用户对网页内容的不满,同时也强调,任何人都可以轻松地去掉令人反感的内容。
- 用户没有耐心等待。Etsy.com 发现,他们的网页增加了160 KB 的图片后,移动端的跳出率上升了12%。
- 网络活动开始引起政府的重视。 例如英国的移动运营商,如果允许服务使用他们的网络进行误导性宣传并从中获利,将会遭受罚款。随着不良网站越来越猖狂,监管力度势必也会加强。
拒绝网页肥胖
开发者与网站所有者无意识地创造了网页肥胖流行症。不过,考虑以下几点,就能有效地为网站瘦身:
- 图片与视频。这些文件能否调整大小?是否可以用 CSS 效果替代它们?内容管理员有没有上传庞大的独立文件?访客会查看所有图片么?
- 第三方内容。广告与社交媒体脚本常常铺张浪费,荒唐至极。这些内容是必要的么?有没有更好的选择?
- 视角。对于坐拥 100MB 网络连接的访客而言,网站性能自然无需担心。开发者应该在更有限的带宽下进行测试,比如 3G 网络,旅店里的 Wifi。或许这会改变他们的看法。
很少有站长会在意网站是否臃肿。网站性能往往是开发者才会考虑的事情。如果从项目一开始就关注性能,也不至于严重地拖长开发时间。但要是等到网站达到臃肿的地步才考虑网站性能,就为时已晚了。
国内应用性能管理提供商 OneAPM 旗下一款模拟性能监控工具 Cloud Test 能够帮您轻松解决这个问题。Cloud Test 产品具有轻量化特点,无需任何安装操作,只需简单添加需要监控的 URL,即可对网页性能开启实时监控。
(图片来源:Cloud Test)
前面介绍了这么多,也许部分站长和运维对于开发者的网页臃肿程度完全不了解,Cloud Test 不仅能够实时监控性能,其具备的报警功能还能够支持自主设置报警阈值,可以根据您能接受的指标值为您发送报警邮件。同时,Cloud Test 深入代码底层为您监控各类错误发生的节点,帮您第一时间了解问题所在。
有了 Cloud Test,网页性能尽在掌握!
本文系 OneAPM 是基于云技术的实时监控系统,能够帮大家实时监控网站性能,监控CDN、DNS、API等第三方服务提供商的可用性,实现应用性能及时监测及时报警。想阅读更多技术文章,请访问 OneAPM 官方技术博客。
本文转自 OneAPM 官方博客