Velkou úsporu přinese odstranění zbytečných knihoven a pluginů. Každý skript, který načítáte, zvyšuje počet požadavků a prodlužuje čas. Zkontrolujte si analytické nástroje, widgety a chatovací okna – často běží i tam, kde je nikdo nevyužívá. Místo jednoho velkého JavaScriptového souboru zvažte jeho rozdělení na menší části, které se načtou pouze tehdy, když jsou skutečně potřeba. Tento přístup se nazývá lazy loading a výrazně zlepšuje vnímání rychlosti.

Testovací pyramida není jen teoretický model, ale praktický nástroj, který vám pomůže udržet náklady na testování pod kontrolou. Základní myšlenka je jednoduchá: čím níže v pyramidě test stojí, tím by ho mělo být více, a naopak. Na dně jsou rychlé a levné jednotkové testy, uprostřed integrační testy a na vrcholu pomalé end-to-end testy. Když tohle rozdělení nedodržíte, skončíte s testy, které běží desítky minut, jsou křehké a při každé změně kódu vyžadují ruční opravy.

Proč méně end-to-end testů znamená víc jistoty Na vrcholu pyramidy jsou end-to-end testy, které projíždějí celou aplikaci jako uživatel. Tyto testy jsou pomalé, drahé na údržbu a náchylné na rozbití kvůli maličkostem (např. jiná barva tlačítka). Proto jich pište minimum – jen pro kritické cesty, jako je registrace, nákup nebo přihlášení. Před každým spuštěním se ujistěte, že testovací prostředí je stabilní a data jsou předvídatelná. Vyhněte se používání testovacích čísel karet nebo náhodných e-mailů, které vyžadují ruční zásah. Ideální je, když si testy generují vlastní data a po sobě uklízejí.

Dalším krokem je komprese textových souborů. Server může posílat HTML, CSS a JavaScript ve zmenšené podobě, prohlížeč je pak automaticky rozbalí. Toto nastavení najdete v konfiguraci webového serveru. Nevhodné je ale vše komprimovat – moderní formáty obrázků jsou často už samy komprimované a další stlačení jim nepomůže. Také si dejte pozor, abyste nekomprimovali soubory, které jsou už tak malé, protože to jen zbytečně zatěžuje procesor.

První praktický krok je instalace Dockeru. Na Linuxu využijete balíčkovací nástroj systému, na Windows a macOS stáhnete Docker Desktop. Po instalaci ověřte funkčnost příkazem docker –version a pak spusťte první kontejner: docker run hello-world. Tento miniaturní obraz vypíše zprávu a skončí. Všimněte si, že příkaz nejdřív obraz stáhne z registru a teprve potom spustí. To je normální chování – Docker pracuje s lokální cache, ale pokud obraz nemá, automaticky ho získá.

První kroky: obrázky a komprese Začněte s obrázky – tvoří obvykle největší část přenesených dat. Místo uložení fotky o šířce 2000 pixelů a jejím zmenšení pomocí HTML použijte optimalizovaný soubor o skutečné velikosti zobrazení. Formát WebP nebo AVIF nabízí výrazně menší velikost při zachované kvalitě. Pokud musíte použít klasický JPG, zkuste nástroj pro kompresi bez ztráty kvality. Pozor na další častý problém: několik velkých fontů. Omezte jejich počet a použijte systémové písmo, kdykoli je to možné.

Nakonec vše změřte znovu, ideálně z více zařízení a připojení. Nestačí se dívat na rychlost z rychlého domácího internetu – otestujte si web i z mobilu s pomalejším připojením. Buďte trpěliví: optimalizace není jednorázová akce, ale průběžná péče. Sledujte, které změny přinesly největší efekt, a podle toho upravujte další postup. I malé zlepšení rychlosti může znamenat vyšší spokojenost uživatelů a lepší pozice ve výsledcích vyhledávání.

Když začínáte s C#, nejlepší první projekt je konzolová aplikace. Není to jen o tom, že nepotřebujete žádné grafické rozhraní – hlavní výhoda spočívá v tom, že se soustředíte na logiku a základní jazykové konstrukty. V tomto průvodci si krok za krokem projdete vytvořením jednoduché aplikace, která načte jméno uživatele, převede ho na velká písmena a vypíše pozdrav. Naučíte se přitom pracovat se vstupy, výstupy a základními datovými typy.

Mezi typické chyby patří nevyužití mezipaměti prohlížeče. Když nastavíte správné hlavičky, nemusí se opakovaně stahovat stejné logo, styly nebo skripty. U dynamického obsahu si ale rozmyslete, co necháte ukládat – například osobní údaje nebo košík by se ukládat neměly. Pomocí atributů rel=”preload” a rel=”preconnect” můžete prohlížeči napovědět, co načíst přednostně, a urychlit tím vykreslení první obrazovky.

Prvním krokem je osvojit si rozdíl mezi UI a UX. UI, neboli uživatelské rozhraní, se týká vizuální stránky – barev, typografie, tlačítek, ikon a jejich rozmístění. UX neboli uživatelská zkušenost zahrnuje celkový pocit z používání produktu – jak snadno uživatel najde to, co hledá, jak rychle dokončí úkol a jestli se u toho nezasekne. Jako vývojář nemusíte navrhovat, ale měli byste umět rozpoznat, kdy návrh porušuje základní principy – třeba když tlačítko pro akci nemá dostatečný kontrast nebo když je navigace nelogická. To vám umožní včas upozornit na problém, místo abyste slepě kódovali něco, co uživatele odradí.