[教學]減少網頁 reflow(回流) 的 CSS 實作技巧﹍優化網站效能(3)
![[教學]減少網頁 reflow(回流) 的 CSS 實作技巧﹍優化網站效能(3)](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirXWJJu3DTGEPracZla3uat7_e2KdC715WMD_dUFeZqanwItr41lor48cYutZguMqsNs92ON0ZyGh6HkpPAyJedSSn4FiAYJmOMIiI10RAtUr324OgD1rvc8gpae5TGPDZOdLw8g-OahDD/s1600/avoid-reflow-add-image-size-value.jpg)
在增進網頁效能的執行事項之中，減少瀏覽器回流(reflow)是重要的一環。然而 reflow 這個名詞不常見、且翻譯也不易理解，不如稱之為「瀏覽器重新佈局」、或「網頁區塊重新安排」會來得白話一些。而為何要減少 reflow？因為它會 造成 CPU 無謂的重複運算，消耗瀏覽器效能及...
繼續閱讀全文讓 Blogger 過長的文章自動產生數字分頁﹍系列文加強版
上一個版本「 讓 Blogger 自動顯示系列文章 」留言 #5 WHY 詢問「有時文章過長，想幫文章變更為好幾頁 ( 寫好幾篇 )，能否讓【 自動顯示系列文章 】的顯示結果不出現標題，而出現數字」。基本上「文章分頁」算是常見的功能，當文章內容較長，分頁功能可以讓讀者稍微喘口氣。...
繼續閱讀全文[教學]將範本中的 HTML/Javascript/CSS 最佳化處理﹍優化網站效能(2)
![[教學]將範本中的 HTML/Javascript/CSS 最佳化處理﹍優化網站效能(2)](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1YeX4Eeairatgevp-unCp1yz3LCZogfXhswqSndqyOYk13A484GtSgeTL6h7CQOs9GyOL05atYstsniitA1SE7beLoQFeKAG-SKKM_X8jvHVfH4k_ZCchmvloZuX2VeJWJJm5STEWupli/s1600/htm-css-js.jpg)
過去寫了不少篇屬於優化網站效能的基礎知識，如果都曾讀過、打好基礎後，那麼現在可以開始挑戰實作演練了。本篇以 Blogger 範本為例，說明如何整理程式碼、讓範本最佳化，也就是能夠減少體積、執行有效率，同時又易於維護。 不過動手之前，最好先確認對 html/js/css 有基本...
繼續閱讀全文雖然 PageRank 停止更新，沒關係還有 MozRank
這個「 Blogger 中文社群討論串 」提到了 Google 不再更新 PageRank 的消息，而這件事 Google 很久以前便開始預告，PageRank 的數字也有很長的一段時間沒有變動，越來越少看到網站掛上 PageRank 貼紙。 為何 Google 這麼做，想瞭...
繼續閱讀全文活用 HTML/Javascript/CSS 格式化及壓縮工具﹍修改 Blogger 範本的觀念 (3)
隨著範本修改次數增加、範本檔越來越肥大，從最乾淨的狀態不到 100k 直到 2、300k 的情況都在所多有(如果備份時有注意檔案容量的話)，是不是會覺得開啟範本的等待時間越來越久？也難怪網頁開啟時間越來越慢。 進入主題前先回顧一下系列文前兩篇，站長要如何不盲目地修改範本、脫離...
繼續閱讀全文
