Widget je malý, načítá se až po stránce a nesahá do šablony. Tady je, jak to děláme, a měření, které si můžete zopakovat sami.
Před a po instalaci
Stránka produktu skutečného e-shopu na Shoptetu v Google PageSpeed Insights, nejdřív bez widgetu, pak s ním. Obě verze jsou až na widget stejné, měřicí kódy e-shopu jsou v nich vypnuté.
Mobil
Bez widgetu
S widgetem
Metrika
Bez
S widgetem
Výkon
42
48
Largest Contentful Paint
12,2 s
12,9 s
Cumulative Layout Shift
0,10
0,10
Total Blocking Time
460 ms
300 ms
Počítač
Bez widgetu
S widgetem
Metrika
Bez
S widgetem
Výkon
69
67
Largest Contentful Paint
2,2 s
2,0 s
Cumulative Layout Shift
0,14
0,14
Total Blocking Time
200 ms
220 ms
Proč web nezpomalí
Načte se až po stránce
Skript má atribut async a začne pracovat, až je stránka hotová. Zákazník vidí váš e-shop stejně rychle jako dřív.
Videa až na obrazovce
Dokud zákazník k widgetu nesjede, stahují se jen obrázky. Na obrazovce hraje třívteřinová ukázka o velikosti kolem 100 kB. Celé video se načte, až když na něj zákazník klikne.
Žádné těžké knihovny
Widget nepotřebuje jQuery, React ani nic dalšího. Všechno je v jednom malém souboru.
Ověřte si to sami
Nemusíte nám věřit. Zabere to deset minut.
Otevřete PageSpeed Insights a změřte stránku některého produktu. Výsledek si vyfoťte.
Vložte kód Reelinku a přiřaďte k tomu produktu videa.
Změřte stejnou stránku znovu a porovnejte.
PageSpeed kolísá o několik bodů i bez jakékoli změny. Měřte proto třikrát a porovnávejte průměr. Když uvidíte rozdíl, který se vám nelíbí, napište nám a podíváme se na to.
