Host našeho rozhovoru [Filip Podstavec](https://twitter.com/filippodstavec) je ve světě marketingu a SEO poměrně známá osoba. Zabývá se především technickým SEO, data miningem a je také provozovatel [Marketing Mineru](https://www.marketingminer.com/cs).

Co se řešilo?

* co je Marketing Miner, jaké má využití a jestli řeší také rychlost načítání webů
* vztah markeťáků a rychlosti
* jak velký má rychlost webu vliv na pozice v Google

Celý rozhovor s Filipem si můžete pustit níže:

<div class="video"><div class="video__holder"><iframe width="560" height="315" src="https://www.youtube.com/embed/TeQpO0Hbqaw" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div></div>

Tentokrát nahlédneme do světa Next.js a zhodnotíme si HTTP/3. Ve Woltu vymysleli plugin s názvem BlurHash, tak si rozebereme, k čemu je to dobré a do diářů si na příští rok vyznačíme červeně měsíc květen.

## Next.js conf

Na Next.js konferenci byla představena nová 10 verze tohoto populáního React frameworku, který přináší několik zajímavých novinek. První z nich jsou [vlastní performance metriky](https://nextjs.org/analytics), souhrnně nazývané jako RES - real experience score.

![](/uploads/yourtruelighthouse-001.jpeg "    ")

Druhou zásadní novinkou je [Image komponenta](https://nextjs.org/docs/basic-features/image-optimization), která má řešit všechny běžné neduhy s obrázky spojené. Na druhou stranu je vývojáři kritizována, že jde o “black box” bez kontroly. Podrobněji vše rozebíráme ve videu níže.

## HTTP/3

Google implementoval již [třetí verzi protokolu](https://blog.chromium.org/2020/10/chrome-is-deploying-http3-and-ietf-quic.html) pohánějící naše weby. Zlepšit by se měla datová propustnost a latence. Naopak se upustilo od [prioritizace zdrojů](https://http3-explained.haxx.se/en/h3/h3-h2).

## BlurHash

Pokud vás stejně jako designéry z Woltu nebaví nudné šedé načítací plochy, můžete zkusit jejich nejnovější [plugin BlurHash](https://blurha.sh/). Na druhou stranu pozor na celkovou dobu času dekódování, kterou BlurHash spotřebuje.

## Core Web Vitals jako parametr pro výsledky vyhledávání

Květen 2021 bychom si měli pečlivě poznamenat do diářů. Google oznámil, že od tohoto data začne zahrnovat Core Web Vitals jako [parametr pro řazení výsledků vyhledávání](https://webmasters.googleblog.com/2020/11/timing-for-page-experience.html). Vývojářům tedy zbývá poslední půlrok rychlost webů vyladit.

Všechna témata jsme podrobně rozebrali na našem livestreamu Na rychlosti záleží, ze kterého přinášíme sestříhaný záznam.

<div class="video"><div class="video__holder"><iframe width="560" height="315" src="https://www.youtube.com/embed/Rlif-ARLy_o" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>![](/uploads/novinky-cover-2.jpg)</div></div>

Rozhovory, případové studie, živé ukázky nástrojů, detailní tipy, ale také novinky. A právě o novinkách, které jsme si ukázali v prvním díle je tento článek.

Cílem je dostat téma rychlosti webů mezi širší odbornou veřejnost a hlavně pomoci našim sledujícím dělat své weby rychlejší.

## První článek na našem blogu - proč mít rychlý web?

Přečtěte si [nejnovější článek ](https://pagespeed.cz/blog/proc-mit-rychly-web)od Martina Michálka, který shrnuje, proč je důležité mít rychlý web. Od psychologie, vlivu na konverze až po velmi často zmiňovaný Google.

![](/uploads/pagespeed_16-9-001.jpeg " ")

## PageSpeed.cz - aktualizace nástroje pro testování

Do našeho nástroje [pro testování webů](https://pagespeed.cz/) jsme přidali několik nových vlastností.

Výsledky syntetických testů jsou nyní podrobnější. Kromě Lighthouse performance score (LPS) se můžete nově podívat i na hodnoty jednotlivých metrik, se kterých se LPS počítá.

**![ ](/uploads/pagespeed_16-9-002.jpeg " ")**

Také výsledky z Chrome UX reportu se dočkaly aktualizace. Nově je možné sledovat **metriky v čase.** K tomu slouží nové grafy.

**![ ](/uploads/pagespeed_16-9-003.jpeg " ")**

[Změřte si svůj web](https://pagespeed.cz/) a omrkněte tyto novinky.

Detailně si vše brzy představíme v některém z dalších článků, kde odhalíme i možnost, jak si zobrazit detailní report z Lighthouse pro kterýkoliv den.

## Lighthouse Score for All

Pokud znáte [LPS](https://www.vzhurudolu.cz/prirucka/metrika-lps) jako jedno číslo, pak pro vás bude zajímavé [tohle video](https://www.youtube.com/watch?v=TT-2rQsHyqQ) z Jamstack Conf. Henri Helvetica ve své přednášce ukazuje, z čeho se LPS skládá a jak se počítá.

Na závěr pak přidává několik velmi zajímavých statistik.

## Glyphhanger - nástroj pro optimalizaci fontů

Blížíme se do finále. Dalším tipem je „utilitka“ [Glyphanger](https://github.com/filamentgroup/glyphhanger). Díky tomuto nástroji můžete rychle optimalizovat fonty ve vašem projektu. I se základním nastavením můžete dosáhnout uspokojivých výsledků.

A pokud jste fajnšmekři, můžete se pustit i do detailního nastavení a vymačkat optimalizaci na maximum. Pokud vás zajímá jak na to, navštivte webinář Michala Matušky [o variabilních fontech](https://www.vzhurudolu.cz/kurzy/webinar-variabilni-fonty).

## Označování rychlosti webu v mobilním Chrome

Pomyslná třešnička na dortu. Mobilní Chrome od verze 85 přidává badge s hodnocením rychlosti navštěvovaného webu. [V článku](https://speedcurve.com/blog/fast-badging-for-better-ux/), který o této novince píše, jsou pak zmíněné další koncepty, jak s tímto označením pracovat.

Líbí se vám tento nápad? My jsme se o tom společně chvíli bavili, udělali anketu mezi diváky a zjistili jsme, že je to věc, která minimálně teď vyvolává spoustu zajímavých otázek, názorů a rozporů.

<iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FPageSpeed.cz%2Fvideos%2F696614464290152%2F&t=510" width="100%" height="500" scrolling="no" frameBorder="0" allowTransparency allowFullScreen></iframe>

Budeme se snažit zde tvořit zajímavý obsah pro všechny lidi od webařského fochu – techniky, ale i netechniky.

## **O čem budeme psát?**

Můžete se těšit na následující typy obsahu:

1. Případové studie a zkušenosti z práce pro naše milé klienty.
2. Konkrétní optimalizační techniky a tipy, rozebrané do detailu.
3. Novinky z oblasti rychlosti webů, ale i vývoj kolem našeho [testovacího nástroje](https://pagespeed.cz/).

Na tvorbu obsahu jsme v týmu čtyři – Zuzana Šumlanská, Michal Matuška a Tomáš Hejč ze [SUPERKODERS](https://superkoders.com/) a Martin Michálek ze [Vzhůru dolů](https://www.vzhurudolu.cz/martin).

Začínáme zostra, článkem [Proč se zabývat rychlostí](https://pagespeed.cz/blog/proc-mit-rychly-web), který je přesně tak dlouhý, jak si tohle téma zaslouží.

Těšíme se, co nového společně s vámi objevíme a jaké weby spolu zrychlíme!

Tým PageSpeed.cz

PS: Zůstaňme v pravidelném kontaktu. Odebírejte nás na [Twitteru](https://twitter.com/pagespeedcz), [Facebooku](https://www.facebook.com/PageSpeed.cz) nebo [LinkedIn](https://www.linkedin.com/company/42805034/).

Blog

Checklist rychlosti webu 2021

Rozhovor s Filipem Podstavcem z Marketing Mineru

Tipy a novinky ze světa rychlosti vol. 2

Tipy a novinky ze světa rychlosti vol. 1

Začínáme s blogem. Na co se tady můžete těšit?