动态加载 preload 问题

来源:8-4 优化资源加载的顺序【给资源设置优先级】

蛋宝啊

2021-01-09

老师讲动态加载时,先预加载‘图片1’资源,2s后动态对‘图片1’进行赋值。我以为页面加载顺序应该是先加载‘图片1’(因为图片1是preload的),再加载‘图片2’。可是结果却是图片2在前,图片1在后,想问一下这里preload有何作用?不使用preload也是这样的结果吧。
图片描述

写回答

1回答

Mr_Max

2021-01-10

同学你好!

是的。因为图片1开始既没有加载也没有赋值给<img>,js是后执行的。而图片2是直接赋值的,所以它先加载了。

这个地方讲的知识点主要是介绍动态预加载怎么做,怎样把加载和赋值两个过程可以分开做,更灵活。并不是比较图片1和图片2的加载顺序哦。如果两张图片都是js加载,图片1预加载,图片2不预加载,那结果才有可比性。


0
1
蛋宝啊
非常感谢!
2021-01-11
共1条回复

前端性能优化企业级解决方案 6大角度+大厂视野

只要项目还在线,性能优化永远是时刻要关注的问题

1109 学习 · 226 问题

查看课程