02 全頁面靜態化 · PHP緩存

### **將整個頁面靜態化為一個文件** #### (常見于CMS，使用前后端分離的思路如 Smarty 把頁面共用區域做成模板，并留下變量區域，后臺修改內容時，把變量替換入模板，并生成 HTML。用戶訪問時，直接顯示HTML頁面) ![](https://img.kancloud.cn/ca/97/ca972a45e9b1125dfa4a72d2720946db_900x231.png) ### **頁面靜態化優點：** * 有利于搜索引擎優化SEO，加快收錄速度 * 減輕服務器壓力，減少數據庫請i去和運算量 * 加快頁面打開速度，便于進行CDN加速 * 防止漏洞和入侵 * 非常適合文章類網站 ### **頁面靜態化步驟：** 1. 確定好要靜態化的頁面，在 public 中新建文件夾，存儲此頁面 ![](https://img.kancloud.cn/97/9f/979f05c52935f640a66009cfea088e55_257x48.png) 2. 將要靜態化的部分刪除，替換為 `<{這里隨便取名}>` ![](https://img.kancloud.cn/91/2c/912ce352220d0ad7fe2573ef29d74ffa_762x99.png) 3. 把要靜態化的部分單獨摘離成一個html文件 ![](https://img.kancloud.cn/41/af/41afeef18c24bbc12b63b2e55daead8d_321x83.png) 4. 把要靜態化的部位刪除，替換為`<{這里隨便取名}>` ![](https://img.kancloud.cn/94/13/94130bdc9496b16bc8f6c0fd13b5b766_895x815.png) 5. 后臺對要靜態化的部位進行整合替換 6. 先查詢數據庫，獲取需要的靜態資源 7. 將查詢到的數據循環，利用 `str_replace`轉化為html 語句 ![](https://img.kancloud.cn/bc/f3/bcf37c7091a2a3fccf30a7e9d76a31be_1918x1772.png) 8. 將上一步的html語句轉為html文件并存儲 ![](https://img.kancloud.cn/0a/74/0a747ec72e9b4fdb5730b4f26fbb868d_1361x768.png) 9. 整合調用 ![](https://img.kancloud.cn/21/d1/21d1030cec0b1f341215c6a912761fe3_889x683.png)