避免显示图片表的增量渲染

Question

我有一个网站，在html表格中显示图片。当我点击页面时，它会显示根据图片大小逐步加载和调整表格大小。

有没有更好的方法来做到这一点，我要么：

等待并在准备好rend之后显示一次表以避免增量加载： 显示一些“加载......”更新，直到完全呈现

Answer 1

指定每个图片的高度和宽度作为HTML标记的一部分（无论是通过CSS还是height标记本身的width / img属性。这样浏览器就可以在完全下载图像文件之前知道为图像分配多少屏幕空间（以及如何布置页面）。

这甚至是Google PageSpeed optimization recommendations的一部分。

Answer 2

您可能希望研究"CSS sprites"的技巧。这是一个CSS技巧，它允许您将多个图像合并为一个大文件，该文件一次全部下载，但仍然在页面上显示为单独的图像。