1. Resource Hints: modulepreload

    Using `<link rel="modulepreload">`, browsers can be informed to prefetch module scripts without having to execute them, allowing fine-grained control over when and how module resources are loaded.

  2. Resource Hints: preload

    Using `<link rel="preload">`, browsers can be informed to prefetch resources without having to execute them, allowing fine-grained control over when and how resources are loaded. Only the following `as` values are supported: fetch, image, font, script, style, track.

  3. html element: link: rel: rel=modulepreload

  4. html element: link: rel: rel=preload: `as=fetch`

  5. html element: link: rel: rel=preload: `as=font`

  6. html element: link: rel: rel=preload: `as=image`

  7. html element: link: rel: rel=preload: `as=script`

  8. html element: link: rel: rel=preload: `as=style`

  9. html element: link: rel: rel=preload: `as=track`