靜態化部分網頁提高網站體驗和seo表現
最近，在Google網站管理員工具中觀察到自己的一些網站平均加載速度都變得很糟糕，開始想辦法優化，自然想到網頁靜態化。
先看下靜態網頁相對動態網頁的一些優點和缺點，也是我在考慮解決方法過程中衡量的問題。
靜態網頁的優點：
1、訪問速度快，耗服務器資源少。
2、網站與數據庫分離，數據庫宕掉時網站還能正常運行。
3、對搜索引擎友好，利于網站seo。
缺點：
1、快速消耗硬盤空間，尤其是內容多的站點。
2、舊網頁不能自動更新內容，除非重新生成網頁文件。
3、生成網頁文件(特別大量)消耗資源，而且無法保證成功生成每個頁面。
當然，對于博客這一類內容少的個人站點，全站生成在操作成本和資源消耗上都不高，在具備靜態化功能的前提下完全可以采用這個方案來優化站點。
本站是自己寫的代碼，沒有完美的全站靜態化功能，我也不打算花時間再去開發功能，從節約成本和提高效率考慮，我打算用部分頁面靜態化來達到優化網站訪問速度和體驗。
一般來說，首頁和分類頁面是訪問頻率高、耗資源多、離用戶和搜索引擎最近的頁面，能靜態化是最佳選擇。再者這類頁面數量少、URL格式也比較固定，容易統一快速處理。這里有兩個例子：
1、本站首頁靜態化
我用的是smarty模板引擎，很方便輸出頁面內容。在php程序中把原先輸出網頁的語句去掉：
- $tpl->display('index.tpl');改成生成文件的代碼即可：
- file_put_contents('./index.html', $tpl->fetch('index.tpl') );還可以順便去除多余空格和換行：
- //清除空格
- preg_replace('/[\n\r\t]/', ' ', $html)
- //清除換行
- preg_replace('/\s(?=\s)/', '', $html)
至此，完成首頁的靜態化，最終效果見本站首頁代碼。在添加新文章的時候異步執行下這段代碼，即可更新首頁，不想改動程序的話，手動執行下也很快。
2、通用部分網頁靜態化方法
知名博客程序Wordpress似乎并未使用全站靜態方案，即便有相關第三方插件，用起來也有諸多不便。而這樣完整的開源程序不適合手動去改，難度大而且不利于日后升級。
對于這類不方便直接修改程序的網站，我考慮的部分頁面靜態化方法是整理出首頁和分類頁的絕對地址，直接使用file_get_content獲取代碼再生成文件。代碼如下：
- $urlList = array(
- 'http://www.sky84.cn/index.php/article_list_cat,6.html',
- 'http://www.sky84.cn/index.php/article_list_cat,9.html',
- 'http://www.sky84.cn/index.php/article_list_cat,11.html'
- );
- foreach ($urlList as $v) {
- file_put_contents('article_list_cat,6.html', file_get_contents($v));
代碼只有基本的思路，具體細節依據網站自身條件處理。
這些方法可以最快、最方便地實現網頁靜態化帶來的優點，但僅適用于個人博客或者小站暫時性優化，若是大站，應對大訪問量負載和搜索引擎優化，就要從網站整體設計一套合適的頁面靜態化和優化方案。
【編輯推薦】
