javascript - 前端为什么要使用占位图

查看:185
本文介绍了javascript - 前端为什么要使用占位图的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

前端为什么要使用占位图
1.一开始以为用占位图可以将元素的长宽很快的加载出来,避免原图加载过慢导致页面的重排与重绘,提高页面性能。那我给image,定义个width和height不就可以解决了了么,难道占位图就为了美观?
2.不使用占位图,图片没加载完是不是会影响js部分,也就是说window.onload或$(docunment).ready是要在图片在加载完才会有响应

解决方案

  • 可以标识出此处有图片但正在加载中的这一个状态,让体验更好。

  • 更快的整体文档加载速度,更快的响应js。

  • 预占位,让图片加载完成后渲染出来不改变文档的整体布局,性能优化。(需要预占位图和真图片的展示大小一致)

这篇关于javascript - 前端为什么要使用占位图的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆