性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

H5 项目是企鹅辅导的核心项目，已迭代四年多，包括了课程详情页/老师详情页/报名页/支付页面等页面，构建产物用于企鹅辅导 APP/H5（微信/QQ/浏览器），迭代过程中了也累积了一些性能问题

当我们疲于开发一个接一个的需求时，很容易忘记去关注网站的性能，到了某一个节点，猛地发现，随着越来越多代码的堆积，网站变得越来越慢。 本文就是从这样的一个背景出发，着手优化网站的前端性能，并总

在阿里做性能优化也有一段时间了，那就总结一下前端常见的优化内容吧 首先作为一个前端工程师，要明白性能优化的重要性以及必要性，基本都涵盖了从开发、打包构建、以及前端工程化模块化等等一系列内容，不光可以提

前端性能优化前可以先做性能报告，这样可以指定更有效的优化计划。多做性能报告可以培养性能数据的嗅觉，做下一次优化会更有把握。

🌻 一、前言 前段时间看到掘金有个关于性能优化的活动，刚好这段时间开发了两个官网。本来想参与一下，但是工作比较忙，我写文章又不愿意敷衍了事。所以本来打算不参加了的。不过这两天稍微空闲下来了，所以还是简

我在 GitHub 上基于 React 和 Webpack 搭建了一个 Demo 项目，模拟了现实中可能遇到的性能问题，详细记录了如何将 Lighthouse 评分从 2 分提升到 99 分的过程。

通过学习本文，你将有如下收获：1.了解Lighthouse的使用方式 2.了解前端性能优化的相关指标 3.了解一些具体的性能优化方法

简介 Lighthouse 是谷歌开源的一款 Web 前端性能测试工具，它将针对此页面运行一连串的测试，然后生成一个有关页面性能的报告。本文中仅对 Performance 部分的指标进行介绍。 Per