陈德坤

背景 在实际的项目需求研发中，经常会得到测试或者业务同学反馈项目部分页面访问加载白屏时间比较长，或者页面呈现比较慢等体验问题。但是通过项目整体的评分数据分析又是比较正常的，这个时候我们不妨去看看所反馈

LCP 是 Core Web Vitals 的三个关键指标之一，是 Google 用于评估网页用户体验的标准之一。LCP 时间应在 2.5 秒以内。如果 LCP 超过 4 秒，则需要进行优化。

为什么你的Vue应用首屏总在转圈？ 2023年权威报告显示，​首屏加载时间每增加1秒，用户流失率提升11%。但Vue单页应用（SPA）常因打包体积过大、资源加载阻塞等问题，导致用户面对"白屏

首屏加载慢、性能指标看不懂？本节聚焦首屏渲染优化（含资源加载 / 页面渲染），拆解核心 Web 指标，附 Vue3 特有技巧和监控工具。系列后续更交互优化，追更不迷路～

vue3中的内置组件keep-alive并没有提供给我们主动删除缓存的方法，看看如何用最少的代码解决vue源码上的问题~

导航菜单是网站核心组成部分，是一个网站的灵魂，在用户体验和网站互动方面起着至关重要的作用。今天要分享的是顶部+左侧导航菜单的设计实现方案

本文是由最近做的一个项目有感而发，因为之前做了一些技术栈的统一，为了用ant Design的pro-table，PC统一使用react，但是我们有一些老的项目是vue的，本次新页面较多，老页面

最近发现项目首次加载特别慢，原来是打包出来的文件太大的原因。 项目技术栈：vue3 + vite + ts + ant design vue 既然这样，那就开始打包优化吧。打包分析，结果如下： 第一步

先把结论摊开说：plugin-legacy 是给“还吃不动现代 ESM 和新 API”的老浏览器准备的“加餐”。真有用户在用老设备，我们就“花点小钱买安心”；要是你站点 99% 都是新版 Chrome