php - 在动态网站中快速加载图像

Question

所以我一直在开发一个动态网站，在某个页面上有大约 200 多张图片，目前，该网站提取我服务器的信息，并在每次查询时一张一张地显示。这导致网站在 15 秒内加载。我想知道是否可以让图像并行加载或预加载，或者有什么方法可以让这个过程更快

非常感谢，维维克

Answer 1

正如在 --this-- 上第 6 点所讨论的那样，从您的服务器加载图像并不是最佳实践。文章。那篇文章还有很多其他好的技巧，例如以人眼无法察觉的方式降低图像质量，以提高加载速度。无论如何，当从各种 URL 访问图像时，你不会有这个问题。这非常简单，因为您可以直接从 HTML 加载图像。这是一个代码示例:

var myImage = $("<img />").attr('src', 'https://myimageurl.net/myimage.jpg')
    .on('load', function() {
        if (!this.complete || this.naturalWidth == 0 || typeof 
this.naturalWidth == "undefined") {
            //error code
        } else {
            $("#thingToBeAppended").append(myImage);
        }
});

但是，如果您执意要从服务器加载图像，一种解决方案可能是使用异步技术，例如 jQuery.ajax() .然后你的图像或多或少也会被并行加载。