Calamity of Website - 網頁災難
2011/03/11 日本大地震與海嘯的災難令人怵目驚心.
我們祈禱災情能夠減到最輕.
但是這裡提到的卻是網頁的災難.
開啟某個網站或網頁,卻導致瀏覽器幾乎當機的災難...
網站的架設就不說, 通常是有經驗的網站設計者編排的. 很少遇到災難網站.
像我這種欲求不滿又愛亂弄部落格的人,通常會弄個災難網頁出來.
拖慢網頁開啟速度主要殺手有三個,
▪ 1. Js 過多.
▪ 2. 圖檔過大.
▪ 3. 影音媒體自動播放.
▪ 廣告,動畫,小工具,時鐘,遊戲,分析器... 這些都是頁面上 Js 的宿主.
還包括 <head> 裡面藏著的 SEO插件, tag 分析製造...
▪ 高解析全景背景圖, 大尺寸 gif 動畫,大量照片,每張圖檔屬於不同來源...
▪ 滿滿的文章,像"清明上河圖"般,拉長整個頁面,
裝滿各式分類+回應+熱門文章+一堆.......
真不了解, 文章分類跟時間分類是有什麼作用? 一定要把所有文章都堆放上去嗎?
我的網速是屬於慢的, 所以剛搬來 Blogger 時就考慮盡量不要放太多東西.
主頁上的文章也只需要5篇, 另外用 <!---more---> 繼續閱讀的標籤來縮減.
但是, <more> 這個標籤有個缺點, 就是關鍵字容易被遮蔽.
對於需要將文章大量曝光的部落格很不利.
我想,只要我的網速能夠流暢開啟這個部落格; 那麼別人應該也沒有太大問題.
習慣用這一個 SpeedTest 網路測速, 測試自己的網路頻寬.
嗯? 對了! 差點忘記為何寫這一篇. 網頁災難...
這個部落格開啟頁面並不是很快,我知道. 但是剛才逛到幾個部落格感覺也是如此.
甚至有個幾乎讓我的瀏覽器陷入昏迷狀態.
所以忽然想到一個網站測速服務, Pingdom.
幫你分析你的網站或網頁開啟的速度,以及首頁的內容物佔據多少頻寬.
這個分析對於調整網頁很有幫助.
剛才的部落格開啟需要7.3秒. (測試需要不同時段取得平均值)
7秒感覺好像很快; 但事實上數據超過5秒以上的網頁就會讓我的頻寬卡住.
而 Pingdom 是以伺服器的立場測出,幾乎是網頁的最佳狀態.
一般家用頻寬...別傻了! 瀏覽器可能就停止回應.
不過測試結果跟地區有些影響, 同樣是 Yahoo 首頁, 美國版只需要2.2秒, 台灣版 卻需要4秒.
所以剛才的那個美國地區的網頁,如果是從台灣測試,其結果也許超過10秒以上.
想像一下, Yahoo 滿滿廣告的首頁,都需要4秒; 那麼超過10秒的網頁有多麼災難?
電腦硬體跟不上軟體發展速度; 而網路品質更是跟不上網路需求.
這就是網頁災難.
