Cracked.com 图像在 Firefox 中褪色（如何禁用延迟加载）

Question

当我浏览 Cracked.com 并向下滚动时（即使在等待页面加载之后），文章图像会逐渐淡入，而不是像静态页面那样已经存在。这没什么大不了的，但它扰乱了我的阅读流程。是否有 Firefox 扩展或设置可以防止这种情况发生？我使用 AdBlock Plus。

Answer 1

……文章图像淡入淡出，而不是已经存在……

您所看到的是一种称为“延迟加载”的前端 Web 开发技术。这个想法是，如果一个页面上有 - 比方说 - 20张图像，浏览器只会加载出现在视口中的图像。这会加快页面加载速度，因为在给定时间，视口中可能会显示 3-4 张图像，并且通常由 JavaScript 处理。这意味着图像不像普通页面那样被嵌入到 HTML 中，而是在 HTML 中存在一个指向图像的指针，JavaScript 函数会在屏幕滚动时处理实际加载。

因此，如果您禁用 JavaScript，则站点将无法运行且图像将无法加载。在许多现代网站上，禁用 JavaScript 后 100% 不会显示任何内容，因为它现在非常常用，几乎不可能在没有 JavaScript 作为混合核心部分的情况下拥有一个网站。

有关该技术的背景详细信息，这里是一个描述 jQuery 延迟加载插件的页面，它很好地解释了概念/目标：

延迟加载是延迟加载长网页中的图像。在用户滚动到它们之前，不会加载视口外的图像。这与图像预加载相反。

在长网页上使用延迟加载将使页面加载速度更快。在某些情况下，它还可以帮助减少服务器负载。

作为个人进行 Web 开发的人，我不能 100% 确定可以绕过它，因为实现延迟加载技术的方式因站点而异。所以我有根据的猜测是，不……您所描述的内容无法通过简单的浏览器插件在技术上完成或解决。

此外，您提到Adblock Plus可能有一个设置。现实情况是，像 Adblock Plus 这样的工具通过了解在网络上投放广告的方式和方法的一致性来工作。这意味着，无论您访问网络上的哪个网站，广告投放都是相当一致的，因此可以对其进行编码以阻止所述广告。如果存在不一致的站点？Adblock 的团队将重点研究如何屏蔽他们网站上的广告。

在延迟加载的情况下，创建一个插件或工具可以在数百万个站点中禁用延迟加载功能的经济动机是什么？