我正在构建一个移动版本的网站，其中页面数据加载速度非常快，但由于页面上的图像很大，随着时间的推移，它们的加载速度会变慢。
问题在于，随着图像缓慢进入，它们会将页面内容向下推，从而使用户失去阅读位置。
我想要做的是确定这些图像的大小，然后为图像留下一个正确大小的黑色占位符，该占位符将在加载时填充图像。这样当图像打开时，用户的阅读体验不会受到干扰。
我想知道是否可以在图像加载之前使用 javascript 或 html5 获取图像的尺寸，然后使用 jscript/html5 并将宽度和高度属性设置为标签上的宽度和高度属性初始页面加载——在图像完全加载之前。
谢谢!
*编辑:我无法立即使用宽度和高度 HTML 属性，因为图像来自所有不同的来源，没有预先知道的宽度和高度(主要是随机用户发布的图像)
最佳答案
这就是height和width属性适用于 <img />元素。将它们设置为图像的高度/宽度，渲染器将保留该空间。
否则你就处于先有鸡还是先有蛋的境地；你无法神奇地找到图像的大小；您需要先下载它!
关于Javascript:可以在图像完全加载之前获取图像尺寸吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9773795/