如何更快加载图像？

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控制台，看到印有什么错误（如果有的话）。您也可以在代码中包含一些调试打印语句。