基于Next.js和Cloudflare的网页核心指标优化实操小记
Lazy loaded image基于Next.js和Cloudflare的网页核心指标优化实操小记
本文以优化网页核心指标为主题，记录了作者在构建基于 Next.js 并托管于 Cloudflare 的个人博客站过程中的实际优化经验。文章从性能测试、问题分析、解决方案实施以及优化效果评估等方面详细介绍了优化的过程和方法来提升网站的核心指标。
使用bundle-analyzer分析并优化Next.js包大小，加快网页加载速度
Lazy loaded image使用bundle-analyzer分析并优化Next.js包大小，加快网页加载速度
本文介绍了如何使用 bundle-analyzer 工具来分析和优化 Next.js 的包大小，以加快网页加载速度。文章通过详细解释了 bundle-analyzer 的使用方法，分析了 Next.js 项目中各个模块或软件包的大小，以及如何通过优化来减小包的体积。
基于 CI 实现自动化提交 和 PR 级别性能测试（以在Vercel部署为例）
Lazy loaded image基于 CI 实现自动化提交 和 PR 级别性能测试（以在Vercel部署为例）
本文介绍了如何利用 CI/CD 流水线实现自动提交和 PR 级别的性能测试，以及如何通过 GitHub Actions 和 Lighthouse CI 工具实现这一目标。文章详细解释了 Lighthouse 的各项评估指标及其在网页性能优化中的作用，以及如何在 CI/CD 流水线中集成 Lighthouse 测试并自动化生成报告。