javascript - 前端为什么要使用占位图
本文介绍了javascript - 前端为什么要使用占位图的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
前端为什么要使用占位图
1.一开始以为用占位图可以将元素的长宽很快的加载出来,避免原图加载过慢导致页面的重排与重绘,提高页面性能。那我给image,定义个width和height不就可以解决了了么,难道占位图就为了美观?
2.不使用占位图,图片没加载完是不是会影响js部分,也就是说window.onload或$(docunment).ready是要在图片在加载完才会有响应
解决方案
可以标识出此处有图片但正在加载中的这一个状态,让体验更好。
更快的整体文档加载速度,更快的响应js。
预占位,让图片加载完成后渲染出来不改变文档的整体布局,性能优化。(需要预占位图和真图片的展示大小一致)
这篇关于javascript - 前端为什么要使用占位图的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文