为什么选择静态
静态博客具有以下优势：速度极快（无需服务端渲染）、安全性高（无数据库无注入风险）、部署简单（任何静态托管服务均可）。
性能优化清单
- 图片优化：使用 WebP 格式，配合 srcset 响应式图片
- 字体优化：使用系统字体栈或子集化 web 字体，设置 font-display: swap
- CSS 优化：最小化 CSS，关键 CSS 内联，非关键 CSS 异步加载
- JS 优化：按需加载脚本，使用 defer/async
- 缓存策略：静态资源使用内容哈希 + 强缓存
Lighthouse 满分实践
通过以上优化，一个典型的静态博客可以稳定在 Lighthouse 评测中获得 95+ 分。
推荐工具链
- 构建：Astro / Hugo / 11ty
- 托管：GitHub Pages / Vercel / Netlify
- 分析：Google Analytics / Plausible
- 搜索：Pagefind / Fuse.js