如今各类Web项目中，图像资源的使用占比也越来越大，更应当注重图像资源的使用方式。 本文将研究：什么是图像文件，都有哪些格式？不同的业务场景应该选择怎样的图片格式。

即便通过 Webpack 的按需加载、CDN 静态资源缓存 和 代码分割 等技术来减少首屏的代码体积，首屏加载时的白屏时间（也称为首屏等待时间）仍然可能存在，尤其在网络条件较差或页面内容复杂时，常见的

今天我们来聊一聊一个和性能优化方面相关的问题：图片的懒加载和预加载。那什么是图片的懒加载和预加载呢？其实就是怎么去加载图片，当面对大量的图片资源时，我们怎么去处理它们。 图片的懒加载指的就是当用户打开

如何在 Vue 中实现图片预加载的一个简单小demo以及优化方案。这里使用 new Image() 的方式来预加载图片。

上面代码是常用prerender-spa-plugin的配置，staticDir预渲染输出的文件地址，routes要做预渲染的路由，minify压缩相关的配置，renderer渲染引擎相关的配置，可以传入自定以的渲染引擎或者直接使用默认的PuppeteerRenderer，re…

首屏加载时间是一个衡量网页性能和用户体验的关键指标，这个问题无论是在面试中还是在项目开发中都占有极其高的权重。它指的是从用户开始请求网页到网页的第一屏内容完全渲染完成并对用户可见的时间。首屏 指的是用

前端首页渲染速度优化，这张图是我发现的比较宝藏，比较全面的一张首页加载优化图，便以此图来进行相关总结

1. webpack打包优化，分包，压缩 这里使用webpack5打包，会有一些新特性，比较好用。 开启持久化缓存加快构建速度， Tree Shaking：消除未使用的代码，减小文件体积， 在spli

又名：前端性能优化的17个点 过年整整一个礼拜点不到新疆炒米粉，这几天总算能点到新疆炒米粉了🫰🫰🫰，新疆炒米粉就是最好吃的😎😎