O webu
Google zrychlil načítání na mobilech

Funkce nazvaná reactive prefetch (volný český překlad by mohl být přednačítání po akci) je podporována zatím pouze v Chrome na Androidu. Funguje to tak, že při kliknutí na výsledek vyhledávání dostane prohlížeč informaci o kritických částech stránky – například CSS, které může blokovat vykreslování – a začne je stahovat zároveň s obsahem stránky.

Standardní načítání

Místo standardního průběhu, kdy se čeká na odezvu serveru pro získání HTML stránky, které následně připojí CSS, umožní toto řešení paralelně načítat CSS už při kliknutí ve vyhledávání.

Použití reactive prefetch

Celé to může fungovat díky tomu, že Google zná stránku, kterou ve výsledcích vyhledávání zobrazuje. Dokáže u ní proto odhadnout kritické styly a podobně.

Dobré na tom je, že se neplýtvá daty jako u běžných preloaderů, kdy se dopředu načítá obsah, který by mohl návštěvníka zajímat, ale ještě nevykonal konkrétní akci pro jeho získání.

Řešení v JavaScriptu

Reactive prefetch ve výsledcích vyhledávání

Celé přednačtení potom spočívá ve vytvoření <link>u:

<link rel="prefetch" href="http://example.com/styl.css">

To v JS může vypadat následovně:

function reactivePrefetch(url) {
  var hint = document.createElement("link");
  hint.rel = "prefetch";
  hint.href = url;
  document.getElementsByTagName("head")[0].appendChild(hint);
}

Odkazy jinam