如何加快从子域加载图像？

Question

我对网站有一个非常奇怪的问题：由于某种未知的原因，它会加载一些非常慢的图像。

例如：要加载16张图像（每张图像为.jpg，大约10k），每次3-4张图像（4-随机）在4-5秒内加载，其他所有图像在600毫秒内加载。

通过考虑域是SSL，加载3-4个图像的30-40k瀑布是> = 15s是疯狂的，有CloudFlare活动并且正在一个带有cPanel的好的专用服务器上运行。

有几天我试图找到解决方案而且我已经：尝试禁用cloudflare，尝试从子域加载图像，尝试压缩图像，尝试几个.htaccess设置。

关于lazyload，在这种情况下它无法帮助我，因为所有16张图片都在浏览器视图中（如youtube主页）

GTMetrix报告ID：cA72pYL1

任何建议都很好，非常感谢你。

---其他信息和测试---

• 使用cPanel - Apache
• 现在加载10k的图像，平均值约为0.7s
• 任何错误日志（网络/服务器端）
• 网站/服务器的其余部分加载没有问题

Answer 1

您是否考虑使用base 64图像？

转到：https://www.base64-image.de/

上传您的图片，它会显示base64

替换图片的src，例如：

<img src="example.png">

与

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAADSCAMAAABThmYtAAAAXVB">

这里是对{0}}

的探索

Base64 encoding images

Answer 2

您网站的其他部分如何运作？你从图像的角度尝试了几件事，看看网站的角度怎么样？

• 检查您的日志（网络和系统） - 有任何错误吗？

• 您网站的其他方面是否按预期执行？页面加载，表单提交......如果没有，则图像可能不是根本问题。

• 你最近有没有做过任何改变？这些图像是否总是以这种方式加载，或者是否有时间加载？

• 加载速度较慢的图像总是一样吗？如果是，请调查这些文件的不同之处。

• 或者，当加载速度减慢时，它是否始终是相同的时间跨度（从加载图像开始到减速时刻）？如果是这样，请调查您的缓存，缓冲，网络和带宽设置。

我不知道这是否可行，但您可以尝试在不同的Web服务器上加载这些图像吗？ （试图消除这里的可能性。）