你给后台管理系统加了一个「企业风采」模块，运营同学一口气上传了 200 张 8K 宣传海报。首屏直接飙到 8.3 s，LCP 红得发紫。 老板一句「能不能像朋友圈那样滑到哪看到哪？」——于是你把懒加载

当DOM节点过多时，可能会导致页面渲染性能下降、内存占用增加等问题。以下是一些针对这种情况的优化方法： 减少DOM节点数量 按需渲染：仅在用户实际需要时才渲染DOM节点。例如，对于页面中的折叠面板内容

概述 继续上一篇的性能优化，结合实际工作，这一篇总结一些关于首页加载和长时间白屏的一些处理方案。 方案 1、路由懒加载 对于现在的SPA 项目，一个路由对应一个页面，如果不做处理，项目打包后，会把所有

本文章主要讲解函数防抖和函数节流的概念以及他们的应用场景。另外文章中也有封装好的防抖工具函数和节流工具函数。大家可自取。

前言 白屏一直是一个前端开发谈之变色的问题。 “什么？我的页面刚上线就白屏了，是报错了，还是兼容性问题，还是性能问题，多刷新几次就好了，用户网络不行吧。” 简单来说，白屏就是用户打开前端页面什么有没有

preload 和 prefetch 是使用 <link> 进行 js 预加载的两种方式。这两种方式有什么不一样？他们会不会阻塞 DOM 就绪和 load？让我们一起来尝试。

背景 项目是一个基于umi3的单页项目（也可以类比基于Webpack的单页项目），最终打包成静态文件后使用Nginx部署。想要优化的原因是部署到服务器后网页访问速度慢，首页打开时能感受到明显的白屏与卡