macOS 使用 Nginx 在本地部署静态网站

通过 Brew 安装 Nginx 并启动,配置默认静态页面和日志目录。新增静态页面服务,使用 try_files 语法实现 SPA 页面路由。try_files 尝试多个路径,若文件不存在则进行内部重定向。安装后默认端口为 8080,无需 sudo 运行。重启 Nginx 可使用 brew services restart nginx 或直接运行命令。参考文档提供了详细的 try_files 配置说明和版权信息。

前端性能和加载体验优化实践(附:PWA、离线包、内存优化、预渲染)

探讨了页面加载卡顿的原因并提出了多种优化方法。主要原因包括项目包或第三方脚本过大、JavaScript 执行阻塞页面加载、图片体积大且多等。优化策略包括构建缩包按需加载、减少图片体积等。文章还详细介绍了如何通过 Webpack 插件分析项目中用到的 npm 包及大小,以及如何通过调整图片尺寸、格式转换、压缩等方式减小图片体积。