加载没有图像的网站以提高效率

Question

我有一个chrome扩展名，在该处，当我按下一个按钮时，它会转到一个URL，在该URL中，它将单击按钮并进行搜索。 我希望它尽可能快地运行，所以我想转到url而不加载任何图像，因此它可以更快地运行

$('img').remove();

在网站的控制台中（ https://www.supremenewyork.com/shop/all ）

确实删除了所有图像，但是我想知道是否有更好的方法来执行此操作，因为好像我必须在访问该网站时加载该网站，然后它将删除所有图像。

无论如何，它可以转到该网站，但是以某种方式在加载网站之前删除图像以节省时间？

Answer 1

一种选择是在Tampermonkey / Greasemonkey（或类似Fashion的插件中的自定义样式表）中创建用户脚本，以确保img始终display: none 。 例如：

// ==UserScript==
// @name         Hide Images
// @namespace    CertainPerformance
// @version      1
// @match        https://stackoverflow.com/*
// @grant        none
// @run-at       document-start
// ==/UserScript==

document.head.appendChild(document.createElement('style')).textContent = `
img {
  display: none !important
}
`;

安装此用户脚本，打开浏览器的“网络”选项卡，然后导航到stackoverflow.com上您之前未曾访问过的位置-即浏览器之前未加载海报图像的位置。 使用此用户脚本，您将看到发送到www.gravatar.com的头像图像永远不会发送出去-没有不必要的下载。

请注意

// @run-at       document-start

这很重要-否则，用户脚本将在初始页面加载后运行，这将使浏览器有几毫秒的时间开始下载图像，以准备在脚本运行之前显示它们。

当然，您可以根据需要进行自定义-更改

// @match        https://stackoverflow.com/*

您要隐藏图像的URL。

就是说，如果您想在其他页面上运行自动脚本来收集数据，则使用像fetch这样的普通请求，然后将响应文本解析为文档，然后搜索文档，可能会更有效。在浏览器中加载一个全新的页面。