前端性能和加载体验优化实践（附：PWA、离线包、内存优化、预渲染）
探讨了页面加载卡顿的原因并提出了多种优化方法。主要原因包括项目包或第三方脚本过大、JavaScript 执行阻塞页面加载、图片体积大且多等。优化策略包括构建缩包按需加载、减少图片体积等。文章还详细介绍了如何通过 Webpack 插件分析项目中用到的 npm 包及大小，以及如何通过调整图片尺寸、格式转换、压缩等方式减小图片体积。
标签： SVG
读书笔记:《数据可视化实战：使用D3设计交互式图表》 – [美] Scott Murray 著 / 李松峰 译
D3 是一个模块化的 JavaScript 库，用于数据可视化，将数据映射为图形。通过绑定数据、比例尺、事件监听器和过渡动画等功能，D3 提供了灵活且强大的工具来创建动态视觉效果。模块化设计让开发者可以按需加载功能，同时丰富的资源和社区支持为学习与实践提供了便利。
读书笔记:《SVG精髓》 – [美] J. David Eisenberg / [加] Amelia Bellamy-Royds 著 / 易郑超 何鹏飞 译
介绍了栅格图形和矢量图形的特点以及SVG的使用方法，包括视口、坐标系统、变换和动画等内容。强调了SVG在图形渲染中的灵活性和高效性，通过分组、引用和优化加载时间提高性能，同时提供了多种技巧来实现复杂的图形操作。
读书笔记:《SVG动画》 – [美]莎拉·德拉斯纳 著 / 大漠 译
探讨了SVG的响应式设计、优化导出及动画在用户体验中的重要性，强调通过自然的缓动函数与细节观察提升动画效果。同时介绍了动画设计的原则、原型迭代和组件库开发，建议通过A/B测试验证动画的实际效果，避免过度设计或分散用户注意力。