实现Astro网站PageSpeed移动端99分的实践技巧
介绍在Astro + UnoCSS + Cloudflare Pages构成的网站上达到PageSpeed Insights移动端99分所实施的优化技巧。涵盖CSS分发策略、字体设置的陷阱、响应式图片、AdSense延迟加载、缓存设置等实践方法。
技术 Astro 性能
介绍在Astro + UnoCSS + Cloudflare Pages构成的网站上达到PageSpeed Insights移动端99分所实施的优化技巧。涵盖CSS分发策略、字体设置的陷阱、响应式图片、AdSense延迟加载、缓存设置等实践方法。
关于在 Cloudflare Pages 上部署静态站点,以及通过 _headers 配置安全头和 CSP 的实践指南。同时介绍了从 Worker 回归 Pages 的经过。
对比评估了 Keystatic、Sveltia CMS 和 Pages CMS,最终采用 Pages CMS 的经过,以及使用 Cloudflare Turnstile 为联系表单实现垃圾信息防护的记录。
将使用 VitePress + UnoCSS 构建的事业计划文档迁移到 Astro + Starlight,在两个项目间统一框架的记录。同时介绍了 Mermaid 图表的 CDN 迁移。