加速網站訪問的一些心得
在使用 MkDocs 構建網站時,為了提高訪問速度,我們可以采取以下一些措施:
1. 優化圖片
使用合適的圖片格式,如 WebP、JPEG2000 等,減少圖片文件大小,從而加快加載速度。
可以使用在線工具進行圖片壓縮,如:
- freeconvert
2. JS/CSS使用 CDN
使用內容分發網絡(CDN)來加速網站的訪問,將靜態資源(如圖片、CSS、JS)緩存到全球各地的服務器上,用戶就近訪問,減少延遲。
這里推薦
- jsDelivr CDN 加速 GitHub 文件
3.加速本地渲染
優化 git 插件的 enabled 配置
比如我配置里有 git-revision-date-localized 和 git-committers 插件,這些插件會在每次渲染時讀取所有文件的 git 歷史,導致本地預覽變慢。
推薦做法是在本地開發時禁用它們,僅在 CI/CD 或線上構建時啟用。
具體寫法如下:
plugins:- git-revision-date-localized:enabled: !ENV [CI, false] # 只有在CI環境變量為true時才啟用- git-committers:enabled: !ENV [CI, false]
檢驗加速效果是否生效可以使用lighthouse進行測試,具體可以參考:
使用lighthouse進行網站性能測試