Vibecoding · 3× 50 min · Pro začátečníky
Rychlý web – obrázky, načítání a mobil
Nejlevnější zrychlení webu není nový design, ale menší obrázky. Naměříme si přímo na místě, kolik se dá ušetřit, projdeme nástroje zdarma a ukážeme, jak si výsledek ověřit na telefonu.
Po kurzu budete umět:- Jak poznat, který obrázek stránku brzdí, a o kolik
- Jak zmenšit fotku na správný rozměr dřív, než začnete řešit formát souboru
- Jak vybrat mezi JPEG, WebP a AVIF a kdy se rozdíl vůbec vyplatí řešit
Co se naučíte
- Jak poznat, který obrázek stránku brzdí, a o kolik
- Jak zmenšit fotku na správný rozměr dřív, než začnete řešit formát souboru
- Jak vybrat mezi JPEG, WebP a AVIF a kdy se rozdíl vůbec vyplatí řešit
- Jak zmenšit celou složku obrázků najednou, na Macu i na Windows
- Jak zjistit, jestli web na telefonu neujíždí do strany, a čím to bývá
- Co znamenají tři čísla, kterými Google měří rychlost, a jaké mají prahy
- Proč se rychlost neměří u vás na kanceláři, ale u návštěvníka na cestě
- Proč hlavní obrázek nahoře nikdy nesmí mít líné načítání
- Proč Google od roku 2024 prochází weby jen mobilním robotem a co to znamená pro skryté menu
- Kdy si vystačíte s nástroji zdarma a kdy je čas na zásah do webu
Komu je kurz určen
Lidem, kteří na web nahrávají obsah: majitelům menších webů, marketérům, správcům e-shopů a fotografům, kterým se stránka načítá pomalu a nevědí proč. Programovat nemusíte, většinu kurzu odpracujete v prohlížeči. Věnujeme se obrázkům, rychlosti a mobilní verzi; obsah a texty má vlastní kurz.
Proč byste se měli stavit
Jedna fotka z mobilu má 4 MB a na webu z ní má být 40 kB. Ten rozdíl dělí web, který se otevře dřív, než návštěvník ztratí trpělivost, od webu, ze kterého odejde. Naučíte se to za tři hodiny a použijete to hned u příštího článku.
Předpoklady
- Máte vlastní web nebo do něj přístup a nahráváte do něj obrázky
- Umíte otevřít složku s fotkami a najít v ní soubor
- Notebook s přístupem k internetu a pár vlastních fotek, na kterých budeme měřit