前言 🎉 本文将从三个角度（页面渲染，打包优化，总体优化）分析前端性能优化的一些方案。如有错误，欢迎指出，也可以在评论区提出你对性能优化的一些见解，相互学习，共同进步！💪 （ps: 小彬之前也总结过一

需求场景：公司业务展示官网开发，构建版本后在外网测试环境下，发下首屏加载损耗高达几十秒（服务器在国外，所以也导致加载时间变长），于是采用了以下方法来达到提速目的。 问题攻克解决步骤如下： 1. 采用懒

Webpack 打包优化并没有固定的几个模式，一般常见的优化就是拆包、分块、压缩等，今天主要介绍用来优化 Webpack 打包的两个高级特性：Tree Shaking 和 sideEffects。

大家好，我是柒八九。 好久没更文了，其实这段时间，一直没闲着。在准备一些比较重要的东西。忙着跑步，忙着学习，忙着xx

在前端技术发展日新月异的今天，前端工程化已经成了每个前端工作/学习者的必备知识，一文带你吃透webpack

本篇分为基础篇、进阶篇、原理篇和实战篇。让我们对webpack有一个比较全面的了解。本文的教程和例子主要针对webpack4。 1. 基本介绍 1.1 为什么要使用构建工具 转换ES6语法 转换JSX

该文章记录了项目中的一些优化、性能问题。如：防抖与节流，某个全局组件一挂载就发请求的优化，路由带参跳转报错等

本篇文章将主要讲了常用的前端监控方案，以及前端性能性能优化实践总结，在[Web前端性能优化——了解篇]也可以了解一些前端性能的知识

假设我们正在编写一个注册页面，在点击注册按钮之时，有一些校验逻辑。我们通常会使用一些 if 语句来覆盖所有规则，但这样使得代码臃肿且无法复用。能否使用一种设计模式来解决上述问题呢？