Jak efektivně načítat webfonty
Posted 15. 11. 2015 / By Petr Soukup / Rychlost

Jeden z největších problémů při tvorbě rychlých webů je načítání písem. Musíte totiž řešit několik různých formátů, každý prohlížeč (a každá verze) načítá písmo jinak, také ho jinak cachuje a jinak vykresluje. Aby toho nebylo málo, tak se to navíc ještě každou chvíli mění. Úplně nejlepší by bylo používat jen systémová písma, ale to bychom pak neměli co řešit :)

Proč?

Zkuste si načíst svůj web v metru na zastávce. Pokud nemáte metro, můžete použít WebPagetest a nastavit rychlost 2G.

U drtivé většiny webů to dopadne tak, že budete zírat na bílou stránku, protože se odmítnou zobrazit, dokud nemají všechny zdroje staženy - to jsme tu už řešili. Pokud se ale načte layout, tak stejně můžete dál zírat na hezký web, který ale neobsahuje ani písmenko. Prohlížeč totiž ještě čeká na stažení písem a nic nezobrazí, dokud ho nestáhne (různé prohlížeče a verze tuhle situaci řeší různě). Metro se rozjede, vy se můžete až do příští zastávky kochat layoutem a doufat, že v další zastávce se stáhne písmo. A přitom to je úplně zbytečné.

Read More

Jak se optimalizuje rychlost webů chytrým načítáním CSS
Posted 31. 05. 2015 / By Petr Soukup / Rychlost

Zatím jsem tu popisoval spíš obecné optimalizace, tak tentokrát přeskočím k trochu zajímavějšímu způsobu. Přestože má obrovský vliv na rychlost načítání (a hlavně dojem z načítání), tak ho neřeší prakticky nikdo a je na čase něco s tím udělat. Slyšeli jste už o critical CSS a asynchronním načítání stylů?

Read More

Optimalizujeme pro rychlost: Obrázky
Posted 12. 10. 2014 / By Petr Soukup / Vývoj

Při tvorbě eshopů klademe velký důraz na rychlost načítání. Je to poměrně komplikovaná problematika a zhruba čtvrtinu času u vývoje strávíme právě na tom. Rychlost má totiž spoustu důsledků - vyšší konverze, lepší pozice v Google, vyšší skóre kvality u PPC atd. Spousta věcí, které takto řešíme je dále přenositelná, takže bych se o ně chtěl podělit. Dnes začneme zlehka - s obrázky.

Read More

O blogu
Blog o provozování eshopů a technologickém zázemí.
Aktuálně řeším hlavně cloud, bezpečnost a optimalizaci rychlosti.

Rozjíždím službu pro propojení eshopů s dodavateli.