Производительность при использовании динамического импорта в машинописи

Question

Я рассматриваю возможность использования большого количества динамического импорта в моем проекте - но я обеспокоен, так как подозреваю, что это может повлиять на производительность.

"традиционный импорт":

import { myExampleMethod } from "./MyStuff";
// myExampleMethod();

динамический импорт:

import("./MyStuff").then((myStuff) => { // myStuff.myExampleMethod(); })

Стоит ли упоминать разницу в динамическом импорте по сравнению с "традиционным импортом" в производительности?

Answer 1

«Традиционный импорт» занимает 0 миллисекунд:

const past = Date.now();
import {testMethod} from "./Test"
testMethod(past);

, а динамический импорт занимает около 57 миллисекунд:

const past = Date.now();
import("./Test").then((test) => {
    test.testMethod(past);
});

---

TestMethod в Test.ts ...

export const testMethod = (past: number) => {
    console.log("test, timdiff: " + (Date.now() - past));
}