什么？今天我被 Leader 拉进小黑屋了！“有很多用户吐槽咱的页面太卡了”，本文将从笔者近期参与的一个实际业务需求出发，总结性能优化思路，讲述我在 React 中后台场景下性能问题排查的心路历程

为什么要做优化？ Global Web Performance Matters for ecommerce的报告中指出 47%的用户更在乎网页在2秒内是否完成加载。 52%的在线用户认为网页打开速度影

JDHybrid是一个移动端高性能Hybrid容器框架，致力于提升h5在京东App内的加载与渲染性能，在春晚、双十一等大流量场景均有应用，收益明显，稳定性佳

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

八一八本次项目中使用的优化手段，以及自己从中获得的知识。 由于本次项目较为复杂，模块较多，（当然不比大型电商网站），首页的请求就有8个，并且是精简之后的，稍有不慎，白屏现象就会很严重。体验极差。 1. 分类 2. 轮播图 3. 推荐 4. 收藏数 5. 购买数 6. 案例展示 …

首页白屏问题是指用户打开页面后，需要等待很长时间才能看到页面内容，这会让用户感到不耐烦，造成白屏的原因有很多，比如网络延迟、JS 加载过多、渲染性能不佳等等，针对不同的原因，我们需要采取不同的优化策略

回流与重绘是什么 回流（reflow） 和 重绘（repaint）是前端开发中性能优化的重要概念，它们对前端开发者来说非常重要，因为它们直接影响网页的性能和响应速度。

什么是Gzip压缩？ gzip是GNUzip的缩写，是一种文件的压缩格式（也可以说是若干种文件压缩程序），类似的压缩格式还有compress，deflate等。 web上使用gzip编码格式传输有几个

前言 前面篇章我们分析了“从输入URL到页面加载完成”的完整链路，主要经历“网络请求、浏览器渲染”两大过程，那么优化方案我们可以围绕这两方面展开探索，此篇我们先来看“网络层面”的优化方案。正文开始前，