再次发生了!HTTP Archive 报告在收集了 50 万个最受欢迎的网站的技术信息,经过整理分析后指出:2015 年,网页的平均「体重」增加了 16%,达到了 2,262 KB,近似于 2014 年的增长幅度。
技术内容 | 2014年底 (KB) | 2015年底 (KB) | 增幅 (%) |
---|---|---|---|
HTML | 59 | 66 | 12% |
CSS | 57 | 76 | 33% |
JavaScript | 295 | 363 | 23% |
图片 | 1,243 | 1,443 | 16% |
Flash | 76 | 53 | -30% |
其他 | 223 | 261 | 17% |
总计 | 1,953 | 2,262 | 16% |
注:以上数据均为平均值。
与往年一样,图片的增长量最大。 我们现在打开网页,要多加载 200 KB 的图片,占了总增长量的 65%。每个页面要访问 55 个不同的图片文件。
对于大小达到 2.2 MB 的网页,原因很简单: 我们的工作做得太差劲。
很多网站都在想尽一切办法提高“用户参与度”,比如侵扰性广告、烦人的弹出窗口、使用率不高的社交媒体部件,以及侵入性跟踪。这么做可能会带来短暂的收益,但是网页内容不断膨胀,最终只会适得其反。
开发者与网站所有者无意识地创造了网页肥胖流行症。不过,考虑以下几点,就能有效地为网站瘦身:
很少有站长会在意网站是否臃肿。网站性能往往是开发者才会考虑的事情。如果从项目一开始就关注性能,也不至于严重地拖长开发时间。但要是等到网站达到臃肿的地步才考虑网站性能,就为时已晚了。
国内应用性能管理提供商 OneAPM 旗下一款模拟性能监控工具 Cloud Test 能够帮您轻松解决这个问题。Cloud Test 产品具有轻量化特点,无需任何安装操作,只需简单添加需要监控的 URL,即可对网页性能开启实时监控。
(图片来源:Cloud Test)
前面介绍了这么多,也许部分站长和运维对于开发者的网页臃肿程度完全不了解,Cloud Test 不仅能够实时监控性能,其具备的报警功能还能够支持自主设置报警阈值,可以根据您能接受的指标值为您发送报警邮件。同时,Cloud Test 深入代码底层为您监控各类错误发生的节点,帮您第一时间了解问题所在。
有了 Cloud Test,网页性能尽在掌握!
本文系OneAPM 工程师编译整理。Cloud Test是基于云技术的实时监控系统,能够帮大家实时监控网站性能,监控CDN、DNS、API等第三方服务提供商的可用性,实现应用性能及时监测及时报警。想阅读更多技术文章,请访问 OneAPM 官方技术博客。
|