网页增重不可控？试试 OneAPM Cloud Test

再次发生了！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 的网页，原因很简单：我们的工作做得太差劲。

很多网站都在想尽一切办法提高“用户参与度”，比如侵扰性广告、烦人的弹出窗口、使用率不高的社交媒体部件，以及侵入性跟踪。这么做可能会带来短暂的收益，但是网页内容不断膨胀，最终只会适得其反。

对于不利于搜索引擎优化的大容量网站，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 官方博客