针对Mkdocs部署到Githubpages加速访问速度的一些心得
加速网站访问的一些心得
在使用 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进行网站性能测试