Browser & Web Performance · Middle · Question 33 of 75

What does `<link rel="modulepreload">` do differently from `preload`?

1It runs the module immediately
2It only resolves DNS for the module's origin
✓Correct answer: It fetches, parses and compiles an ES module (and can be used for its dependencies) so it's ready to execute

Explanation

It avoids the waterfall where each import is discovered only after the previous module is downloaded.

Further reading

MDN: rel=modulepreload ↗

Test yourself

Take the Browser & Web Performance · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.