在一些容易被忽视但又非常重要的场景，可能会有许多严重影响性能却很容易解决的问题。 本文介绍了 Airbnb web 端访问量最大的页面之一——房源详情页的 react 性能优化过程，其中用到的方法、工具和经验心得。

webpack本地开发时，经常会出现开发着然后打包速度很慢的情况。 可以看见每个chunk都很大 有些快达到了1M。 可以看出lodash被打包了很多次，导致加载lodash的chunk很大。 重新打包时间达到了2.592s，其中起始文件index.0a8ac.js达到了841…

关于 React 应用加载的优化，其实网上类似的文章已经有太多太多了，随便一搜就是一堆，已经成为了一个老生常谈的问题。 但随着 React 16 和 Webpack 4.0 的发布，很多过去的优化手段其实都或多或少有些“过时”了，而正好最近一段时间，公司的新项目迁移到了 Rea…

即使你可以通过配置 webpack 使得应用尽可能小，追踪它并且知道它包含什么仍然是很重要的。否则，你可能安装了一个让应用大了两倍的依赖却浑然不觉。 这节就来讲几个可以帮助你深入分析 bundle 的工具。 为了监控你的应用大小，可以在开发过程中使用 webpack-dashb…

现代 web 应用经常使用打包工具来创建生产环境的“打包”文件（脚本、样式等等），这些文件经过优化和压缩之后能够极快的被用户下载。在使用 webpack 进行 web 性能优化系列文章中，我们将介绍如何使用 webpack 高效的优化站点资源。这将会帮助用户更快的加载网站以及交…

让 2019 来得更迅速吧~你正在阅读的是 2019 年前端性能优化年度总结，始于 2016。 早些时候，性能都是所谓的“后顾之忧”。直到项目快结束的时候，它会被归结为代码压缩（minification）、拼接（concatenation）、静态资源优化（asset optim…