1.图片懒加载： 1.vue插件 vue-lazyload 2.element-ui 可开启图片懒加载功能 加上lazy 3.使用IntersectionObserver Api监听某些节点是否出现在可视区域内 4.offsetTop（图像距离顶部的高度）-scrollTop(页面被卷去的高度)<=window.innerHeight（可视区高度）才加载 2.减少HTTP请求：减少页面中的资源数量，如合并CSS和JavaScript文件、使用CSS Sprites来减少图片请求，使用字体图标代替小图标等 3.避免频繁的DOM操作和样式改变 4.使用浏览器缓存来存储静态资源 5.延迟加载：将非关键的资源（如图片、广告）设置为按需加载，当用户滚动到其可见区域时再加载，减少首屏的加载时间。 6.预加载：预加载关键资源，如字体、CSS和JavaScript文件，可以提前获取这些资源，以便在需要时可以立即使用。 7.针对大文件上传和导出，采用分片模式。 8.虚拟列表：vue-virtual-scroller
标签：vue,性能,JavaScript,CSS,图片,优化,资源,加载 From： https://www.cnblogs.com/muchenli/p/17577285.html