前端性能和加载体验优化实践（附：PWA、离线包、内存优化、预渲染）
探讨了页面加载卡顿的原因并提出了多种优化方法。主要原因包括项目包或第三方脚本过大、JavaScript 执行阻塞页面加载、图片体积大且多等。优化策略包括构建缩包按需加载、减少图片体积等。文章还详细介绍了如何通过 Webpack 插件分析项目中用到的 npm 包及大小，以及如何通过调整图片尺寸、格式转换、压缩等方式减小图片体积。
标签： 性能
读书笔记:《算法图解》 - [美]Aditya Bhargava 著 / 袁国忠 译
介绍了计算机科学中的重要概念，包括二分查找的对数时间、数组和链表的区别、递归的使用、散列表的性能、图算法如广度优先搜索及拓扑排序、动态规划在背包问题中的应用，以及树结构的效率。还探讨了 MapReduce、布隆过滤器和局部敏感散列算法等高级数据结构和算法，强调了不同方法在解决具体问题时的适用性和优缺点。
使用 requestIdleCallback 优化埋点数据上报
介绍了 requestIdleCallback 的用途及使用方法，用于在浏览器空闲时执行低优先级任务而不影响关键事件。示例展示了通过回调函数处理任务队列，并在空闲时间段逐步完成任务。案例中用于优化埋点数据上报，充分利用剩余空闲时间，提高任务处理效率。
记一次前端加载体验优化
分析页面卡顿的原因，并从用户体验与性能优化两方面提出解决方案，包括骨架图、图片占位图、按需加载、图片压缩与格式转换、延迟上报、客户端缓存及离线包支持等方法。通过减少资源体积和优化加载流程，显著降低白屏与首屏时间，提高页面加载效率和用户体验。
读书笔记:《高性能JavaScript》 - Nicholas C.Zakas 著 / 丁琛 译 / 赵泽欣 审校
总结了 JavaScript 的加载执行、数据存取、DOM 操作、算法优化、正则表达式、用户界面响应、Ajax 性能以及编程实践中的关键点。强调了作用域链、闭包、重排与重绘优化、循环效率、位操作等性能影响因素，同时提供了优化建议，如减少全局变量访问、避免使用 with 语句、优化 DOM 操作及正则表达式匹配顺序等，为提升代码性能和用户体验提供了实用指导。