Rubrika Optimalizace

Celkem 5 článků

Zobrazit všechny články


Pokud vyvíjíme webovou aplikaci, je vhodné CSS styly na produkční server nahrávat v minimizované podobě (i když se tyto soubory cachují). Je nutné pak udržovat vývojovou verzi ve stejné podobě, jako je ta minimizovaná. Často se ale může stát, že se tato vývojová verze někam zatoulá a jak se vyznat v daných stylech? Pokud máme již hotovou webovou aplikaci a chceme upravovat CSS styly, které jsou ale nepřehledné, protože je dělal nějaký "fachman", jak se v daných stylech vyznat?

Styly je možné ručně odsadit (jak se říká tabelovat), což může být práce na několik hodin nebo i dní a nebou použít webovou aplikaci ProCSSor, která styly naformátuje a zvýrazní syntaxi.


Tento díl je pokračováním seriálu a technikách umožňující zrychlení načítání webových stránek a aplikací. V předchozím článku Jak můžeme zrychlit své webové aplikace? 3. díl jsem se zabýval správným používáním obrázků a jejich optimalizací.

V prvním díle Jak můžeme zrychlit své webové aplikace? jsem se zabýval potřebou minimizace obsahu. V tomto článku se na to pokusím navázat formou minimizace HTML a postupy správného odkazování na externí soubory.


Tento díl je pokračováním seriálu a technikách umožňující zrychlení načítání webových stránek a aplikací. V předchozím článku Jak můžeme zrychlit své webové aplikace? 2. díl byly zmíněny možnosti, jak snížit objem přenášených dat pomocí komprese nebo snížit počet HTTP požadavků pomocí ukládání do mezipaměti.

Již v předchozím díle jsem nakousl otázku, jak optimalizovat obrázky. Těch se totiž zmíněná komprese výrazně nedotkne. V tomto článku se to pokusím detailně popsat.


Tento díl je pokračováním seriálu a technikách umožňující zrychlení načítání webových stránek a aplikací. V předchozím článku Jak můžeme zrychlit své webové aplikace? byly zmíněny potřeby minimalizovat HTTP požadavky a snižovat velikost externích souborů - například využitím CSS sprites nebo minimizací externích souborů.

V tomto článku se pokusím ukázat výhody a způsoby implementace ukládání dat do mezipaměti prohlížeče a komprese obsahu webu. Popisované způsoby navazují na předchozí článek.


Na konferenci WebExpo 2010 mě zaujala přednáška „Web rychlejší než Blesk”. Očekával jsem, že se dozvím zajímavé techniky a postupy, pomocí kterých je možné webové stránky a aplikace zrychlit. Přednáška pro mě však byla zklamáním, neboť byly představeny pouze možnosti využití cache v rámci cloudu a prezentování novinek v prohlížeči Internet Explorer 9.

Protože některé techniky umožňující rychlejší načítání webových stránek ovládám, rád bych se podělil o některé postupy, které v rámci svých webových projektů uplatňuji a které dokáží zrychlit načítání a běh aplikací i o desítky procent.


Michal Maňák

Jmenuji se Michal Maňák, jsem interaction designer a ux specialista.

Pracuji ve společnosti GoodData.