如何加快图像加载速度？

Question

我正在为我的项目使用processing.js。当我在设置中使用loadImage()或requestImage()时，请在draw()中使用这些图片，它根本不起作用。图像没有显示。更糟糕的是程序变灰了（这意味着没有任何工作）

我也尝试了@pjs，但那不起作用。如何让图像加载更快？

Answer 1

如果你有很多图片（尤其是小图片），请使用BASE64 encoded Data URI scheme将它们嵌入到HTML页面中。这将显着减少您需要进行的往返次数。您可以使用this tool to get the exact HTML or CSS from the image。

在大多数情况下（甚至是蜂窝网络）的带宽非常好，现在造成更多延迟的是延迟。请参阅Google对reducing the number of round trips的建议。

您还可以使用更多CSS sprites。

Answer 2

Web控制台是否说了什么？这听起来好像你没有预先加载图像，你的代码在它准备好之前就执行了，但没有错误就不确定了。尝试在代码顶部添加：

/* @pjs preload="example.jpg"; */

Documentation

如果这不起作用，请查看浏览器中的JS控制台并查看打印的错误（如果有）。您还可以在代码中包含一些调试打印语句。