再次發(fā)生了！HTTP Archive 報(bào)告在收集了 50 萬個(gè)最受歡迎的網(wǎng)站的技術(shù)信息，經(jīng)過整理分析后指出：2015 年，網(wǎng)頁的平均「體重」增加了 16%，達(dá)到了 2,262 KB，近似于 2014 年的增長幅度。
注：以上數(shù)據(jù)均為平均值。
與往年一樣，圖片的增長量最大。 我們現(xiàn)在打開網(wǎng)頁，要多加載 200 KB 的圖片，占了總增長量的 65%。每個(gè)頁面要訪問 55 個(gè)不同的圖片文件。
網(wǎng)頁為什么臃腫了？
對(duì)于大小達(dá)到 2.2 MB 的網(wǎng)頁，原因很簡單： 我們的工作做得太差勁。
很多網(wǎng)站都在想盡一切辦法提高“用戶參與度”，比如侵?jǐn)_性廣告、煩人的彈出窗口、使用率不高的社交媒體部件，以及侵入性跟蹤。這么做可能會(huì)帶來短暫的收益，但是網(wǎng)頁內(nèi)容不斷膨脹，最終只會(huì)適得其反。
- 對(duì)于不利于搜索引擎優(yōu)化的大容量網(wǎng)站，Google 會(huì)降低其評(píng)分。
- 雖然廣告上聲稱內(nèi)容免費(fèi)，但是如果用戶發(fā)現(xiàn)，使用標(biāo)準(zhǔn)的手機(jī)流量套餐看一個(gè)網(wǎng)頁會(huì)花費(fèi)0.4美元，他們還會(huì)認(rèn)為內(nèi)容是免費(fèi)的嗎？
- 這一年來，廣告攔截工具發(fā)展成主流軟件，充分說明了用戶對(duì)網(wǎng)頁內(nèi)容的不滿，同時(shí)也強(qiáng)調(diào)，任何人都可以輕松地去掉令人反感的內(nèi)容。
- 用戶沒有耐心等待。Etsy.com 發(fā)現(xiàn)，他們的網(wǎng)頁增加了160 KB 的圖片后，移動(dòng)端的跳出率上升了12%。
- 網(wǎng)絡(luò)活動(dòng)開始引起政府的重視。 例如英國的移動(dòng)運(yùn)營商，如果允許服務(wù)使用他們的網(wǎng)絡(luò)進(jìn)行誤導(dǎo)性宣傳并從中獲利，將會(huì)遭受罰款。隨著不良網(wǎng)站越來越猖狂，監(jiān)管力度勢必也會(huì)加強(qiáng)。
拒絕網(wǎng)頁肥胖
開發(fā)者與網(wǎng)站所有者無意識(shí)地創(chuàng)造了網(wǎng)頁肥胖流行癥。不過，考慮以下幾點(diǎn)，就能有效地為網(wǎng)站瘦身：
- 圖片與視頻。這些文件能否調(diào)整大?。渴欠窨梢杂?CSS 效果替代它們？內(nèi)容管理員有沒有上傳龐大的獨(dú)立文件？訪客會(huì)查看所有圖片么？
- 第三方內(nèi)容。廣告與社交媒體腳本常常鋪張浪費(fèi)，荒唐至極。這些內(nèi)容是必要的么？有沒有更好的選擇？
- 視角。對(duì)于坐擁 100MB 網(wǎng)絡(luò)連接的訪客而言，網(wǎng)站性能自然無需擔(dān)心。開發(fā)者應(yīng)該在更有限的帶寬下進(jìn)行測試，比如 3G 網(wǎng)絡(luò)，旅店里的 Wifi?；蛟S這會(huì)改變他們的看法。
很少有站長會(huì)在意網(wǎng)站是否臃腫。網(wǎng)站性能往往是開發(fā)者才會(huì)考慮的事情。如果從項(xiàng)目一開始就關(guān)注性能，也不至于嚴(yán)重地拖長開發(fā)時(shí)間。但要是等到網(wǎng)站達(dá)到臃腫的地步才考慮網(wǎng)站性能，就為時(shí)已晚了。
國內(nèi)應(yīng)用性能管理提供商 OneAPM 旗下一款模擬性能監(jiān)控工具 Cloud Test 能夠幫您輕松解決這個(gè)問題。Cloud Test 產(chǎn)品具有輕量化特點(diǎn)，無需任何安裝操作，只需簡單添加需要監(jiān)控的 URL，即可對(duì)網(wǎng)頁性能開啟實(shí)時(shí)監(jiān)控。
（圖片來源：Cloud Test）
前面介紹了這么多，也許部分站長和運(yùn)維對(duì)于開發(fā)者的網(wǎng)頁臃腫程度完全不了解，Cloud Test 不僅能夠?qū)崟r(shí)監(jiān)控性能，其具備的報(bào)警功能還能夠支持自主設(shè)置報(bào)警閾值，可以根據(jù)您能接受的指標(biāo)值為您發(fā)送報(bào)警郵件。同時(shí)，Cloud Test 深入代碼底層為您監(jiān)控各類錯(cuò)誤發(fā)生的節(jié)點(diǎn)，幫您第一時(shí)間了解問題所在。
有了 Cloud Test，網(wǎng)頁性能盡在掌握！
本文系 OneAPM 是基于云技術(shù)的實(shí)時(shí)監(jiān)控系統(tǒng)，能夠幫大家實(shí)時(shí)監(jiān)控網(wǎng)站性能，監(jiān)控CDN、DNS、API等第三方服務(wù)提供商的可用性，實(shí)現(xiàn)應(yīng)用性能及時(shí)監(jiān)測及時(shí)報(bào)警。想閱讀更多技術(shù)文章，請?jiān)L問 OneAPM 官方技術(shù)博客。
本文轉(zhuǎn)自 OneAPM 官方博客
