懒加载就是在资源进入可视区域之后再加载

页面可视区高度： clientHeight = window.innerHeight
元素在页面中的位置： rect = el.getBoundingClientRect()
如果页面在可视区域： rect.top < clientHeight && rect.bottom

预加载，就是在资源进入可视区域之前完成加载

用css隐藏此标签，做提前加载: display： none;

使用js的方式，优先使用这种方式

const img = new Image()
console.log('run')
// onload  script  页面结束加载之后触发。
img.onload = function(e) {
  alert('image loaded')
}
img.src = 'https://www.baidu.com/img/bd_logo1.png?where=super'

使用XMLHttpRequest,
1. 可以更好的控制整个加载的过程
2. 存在跨域问题
PreloadJS 库，已经帮助实现了懒加载和预加载。原理就是上述三种方式

web优化之懒加载和预加载
懒加载和预加载是常用的web优化的手段。所以我们首先应该明白什么是懒加载和预加载。懒加载：懒加载也加延迟加载，延迟...
懒加载和预加载
懒加载和预加载 1. 懒加载 1. 什么是懒加载？懒加载也就是延迟加载当访问一个页面的时候，先把img元素或是...
JS
JS 懒加载，预加载概念：懒加载也叫延迟加载：JS图片延迟加载,延迟加载图片或符合某些条件时才加载某些图片。预加...
ViewPager+Fragment预加载和懒加载分析
1 什么是fragment的预加载和懒加载？预加载：viewpager显示当前fragment的时候，viewp...
图片懒加载
懒加载与预加载的基本概念。懒加载也叫延迟加载：JS图片延迟加载延迟加载图片或符合某些条件时才加载某些图片。预...
懒加载和预加载
一、懒加载 1.什么是懒加载懒加载也叫延迟加载，指的是在长网页中延迟加载图像，是一种很好优化网页性能的方式。用户...
懒加载和预加载
1)概念：懒加载也叫延迟加载：JS图片延迟加载,延迟加载图片或符合某些条件时才加载某些图片。预加载：提前加载图片...
懒加载和预加载
懒加载就是在资源进入可视区域之后再加载页面可视区高度： clientHeight = window.innerH...
懒加载和预加载
1、懒加载 1.什么是懒加载？懒加载也就是延迟加载。当访问一个页面的时候，先把img元素或是其他元素的背景图片...
懒加载和预加载
待编辑中。。。