Moderní web má problém s váhou

Přiznejme si to rovnou: současný web je překrmený.

Čísla mluví jasně. Průměrná webová stránka dnes váží přes 2,5 MB. JavaScriptové balíčky rok od roku rostou. Vývojáři tráví hodiny konfigurací build nástrojů, než vůbec napíší první řádek aplikačního kódu. A k čemu to vede? Valná většina osobních stránek nebo vstupních stránek přitom nepotřebuje React, Webpack ani desítky npm balíčků.

V NameOcean se hodně zabýváme výkonem a tady je pravda, která některé lidi naštve: nejlepší kód je často ten, který jste vůbec nenapsali.

Paradox minimalismu

V oblasti webového vývoje existuje zajímavý jev. Začátečníci často píší jednoduchý kód — protože nic lepšího neznají. Ručně sepíšou HTML, CSS se vejde do jednoho souboru, přidají trochu čistého JavaScriptu. Stránky fungují a jsou rychlé.

Pak přijde „ta cesta". Začneme se učit frameworky. Objevíme npm. Začneme přidávat závislosti na věci, které bychom si napsali sami v pěti řádcích. Než se nadějeme, náš jednoduchý blog vyžaduje 50 MB node_modules.

Tady je ta nepříjemná pravda: někdy píší komplexnější kód zkušení vývojáři než juniorové — ne proto, že by to potřebovali, ale protože nasbírali zvyky a předpoklady o tom, co je „nutné".

Skutečný minimalismus není o ignoranci. Je to o mistrovství.

Proč sáhnout po čistých technologiích

Než sáhnete po Reactu, Vue nebo Angular, zeptejte se sami sebe: skutečně ten projekt potřebuje framework? Statickou vstupní stránku, dokumentační web, jednoduché portfolio — to všechno se často dá postavit na čistém HTML, CSS a troše JavaScriptu.

Přemýšlejte, co získáte:

• Žádný build krok znamená rychlejší iterace
• Méně závislostí znamená menší bezpečnostní rizika
• Vaše stránka funguje, i když JavaScript selže
• Výkon se dramaticky zlepší
• Skutečně rozumíte tomu, co váš kód dělá

Toto není nostalgie. Je to pragmatismus. Web byl postaven na HTML, CSS a JavaScriptu. Tyto technologie jsou dnes výkonnější než kdy dříve. HTML5 nám dává sémantické elementy, nativní validaci formulářů a nativní práci s médii. CSS se vyvinulo v plnohodnotný programovací jazyk s proměnnými, gridem a flexboxem. JavaScript (nyní ES2024+) je skutečně schopný.

Praktický minimalismus: kde začít

Jak tedy minimalistický webový vývoj skutečně provozovat? Tady je to, co funguje:

1. Čtěte specifikace

Vím, vím. W3C specifikace nejsou zrovna ideální čtení na pláži. Ale jsou zdrojem pravdy. HTML specifikace, CSS specifikace, ECMAScript specifikace — říkají vám přesně, co prohlížeče podporují a jak. Žádný blogpost, tutoriál ani dokumentace frameworku není přesnější než specifikace samotné.

Nemusíte číst každé slovo. Pročtěte si to. Vyhledávejte. Najděte, co potřebujete.

2. Zpochybňujte každou závislost

Než napíšete npm install, položte si otázky:

• Mohu tuto funkcionalitu napsat sám v rozumném čase?
• Jakou velikost balíčku to přidá?
• Jak je tento balíček udržovaný?
• Jaká je jeho bezpečnostní historie?

To neznamená nikdy nepoužívat závislosti. Znamená to být záměrný.

3. Stavějte výkon na prvním místě

Ve Vibe Hosting od NameOcean jsme viděli nespočet projektů, kde byla optimalizace výkonu až dodatečná myšlenka. Minimální kód je automaticky rychlý kód. Vaši uživatelé to vidí. Vyhledávače to vidí.

4. Publikujte svou práci

Nic vás nepřinutí myslet na kvalitu jako odeslání něčeho skutečného do světa. Když je váš kód veřejný — ať už na GitHubu nebo živě na serveru — přemýšlíte pečlivěji o struktuře, přístupnosti a udržovatelnosti.

Otázka frameworků

Toto není výzva k tomu, abyste zapálili všechny své frameworky. React, Vue a Next.js řeší skutečné problémy ve velkém měřítku. Pokud stavíte komplexní aplikaci s spoustou dynamického stavu, framework může být skutečně správnou volbou.

Pointa je ale jiná: tu volbu proveďte vědomě. Ne proto, že „to všichni používají" nebo proto, že se bojíte „čisté" alternativy.

Závěr

Minimalismus ve webovém vývoji není o tom brát jednoduchou cestu nebo se vyhýbat moderním nástrojům. Je to o tom rozumět svému řemeslu natolik dobře, abyste věděli, co skutečně potřebujete.

Zvládněte základy. Zpochybňujte předpoklady. Pište méně kódu, který dělá více.

Vaše budoucí já (a vaši uživatelé) vám poděkují.