开发调优使用bundle-analyzer分析并优化Next.js包大小,加快网页加载速度本文介绍了如何使用 bundle-analyzer 工具来分析和优化 Next.js 的包大小,以加快网页加载速度。文章通过详细解释了 bundle-analyzer 的使用方法,分析了 Next.js 项目中各个模块或软件包的大小,以及如何通过优化来减小包的体积。 Next.js Bundle-Analyzer 开发 建站 性能优化
开发调优基于 CI 实现自动化提交 和 PR 级别性能测试(以在Vercel部署为例)本文介绍了如何利用 CI/CD 流水线实现自动提交和 PR 级别的性能测试,以及如何通过 GitHub Actions 和 Lighthouse CI 工具实现这一目标。文章详细解释了 Lighthouse 的各项评估指标及其在网页性能优化中的作用,以及如何在 CI/CD 流水线中集成 Lighthouse 测试并自动化生成报告。 Lighthouse CI Vercel 开发 性能优化
疑难杂症Windows下Clash.Meta的System Stack堆栈下Tun模式无网络/无Internet连接(小地球)且无法上网的解决方案本文讨论了在Windows下使用Clash.Meta的System Stack堆栈的Tun模式时,出现无网络连接的问题及其解决方案。主要症状为浏览器无法打开网站,分析发现是防火墙配置不当导致的。建议检查防火墙设置,确保在公用和专用网络中均放行Meta适配器,以解决网络连接问题。 Clash.Meta Tun Windows 代理 推荐 工具
疑难杂症手机上 SS2022 节点超时但其他设备可用,一次时间不同步的排查与解决本文针对 Shadowsocks 2022(2022-blake3-aes-256-gcm)节点在手机端频繁超时、其他设备正常的问题展开分析并给出解决方案。 Mihomo Clash Shadowsocks 2022 2022-blake3-aes-256-gcm 时间同步 代理超时 代理
疑难杂症Windows下启用Chrome因扩展程序未列在Chrome应用商店中或其他原因而停用的扩展程序本文讨论了如何在Google Chrome中启用因未列在Chrome应用商店中或其他原因而停用的扩展程序,提供了两种解决方案:通过修改注册表和使用Chrome群组政策模板。详细步骤包括获取扩展程序ID、修改注册表项以及安装和配置群组政策模板,最后检查Chrome策略的生效情况。 Chrome 扩展程序 Windows 工具 推荐
疑难杂症Edge中始终无法显示“边栏”按钮且点击Copilot按钮 无法打开侧边栏问题,多次开关 ”显示’边栏‘按钮“ 功能依旧无法显示本文讨论了在 Microsoft Edge 中无法显示“边栏”按钮和点击Copilot按钮无法打开侧边栏的问题,提供了两种解决方案:开关一次“显示 Copilot”或彻底关闭“显示 Copilot”。分析指出,Copilot按钮占用了“边栏”按钮的位置,可能导致此问题。 侧边栏 Edge 工具
疑难杂症Windows下Quicker不再显示添加场景提示的解决方案本文介绍了如何解决Quicker软件中场景提示不再显示的问题,原因是误触导致提示消失。解决方案包括删除本地存储的配置项,具体步骤为找到并打开配置文件,修改相应配置后重启Quicker即可。 Quicker Windows
疑难杂症Google Chrome自动填充表单的条目的特定或全部删除本文讨论了如何在Google Chrome中删除自动填充表单的特定条目或全部条目。用户可以通过将鼠标置于要删除的条目上并按Shift+Delete来删除特定条目,或者使用Ctrl+Shift+Delete清除所有自动填充数据。 Chrome 自动填充 工具