在我的 HTML5 移动应用程序中,我一次从 imgur 检索 10 张图像(用户单击按钮以获取更多图像)。检索图像时,我通过 CSS 应用一些格式(主要是高度和宽度,以便它适合 iPhone 的尺寸)。
我的猜测是,它需要这么长时间的原因之一是因为我在检索图像后对图像应用格式,然后显示这些图像。我最好将图像保存在它们应该以正确尺寸显示的状态中,这样我就不必对它们应用任何 CSS 了吗?这有助于让图像加载得更快吗?
谢谢!
在我的 HTML5 移动应用程序中,我一次从 imgur 检索 10 张图像(用户单击按钮以获取更多图像)。检索图像时,我通过 CSS 应用一些格式(主要是高度和宽度,以便它适合 iPhone 的尺寸)。
我的猜测是,它需要这么长时间的原因之一是因为我在检索图像后对图像应用格式,然后显示这些图像。我最好将图像保存在它们应该以正确尺寸显示的状态中,这样我就不必对它们应用任何 CSS 了吗?这有助于让图像加载得更快吗?
谢谢!
根据这篇文章,您可能一次只能抓取六个。
另外,打开浏览器的调试器,转到 NETOWRK 选项卡,看看实际花费了多长时间。
您正在加载的图像实际上是否大于显示尺寸?如果是这样,加载速度会变慢不是因为 CSS 应用程序,而是因为您加载了不必要的大图像。您应该始终将您使用的图像重新调整为显示尺寸。您还可以更改图像的格式和/或压缩以使其更小,从而加快加载速度。