Open post Performance

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

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

macOS 使用 `scutil` 统一 ComputerName、LocalHostName 与 HostName

macOS 中,Finder 里显示的设备名称与局域网访问时使用的主机名,可能来自不同字段。`scutil` 可以分别设置 `ComputerName`、`LocalHostName` 和 `HostName`,从而控制显示名称、Bonjour (mDNS,组播域名系统) 名称,以及系统层面的主机名行为。本文说明 3 个字段的差异与用途,并给出 SMB、SSH 相关的使用方式,以及 zsh 提示符中常见的显示来源与配置方法。
Open post webpack

[EN] Using Multiple Configurations in webpack: Exporting an Array of Config Objects

webpack supports enabling multi-compiler mode by exporting an array of configuration objects, allowing multiple entries and bundles to be managed within a single process. This approach unifies build and watch workflows, reduces the complexity of multiple config files, and still supports targeted builds via name (config-name), balancing efficiency, maintainability, and flexibility.