性能优化是我们前端的必备知识，可以说是每个人必须会的知识了，不仅平时会用到，连面试都会问到。那如何优化前端的性能呢？总共有七大手段

前言 随着项目越来越复杂，可能你们会有同样的感触，上了趟厕所回来，项目还没构建完成。然而测试还一直在催命。或许这时候你就应该去考虑下，如何去优化我们的构建速度。 优化方案 优化babel-loader

前一段时间，我们对 webview 做了一期性能优化，在优化过程中，我们追求的是页面要足够「快」「稳」。那怎么定量地衡量这个「快」「稳」呢？性能指标帮助我们从数据化角度了解页面性能现状，性能瓶颈以及优

“这是我参与8月更文挑战的第5天，活动详情查看：8月更文挑战” 1，尽可能的缩小webpack或者其他打包工具生成的包的大小 去除不必要的插件 去除devtool选项 分离CSS 安装插件：npm i

这是我参与新手入门的第1篇文章 当我们打开浏览器，访问网站时，此时默认是刚打开就去加载所有页面，路由懒加载就是只加载你当前点击的那个模块。 按需去加载路由对应的资源，提高首屏加载速度

所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九大策略和六大指标

讲前端资源缓存之前，我们先看两个场景： 场景一： 某业务沟通群 内部员工A：技术老师们，XX系统没法访问了 产品同学B：@技术同学C，麻烦技术同学帮忙看一下 技术同学C：@测试同学D，测试同学帮忙复现

001 浏览器的底层渲染页面篇 浏览器加载资源的机制 浏览器会开辟一个 GUI 渲染线程，自上而下执行代码，专门用于渲染渲染页面的线程。 遇到 CSS 资源 遇到 <style> 内联标签会交给 GU

性能优化是一个项目发展到一定时期之后绕不开的话题，也是每个工程师心中永远在撩拨的刺。 总结一下常用的前端性能优化的方法，希望对大家有些帮助~