Chrome vs Node - 为什么节点的获取速度比 Chrome 慢？

Question

比较 Node 与 Chrome 的响应时间，node 较慢。我正在向同一页面发出请求；发出两个请求，一个来自 Node，另一个来自 Chrome 控制台。

• Chrome v：最新版
• 节点 v：12
• 操作系统：Windows 64x

节点：

const fetch = require("node-fetch");

const url =
  "https://poshmark.com/search?query=t%20shirts&availability=sold_out&department=All";
(async () => {
  console.time("Load Time: ");
  await fetch(url);
  console.timeEnd("Load Time: ");
})();

Chrome： 转到 url，然后在控制台中运行它。

  (async () => {
    console.time("Load Time: ");
    var request = await fetch(location);
    console.timeEnd("Load Time: ");
})();

结果：

• 节点：~3.746s
• Chrome:1030.53515625ms

有什么办法可以解决这个问题吗？

感谢您的帮助。

Answer 1

使用 node.js 中的这段代码，使用两个不同的库加载整个响应：

"use strict";

const got = require('got');
const fetch = require("node-fetch");


async function run1(silent) {
    let url = "https://poshmark.com/search?query=t%20shirts&availability=sold_out&department=All";
    url += `&random=${Math.floor(Math.random() * 1000000)}`;
    if (silent) {
        let {body} = await got(url);
    } else {
        console.time("Load Time Got");
        let {body} = await got(url);
        console.timeEnd("Load Time Got");
    }
}



async function run2(silent) {
    let url = "https://poshmark.com/search?query=t%20shirts&availability=sold_out&department=All";
    url += `&random=${Math.floor(Math.random() * 1000000)}`;
    if (silent) {
        let body = await fetch(url).then(res => res.text());
    } else {
        console.time("Load Time Fetch");
        let body = await fetch(url).then(res => res.text());
        console.timeEnd("Load Time Fetch");
    }
}

function delay(t) {
    return new Promise(resolve => setTimeout(resolve, t));
}

async function go() {
    await delay(1000);
    // one throw away run for each to make sure everything is fully initialized
    await run1(true);
    await run2(true);

    // let garbage collector settle down
    await delay(1000);

    await run1(false);
    await delay(1000);
    await run2(false);

}

go();

并且，分别运行四次，我得到以下结果：

Load Time Got: : 967.574ms
Load Time Fetch: : 921.211ms

Load Time Got: 872.823ms
Load Time Fetch: 858.379ms

Load Time Got: 802.700ms
Load Time Fetch: 930.276ms

Load Time Got: 819.646ms
Load Time Fetch: 966.878ms

所以，我在这里没有看到多个第二个响应。请注意，我正在为每个 URL 生成一个唯一的查询参数，以尝试在任何地方阻止任何缓存。

在加载整个响应正文的浏览器控制台中使用类似代码中的类似随机 URL，我得到了 748.2ms、647.9ms、738.2ms 的运行时间。