前言 前几个月工作过程中遇到了 Javascript heap out of memory 问题，当时想着减小前端的产物大小，通过 vite.external解决这问题，查了很多文章，不过都以失败告终

图片懒加载原理 图片懒加载也叫延迟加载，只加载当前屏幕的图片，可视区域外的图片不会进行加载，只有当屏幕滚动的时候才加载。 特点： 提高网页加载速度 减少后台服务器压力 提升用户体验 原理 将图片地址存

在现代前端开发中，用户体验和性能优化一直是小伙伴们追求的目标之一。骨架屏(Skeleton Screen)作为一种优化用户界面加载速度的方法，应用在各种（App/小程序/h5）应用里面

在数字化时代，网站和应用程序的性能对于用户体验至关重要。一个快速、高效的网站或应用程序可以提高用户满意度，增加转化率，并提升品牌形象，因此，性能优化已成为开发过程中不可或缺的一部分。

在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你提供思路~

1 路由懒加载 SPA单页面应用项目，一个路由对应一个页面，如果不做处理，项目打包后，会把所有页面打包成一个文件，当用户打开首页时，会一次性加载所有资源，造成首页加载很慢，降低用户体验。（前后大概降低

在当今Web开发中，优化前端项目性能是非常重要的任务。优化网页性能可以提升用户体验，减少加载时间，提高网页的可访问性和搜索引擎排名。让我们一起探索一些前端项目性能优化的技巧，让你的网页飞起来！

首屏加载速度慢怎么优化？ 1： 在回答这个问题之前 首屏 -- > 当进入该网页并且发送网络请求获取到资源以后 网页从没有内容到内容第一次渲染的时间 （当然是可以没有内容的）称为 首屏 答： 我认为

🌻 前言 前几天我工作比较闲，就想着看看我司的前端项目有什么可以性能优化的点。于是乎在一个h5项目里，发现没有配置缓存策略。我找到架构组的同学，说明了这个问题。 因为此项目是部署在腾讯云服务器上的，在