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

在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你提供思路~

实现webpack打包优化，有两个优化点： 如何减少打包时间 如何减少打包大小 减少打包时间 优化Loader 对于Loader来说，首先优化的当是babel了，babel会将代码转成字符串并生成AS

由于html2canvas无法满足业务需求，所以便通过原生canvas封装了一个objToPoster生成海报组件来取代html2canvas,极大提高生成速度和图片清晰度。

现代浏览器提供了performance（性能）这个API来帮助我们分析页面的加载性能，从MDN上可以看到从IE9时代（约2011年）就开始支持了，所以目前来说兼容性还算可以，所以可以研究一下这个API具体有啥功能。 1. window.performance 为紧接着在相同的浏…

Hello，大家好，我是小羽同学，一个平凡而又不甘于平凡的前端开发工程师。 今天的话，主要是想和大家聊聊小羽是怎么把一个react老项目的构建时间减少70%+的。

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…

本系列参考 79 篇文章，总结出 6 篇文章，感谢小伙伴们的支持。 [x] 原理：将现有的 ES6+ 代码，先通过 词法分析 和 语法分析 之后 解析 为 AST，然后将这份 AST 转换 为我们需要形式的 AST，最后将这个 AST 再转换成 ES5 或者期望格式的内容。 […

部分小节提供了非常详细的实战教程，让大家动手实践。 另外我还写了一个前端工程化 demo 放在 github 上。这个 demo 包含了 js、css、git 验证，其中 js、css 验证需要安装 VSCode，具体教程在下文中会有提及。 对于前端来说，技术选型挺简单的。就是…