Pravidla spekulací API: Technologie za webem se okamžitě načítá.

Web je na vteřinu příliš pozdě ... polovina zákazníků zmizí? Skutečný problém ve věku, který nikdo nechce čekat.

Už jste někdy byli? Klikněte na odkaz na zajímavou webovou stránku. Místo toho však musel sedět a zírat na bílou obrazovku, která se točila, a čekala, až si web stáhne ... 1 sekundu ... 2 sekundy ... 3 sekundy ... vzrušení se postupně podráždělo a nakonec „lépe se uzavřelo“. Toto je noční můra všech lidí a majitelů podniků. Jsme oddaní penězům i času na SEO, natáčení, vytváření dobrého obsahu. Chcete -li lidi přitáhnout, ale místo toho museli spadnout na koně, aby zemřeli pouze kvůli „pomalosti“ jen na několik sekund zákazníků, kteří by se měli stát olovem nebo prodejem. Stiskněte tlačítko Zpět. Bohužel. Přestože se snažíme co nejdříve vylepšit web, oba komprimované obrázky nebo upravit kód, ale „mezera“ během kliknutí a zobrazení stále existuje.

Výzva pro ilustrace: Srovnávací obrázky 2 uživatelů, jeden sedí sledování přesýpacích hodin na obrazovce počítače s nudou. Jiná osoba se usmívá a používá web, který se po kliknutí rychle naložil.

Proč je web, který říká tak rychle ... stále nás musí nechat čekat? Odemkněte tajemství za zatížení webu.

Zdroj tohoto problému vychází z povahy práce prohlížeče. V zásadě bude prohlížeč fungovat pouze jako „reaktivní“, nebude vědět, kterou stránku jedete, dokud opravdu „kliknete“. Klikněte. Po kliknutí začnou tyto procesy: 1. Odeslat požadavek na server. 2. Odeslat soubor HTML zpět. Zpracování a „nakreslete“ webová stránka jeden po druhém, což vše vyžaduje čas bez ohledu na to, jak silný jste server nebo jak rychle je internet internet Tento „standardní proces“ je stále úzkým místem, které způsobuje zpoždění. Je to jako objednat jídlo v obchodě. Musíte si nejprve objednat šéfkuchař, bylo by lepší, kdyby šéfkuchař „hádal srdce“, pak začnete připravovat suroviny předem, než si objednáte?

Výzva pro ilustrace: Jednoduchý infographic Zobrazte normální proces načítání webu (kliknutí uživatele -> požadavek -> Server -> Zdroje ke stažení -> Vykreslení) se symbolem hodinky, kterým je každý krok zprostředkován čas.

Nechte web i nadále pomalý? Děsivý dopad než jen ztráta zákazníků

Nechat tento problém zůstat nejen způsobit, že uživatel bude frustrovaný, ale ovlivňuje podnikání Domino v dlouhodobém období:

• Míra konverze, klesat: Každou sekundu, která se načítá pomaleji, je ztracená prodejní příležitost, kterou zákazníci ztratí trpělivost před dosažením platební stránky nebo vyplněním formuláře.
• Sazba Bookce spěchala vysoko: uživatel přišel a okamžitě stiskl. Je to špatný signál odeslaný společnosti Google, že váš web není dost kvalitní. Který přímo ovlivňuje SEO
• Core Web Vitals je nešťastný: zpomalte načítání další stránky. Ovlivňující interaktivní až další barvu (INP), jedna z nejdůležitějších metrik, které Google používá web ke zlepšení INP , takže je neobvyklé.
• Spolehlivost značky se snižuje: web, který je pomalý a špatný zážitek. Způsobuje, že značka vypadá v očích uživatelů profesionálně a nespolehlivá
• Nevýhodová rasa: I když stále necháváte web zpomalit konkurenty, kteří poskytují zkušenosti, které rychleji než jen vteřinu mohou uchopit všechny vaše zákazníky

To vše je neviditelná cena, která každý den kousá a roste vaše podnikání.

Výzva pro ilustrace: Graf na jedné straně ukazuje „doba načítání stránky“, která se zvyšuje. A druhá strana ukazuje „rychlost konverze“ a „spokojenost uživatelů“, která je redukována na opačný směr.

Bylo by lepší, kdyby web „známých“, na které bychom klikli? Splňovat pravidla spekulací API

Co se stane, pokud je prohlížeč dostatečně chytrý na to, aby „hádal“ další akci uživatele? Místo čekání klikněte a poté stáhněte. Místo toho začala načíst další stránku „Advance“ tiše v zákulisí. Toto je koncept nejnovějších technologií od Google s názvem API Spekulation Prales API . Je to „magie“, která vaše webové stránky přibližuje téměř okamžitě po kliknutí!

Pravidla spekulací API API je pro nás způsob, jak psát „pravidla“ v jednoduchém kódu. Chcete -li říct prohlížeči, že „která stránka“, že uživatel by měl i nadále chodit s nejvíce 2 hlavními strategiemi:

• Prefetch: Objednávání prohlížeče „Zdroje ke stažení“ další stránky k čekání, jako jsou HTML, CSS, JS soubory, ale stále se nezobrazí.
• Prender: To je nejlepší! Objednal si prohlížeč „Načítání a vykreslování“, další webová stránka na pozadí, když uživatel opravdu klikne, stačí přepnout, aby ukázal, že obličej okamžitě jako otevření aplikace na mobilu Je to nejvýkonnější výchozí bod pro vytvoření nejrychlejšího webu. A pomoci vyřešit problém s blokováním problému dokonale pro další stránku.

Začátek API pravidel spekulací je změnit koncept vytvoření webové stránky „nastavení“ na „proaktivní“ web, který je připraven poskytnout uživatelům rychlost předtím, než se dokonce vyžádají.

Výzva pro ilustrace: První 2 typy dynamo obrázků jsou „normální“, které čekají na kliknutí a poté stáhněte. Druhým je „pravidla spekulace“ s webovou stránkou B čeká na pozadí. A když uživatel klikne na přepínač, aby se okamžitě zobrazoval

"Zpravodajský web je o 30%rychlejší." Skutečné případy od obrů, kteří používají API spekulací.

To není jen teorie na papíře. Světová třída však použila API pravidel spekulací a zaznamenala úžasné výsledky. Slavný francouzský zpravodajský web jako Le Figaro tuto technologii vyzkoušel. Nastavili pravidla pro prohlížeč, aby vytvořil Phender, odkaz, zpravodajský článek, o který se uživatelé nejvíce zajímají. Výsledkem je největší obsahová barva (LCP) nebo rychlost načítání hlavního obsahu další stránky ** až 30%**! Umožňující čtenářům mít nepřetržitý a hladký zážitek jako nikdy předtím

Stejně tak Realtor.com, velký web nemovitostí, který používá Pepperders se stránkou podrobností domu. Výsledkem je rychlost načítání jejich nejdůležitějších povinností. ** Významně vylepšené ** Toto je důkaz, že API Spekulace API není jen hračkou pro vývojáře. Je však výkonný obchodní nástroj, který může jasně vytvářet konkurenční výhody, které si můžete o této technice přečíst z blogu Chrome pro vývojáře .

Výzva pro ilustrace: Obrázky s úspěchem společnosti (mohou být fiktivní logo) s pozoruhodným výsledkem „+30% rychlejšího zatížení stránky“ nebo „okamžitá navigace“

Co chcete dělat? Výuka používání pravidel spekulací API. Kopírovat-pasta!)!

Dobrou zprávou je používat pravidla spekulací API je mnohem jednodušší, než si myslíte. Nemusíte být programátorem božstva. Postupujte podle následujících kroků:

Krok 1: Zadejte vysoce pravděpodobný cílový odkaz.
Přemýšlejte o tom na svém webu. Kde je nejpravděpodobnější největší šance na kliknutí? například

• Odkaz „Přečtěte si další článek“ na stránce blogu
• Odkaz „Viz podrobnosti o produktu“ z kategorie
• Tlačítko „na stránku plateb“ z košíku

Krok 2: Vytvořte pravidlo pravidla spekulace ve formě JSON.
Vytvoříme jednoduchý kód. Řeknout prohlížeči, co dělat s těmito odkazy

Příklad 1: Nastavte jako odkaz (pravidla seznamu)
. Když přesně víme, na kterou stránku chcete


{
"Pepreder": [
{
"zdroj": "List",
"URLS": ["/Blog/Next-Gen for Formats", "/About-Us"]
}
]
}


Vzorek 2: definovaný podle pravidel dokumentu,
který se používá k ovlivnění každého odkazu, který má formát, který specifikujeme, například každý odkaz na blogu.


{
"Pepreder": [
{
"zdroj": "Dokument",
"Where": {
"href_matches": "/blog/*"
},
"dychtivost": "Mírný"
}
]
}


*„Dychtivost“ je určit, jak rychle funguje. Existuje hodnota `` imediate`, „dychtivá“, „mírná“, „konzervativní“

Krok 3: Umístěte kód na váš web.
Přineste kód JSON, který byl vytvořen ve značce.

‍