本文主要考量客户端性能、服务器端和网络性能，内容框架来自 Yahoo Developer Network，包含 7 个类别共 35 条前端性能优化最佳实践，在此基础上补充了一些相关或者更符合主流技术的内容。 同时，建议关注及时更新的 Google 性能优化指南。 前端性能的一个重要指标是页面加载时间，不仅事关用户体验，也是搜索引擎排名考虑的一个因素。 来自 Google 的数据表明，一个有 10 条数据 0.4 秒能加载完的页面，变成 30 条数据 0.9 秒加载完之后，流量和广告收入下降 9… »

Interview Quesetions… »

commitizen ：规范 commit mesage 的命令行工具 效果 本地安装步骤 package.json 在 package.json 添加脚本运行，最好不要用 commit，容易和 husky 插件冲突 可以添加 markdown 标签 commitlint ：commit mesage lint 工具 效果 本地安装步骤 package.json 在 package.json 添加脚本运行 conventional-changelog-cli ：生成 Change.log… »

翻译转载： Webpack 3, Dynamic Imports, Code Splitting, and Long Term Caching… Made Easy. 在与 Webpack 1.x 升级到 3.x（比我想承认的更长的时间）后，突然点击了一下。看到揭开的奥秘： TL：DR 示例应用程序回购 让我们通过这些配置文件，并揭秘发生了什么事情。 我总是从文件开始查看新的代码库的 package.json。这使我能够在代码中看到它们之前了解依赖关系。 在我们的应用程序中，react… »

翻译转载： Optimize React Performance 如何提高生产中的 React 性能，避免常见的错误 您是否知道 key 在列表中使用不正确可以将 DOM 操作增加 10 倍以上？据了解，React 的 Virtual DOM 实现速度非常快。但是，即使使用 React 的内置性能，也有一些 UI 可能开始感觉迟缓的情况。造成业绩不佳的罪魁祸首是产生了太多渲染和状态同步。我们将介绍 4 种技术，以帮助确保您的应用程序得到优化，并提供快速的用户体验。 key… »