mirror of
https://github.com/Wcowin/Mkdocs-Wcowin.git
synced 2025-07-22 18:06:35 +00:00
44 lines
1.4 KiB
Markdown
44 lines
1.4 KiB
Markdown
---
|
||
title: 加速网站访问的一些心得
|
||
tags:
|
||
- Mkdocs
|
||
---
|
||
|
||
# 加速网站访问的一些心得
|
||
|
||
在使用 MkDocs 构建网站时，为了提高访问速度，我们可以采取以下一些措施：
|
||
## 1. 优化图片
|
||
使用合适的图片格式，如 WebP、JPEG2000 等，减少图片文件大小，从而加快加载速度。
|
||
|
||
可以使用在线工具进行图片压缩，如：
|
||
|
||
- [freeconvert](https://www.freeconvert.com/zh/webp-converter)
|
||
|
||
## 2. JS/CSS使用 CDN
|
||
使用内容分发网络（CDN）来加速网站的访问，将静态资源（如图片、CSS、JS）缓存到全球各地的服务器上，用户就近访问，减少延迟。
|
||
|
||
这里推荐
|
||
|
||
- [jsDelivr CDN 加速 GitHub 文件](https://www.jsdelivr.com/github)
|
||
|
||
## 3.加速本地渲染
|
||
|
||
优化 git 插件的 enabled 配置
|
||
比如我配置里有 git-revision-date-localized 和 git-committers 插件，这些插件会在每次渲染时读取所有文件的 git 历史，导致本地预览变慢。
|
||
推荐做法是在本地开发时禁用它们，仅在 CI/CD 或线上构建时启用。
|
||
具体写法如下：
|
||
|
||
```yaml hl_lines="3 5"
|
||
plugins:
|
||
- git-revision-date-localized:
|
||
enabled: !ENV [CI, false] # 只有在CI环境变量为true时才启用
|
||
- git-committers:
|
||
enabled: !ENV [CI, false]
|
||
|
||
```
|
||
|
||
---
|
||
|
||
检验加速效果是否生效可以使用lighthouse进行测试，具体可以参考：
|
||
|
||
[使用lighthouse进行网站性能测试](../../develop/lighthouse.md) |