Do napisania tego posta skłoniło mnie pytanie, które padło na jednym z moich rozmów kwalifikacyjnych: Jaka jest różnica między Prefetch a Preload?

Prefetch to sposób pobierania danych w tle, który pozwala na wcześniejsze załadowanie plików przed załadowaniem strony. Przeglądarka opiera się na założeniu, że pobrane dane zostaną zażądane i umożliwia natychmiastowe wczytanie zawartości.

Preload to stosunkowo nowy standard, który zapewnia większą kontrolę nad pobieraniem określonych zasobów. Najlepiej wstępnie załadować najważniejsze pliki, takie jak obrazki, style, pliki JavaScript czy czcionki. Preload umożliwia wstępne ładowanie zasobów inicjowanych przez CSS i JavaScript oraz określa, kiedy należy użyć każdego zasobu.

Różnica między Prefetch a Preload polega na tym, że Preload to wczesne polecenie wysyłane do przeglądarki, aby załadowała zasób potrzebny dla danej strony przed załadowaniem reszty strony, natomiast Prefetch pyta przeglądarkę o pobranie i zacache'owanie danych jak skrypty czy style w tle. Pobieranie zachodzi w niskim priorytecie i nie ma wpływu na pobieranie innych danych.