【違い】dns-prefetch、preconnect、prefetch、preload、prerender

ブラウザがリソースを取得するまでの流れ。

[DNS の名前解決] -> [TCP 接続の確立] -> [Fetch] -> [Load] -> [Render]

	意味
dns-prefetch	「DNSの名前解決だけ先にやっとけ」な指示
preconnect	「HTTPの接続の確立までやっとけ」な指示
prefetch	「リソースを取ってくるとこまでやっとけ」な指示
preload	「リソースを取ってきて読み込みまでしておけ」な指示
prerender	「リソースを取ってきて読み込みもして、そのリソースに含まれるリソースも全部準備しとけ」な指示要するに「いつでも表示できるようにしとけ」な指示