Calamity of Website - 網頁災難

Add   Comments

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秒的網頁有多麼災難?

電腦硬體跟不上軟體發展速度; 而網路品質更是跟不上網路需求.
這就是網頁災難.


Author Summary
Calamity of Website - 網頁災難
Subject : Calamity of Website - 網頁災難
Author : - Dream Talker Updated at: 12:39 PM
Votes : 100% - 5.0 - based on 2015
開啟某個網站或網頁,卻導致瀏覽器幾乎當機的災難.拖慢網頁開啟速度主要殺手有三個...
5 Stars - Reviews
留言提示 - Comment Tips
◆ 如果您有任何想法或意見,歡迎參與留言。
◆ Disqus匿名留言,信箱及個人資訊不會公開顯示。
◆ 請多使用社群帳號留言,可簡化流程並訂閱回復。
◆ 『私密留言』請使用Google+分享按鍵,留言須使用『@Mark X』在訊息中,以免遺漏通知。
◆ G+ 訊息中指名分享對象的參考文件: 『 說明
  • Disqus
  • Blogger
  • Facebook
Anonymous left your nick please