類別 | 學習心得

延遲載入JavaScript加快網頁開啟速度

為了豐富部落格的內容,許多部落客都會使用Google Adsense、部落格觀察、部落軌道、FunP、MyBlogLog … 等網路服務,以上舉的例子都有一個共通性,她們都是使用「JavaScript」,而這些JavaScript都會造成網頁開啟速度緩慢,讓瀏覽者看你的網頁內容可能會東缺一塊、西缺一塊的。

不要讓 JavaScript 拉長你網站的反應時間  如何不要讓 JavaScript 拉長你網站的反應時間?原木剛好看到「網頁開啟速度被一堆Javascript拖垮了?教你修改網頁的好撇步,讓網頁載入速度更快!」這篇文章,該作者就是介紹「延遲載入」的方法,不過步驟似乎比較複雜,而有網友留言貢獻了更簡單的方法,這也就是原木目前使用的方法:

  1. 將原內容改成下面的寫法:
    <div id="yourdivid" style="visibility:hidden;">
    原內容
    </div>
    
    
  2. 在網頁最下方(通常是footer.php對應上面的 div id
    &amp;lt;img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%0Adocument.getElementById(%22yourdivid%22).style.visibility%3D%22visible%22%3B%0A%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&amp;amp;lt;script&amp;amp;gt;" title="&amp;amp;lt;script&amp;amp;gt;" /&amp;gt;

原木今天已將新、舊部落格延遲載入JavaScript,載入首頁時間真的是縮短了一些,讀取文章的速度也加快了不少,如果你也是部落客,不妨花點時間修改一下語法,造福你的讀者、粉斯哦! 


發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料

BloggerAds

Subscription

輸入你的電子郵件地址訂閱網站的新文章,使用電子郵件接收新通知。

一起加入其他 1,914 位訂閱者的行列

Stickers

部落格達人009認證徽章Creative Commons License