分类：预加载

2021
01-17

js中延迟加载和预加载的具体使用

延迟加载（懒加载）和预加载是常用的web优化的手段。。一、延迟加载（懒加载）原理：当在真正需要数据的时候，才真正执行数据加载操作。目的：延迟加载机制是为了避免一些无谓的性能开销而提出来的实现延迟加载的几种方法1.让js最后加载使用方法：把js外部引入的文件放到页面底部用途:让js最后引入，从而加快页面加载速度说明:流览器之所以会采用同步模式，通常加载js文件或者放<script>标签都在结构最后面，也是因... 继续阅读 >

2020
09-28

JS图片预加载三种实现方法解析

预加载基本概念：当页面打开图片提前加载，并且缓存在用户本地，需要用到时直接进行渲染；在浏览图片较多的网页（百度图库，淘宝京东等），可以有更好的用户体验；一张图片的预加载varimg=newImage();img.addEventListener("load",loadHandler);img.src="./img/1.jpg";document.body.appendChild(img);console.log(img.width)；functionloadHandler(e){console.log(img.width);//当前图片的原始宽度... 继续阅读 >