Open post Performance

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

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

视频技术全解析: 分辨率、比特率、HDR 及应用

视频文件的制作涉及分辨率、帧率、数据速率、色彩空间和编解码器等关键参数。常见分辨率从 720p 到 8K,帧率影响流畅度,数据速率决定画质与文件大小。色彩空间如 Rec. 709 SDR、Rec. 2020 HDR 适用于不同场景。编解码器 H.264 兼容性高,HEVC 适用于 4K HDR,AV1 适合未来流媒体。容器格式 MP4 兼容性强,MOV 适合苹果设备。命名规范可提升管理效率,导出选项应根据用途选择最佳配置。