Ads 468x60px

2014年1月2日 星期四

測試 Blogger 網頁開啟速度 Pindom Tools 工具網站,分析 Javascript 載入時間,快速開啟 部落格 網頁!

測試 Blogger 網頁開啟速度 Pindom Tools 工具網站,分析 Javascript 載入時間,快速開啟 部落格 網頁!

通常你開啟網頁時,會發現會卡在某個地方出不來,那個大概就是載入的癥結所在,如Google Adsense、部落格觀察、部落格廣告…等。如果你要明確一點的數據,可以用Firefox搭配 Firebug套件,來查出哪支Javascript跑得最久。(每個長條圖都會顯示檔名及載入花費的時間)

也可以利用 Pindom Tools 這個免費的測速網站服務,輸入自己的網址來觀察。

上方的長條圖,黃色是開始時間,到了綠色是開始連接的時間,到了藍色是開始傳送檔案的時間,藍色的結束表示傳輸完成。

只要能利用上面兩個小工具,就很容易地找出網頁開啟速度的癥結點,除了可以將最慢的Javascript丟到最後載入之外,還可以將某些最常出現圖片丟到速度更快的圖庫中,用以改善載入速度喔!

Q:如果我有很多段Javascript要最後載入,難道一段JS就要儲存成一個檔案?

A:如果你對JS稍有認識,可以直接使用switch來做選擇。上方空白的div可自行改名,如ad_space1、ad_space2…,實際存放的內容,可改成ad_content1、ad_content2,然後在ad_content的標籤中,加入一段:

<script type="text/javascript"> 
id=2;
 </script>

裡面的id=多少可自行修改,然後修改你的ad.js檔案,改成:

switch (id) 
case 1: 
  document.write ("第1段JS程式代碼") 
  break 
case 2: 
  document.write ("第2段JS程式代碼") 
  break 
 }

如此一來,就可以利用id這個參數,來控制你要顯示的內容了,很方便吧!

找到拖慢速度的 Javascript 後,可以參考這篇教學來加快網頁載入速度:
網頁開啟速度被一堆Javascript拖垮了?教你修改網頁的好撇步,讓網頁載入速度更快!

引用 軟體玩家

0 意見:

張貼留言

Related Posts Plugin for WordPress, Blogger...
 
Blogger Templates