前端面试|性能优化题:说下什么是懒加载和预加载?@抖音...

面试经：懒加载和和预加载。难度：

什么是懒加载和预加载？请说下什么是懒加载和预加载？

懒加载和预加载其实都是一种页面的性能优化，都是为了提高网站和应用程序的性能，减少页面的加载时间。

其中来说懒加载一般是指在页面滚动时按需加载页面上的图片、视频或者是其他资源。当页面加载时只会加载页面的初始内容而不会加载页面上的所有资源。所以当用户去滚动页面的时候再依据需要去加载对应的资源。这样就可以减少页面的加载时间，提高用户体验。

预加载是指在页面加载时提前加载页面上的资源，以便在用户需要时可立即访问。

那么预加载是通过页面中的头部标签去使用外部<link>标签，外链样式以及<script>外部js方式去实现的。可以使用<link>标签来预加载CSS文件，使用<script>标签来预载图片或者是其他资源。

这样来说就可以避免在用户需要的时候再去请求资源，提高响应速度和用户体验。

总体来说懒加载和预加载都是优化网站的有效手段，所以我们基本上来说可以根据具体的场景和需要去选择合适的方式。

一般来说懒加载需要去加载大量资源的页面，就适用于需要去提高响应速度的关键资源。我是旭旭，助你面试成功！关注我，助你成功！