我正在使用Jekyll开发/设计一个网站，并正在探索WebP等最新功能。现在WebP是not supported by every browser，因此我想提供一个后备背景，以防不被支持。但是，如果可以避免的话，我不希望浏览器加载任何不必要的图像（如彼此背后的多个背景）。
到目前为止，谷歌搜索还没有取得丰硕的成果。我曾尝试使用具有多个背景（background-image: url(...), url(...);）的单个背景图像和多个背景图像样式（background-image: url(...); background-image: url(...);），但我认为浏览器会加载并呈现这两种图像。
我想我有几个问题。首先，是否可以让浏览器仅呈现它支持的第一个（或最后一个，取决于方法）指定的背景图像？与加载和渲染2个或更多背景图像相比，执行此工作所需的方法是否会花费更多的时间和资源？如果不值得，最好的替代方法是什么？
必要时可以使用JavaScript和JQuery，我也可以使用其他任何方法。