基于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 测试并自动化生成报告。
Windows下Clash.Meta的System Stack堆栈下Tun模式无网络/无Internet连接（小地球）且无法上网的解决方案
Lazy loaded imageWindows下Clash.Meta的System Stack堆栈下Tun模式无网络/无Internet连接（小地球）且无法上网的解决方案
本文讨论了在Windows下使用Clash.Meta的System Stack堆栈的Tun模式时，出现无网络连接的问题及其解决方案。主要症状为浏览器无法打开网站，分析发现是防火墙配置不当导致的。建议检查防火墙设置，确保在公用和专用网络中均放行Meta适配器，以解决网络连接问题。
Windows下启用Chrome因扩展程序未列在Chrome应用商店中或其他原因而停用的扩展程序
Lazy loaded imageWindows下启用Chrome因扩展程序未列在Chrome应用商店中或其他原因而停用的扩展程序
本文讨论了如何在Google Chrome中启用因未列在Chrome应用商店中或其他原因而停用的扩展程序，提供了两种解决方案：通过修改注册表和使用Chrome群组政策模板。详细步骤包括获取扩展程序ID、修改注册表项以及安装和配置群组政策模板，最后检查Chrome策略的生效情况。
Edge中始终无法显示“边栏”按钮且点击Copilot按钮 无法打开侧边栏问题，多次开关 ”显示’边栏‘按钮“ 功能依旧无法显示
Lazy loaded imageEdge中始终无法显示“边栏”按钮且点击Copilot按钮 无法打开侧边栏问题，多次开关 ”显示’边栏‘按钮“ 功能依旧无法显示
本文讨论了在 Microsoft Edge 中无法显示“边栏”按钮和点击Copilot按钮无法打开侧边栏的问题，提供了两种解决方案：开关一次“显示 Copilot”或彻底关闭“显示 Copilot”。分析指出，Copilot按钮占用了“边栏”按钮的位置，可能导致此问题。
Windows下Quicker不再显示添加场景提示的解决方案
Lazy loaded imageWindows下Quicker不再显示添加场景提示的解决方案
本文介绍了如何解决Quicker软件中场景提示不再显示的问题，原因是误触导致提示消失。解决方案包括删除本地存储的配置项，具体步骤为找到并打开配置文件，修改相应配置后重启Quicker即可。