前端性能和加载体验优化实践 (附: PWA、离线包、内存优化、预渲染)
探讨了页面加载卡顿的原因并提出了多种优化方法。主要原因包括项目包或第三方脚本过大、JavaScript 执行阻塞页面加载、图片体积大且多等。优化策略包括构建缩包按需加载、减少图片体积等。文章还详细介绍了如何通过 Webpack 插件分析项目中用到的 npm 包及大小，以及如何通过调整图片尺寸、格式转换、压缩等方式减小图片体积。
标签： CI
GitLab 指定 Runner 执行任务 (CI/CD/JOB)
通过为 GitLab Runner 与 Job 设置相同的 Tags，可将任务绑定到指定 Runner，确保脚本在预期环境运行。配置方式包括在 Runner 设置中添加 Tags，并在 .gitlab-ci.yml 的对应 Job 中声明相同标签，从而实现更明确的构建资源分配与管理。
webpack 多页面 & GitLab 增量构建部署模板
介绍了一个基于 webpack 的多页面模板，支持 GitLab 增量构建和部署。每个页面需在 pages 目录下包含 index.html 和 index.js，构建后生成独立的页面结构。通过 GitLab CI/CD 检测修改的页面，利用阿里云 OSS CLI 自动上传到云端，实现高效的增量部署。
使用 GitLab CI/CD 和阿里云 CLI 自动部署前端项目
介绍了 CI/CD 的概念及其在 GitLab 中的实现，通过 .gitlab-ci.yml 配置文件定义镜像、阶段和执行条件，实现自动化构建、打包和部署。详细说明了 CLI 的用途及使用方法，包括配置 OSS 参数和执行发布命令，支持多环境发布并与 CI/CD 流程集成，提升开发和部署效率。