Blogger 首頁載入加速 by 隱藏內文&大量圖片

首先，一些常見的template會包含<span class="fullpost"></span>的功能。但是這種方式來隱藏內文最大的問題就是：

內文只是沒顯示，內容(ex.圖片)還是會被完整載入！

網路上就有人提供了相關解法，不過他的做法是特別處理圖片，所以當撰寫 blog 時，原本<img src="_link">的 html 語法要改為自訂的 javascrpt 函式，相當不直覺，對一般使用者來講太不友善。

於是我就部分採用了他的 javascript 方式，進一步將內文的多媒體資料完全不預先載入!

限制 1. 內文不能有單引號(')，請用(`)或('+"'"+')代替！
　　 2. 內文不能有 </script>，請改用 </script'+'>代替！

同樣的，要先到 template 裡面加入一段code，利用 Blogger 預先提供的變數來判斷頁面。

Code:

<script language="javascript">
var blog_paetype="<data:blog.pagetype>";
</script>

再來就是文章了，這邊是我用的文章範本：

Code:

要顯示的提要
<script>if(blog_pageType=='index') document.write('<span class="fullpost"></span>');else if(blog_pageType=='item') document.write('<hr />
會隱藏的內文
');</script>

這邊可以測試網頁載入速度，比較看看吧!