Přejít k navigační liště

Zdroják » Zprávičky » Renderování stránek v Gecku pod lupou (videa uvnitř)

Renderování stránek v Gecku pod lupou (videa uvnitř)

Zprávičky Webdesign

Na pomalejších počítačích nebo při pomalých připojeních snadno zahlédnete, jak se postupně webová stránka načítá a vytváří se výsledný layout. Ale co kdybyste mohli celý proces vidět do detailů? Blok po bloku.

Přesně o to se pokusil japonský vývojář Satoshi Ueyama, který na konferenci Mozilla 24 v Tokiu před dvěma lety šokoval publikum svými záběry stránek renderovaných v jádru Gecko. Při jejich sledování jste mohli mít podobný pocit jako při sledování přírodopisného filmu o kolibřících, ve kterém se pomocí zpomalené kamery můžete vidět detailní záběry, které byste jinak nikdy nespatřili.

Satoshi zveřejnil návod, jak si můžete podobné video na libovolném webu vytvořit sami (dá to trochu práce, patchování zdrojáků a kompilace prohlížeče, ale výsledek může stát za to). Všem ostatním zatím připomeneme Satoshiho videa. Zobrazované stránky pravděpodobně znáte (stránka Mozilly, Googlu, Wikipedie). Detailně si všímejte objevování nových bloků stránky a jejich postupné zasazování na správné místo na obrazovce. Při pečlivém pohledu zjistíte, že celý proces je mnohem složitější, než by se mohlo zdát; o celém procesu více pojednává článek Notes on HTML Reflow.

Komentáře

Odebírat
Upozornit na
guest
0 Komentářů
Nejstarší
Nejnovější Most Voted
Inline Feedbacks
Zobrazit všechny komentáře

Jak Reddit migroval svou funkcionalitu komentářů z Pythonu do Go

Různé
Komentáře: 0
Reddit modernizuje jednu ze svých nejdůležitějších částí infrastruktury: systém komentářů, který denně obsluhuje miliony uživatelů. Původní Pythonový monolit přestával vyhovovat nárokům na výkon a škálování, a proto se tým rozhodl přepsat celý backend komentářů do Go. Migrace probíhala postupně, s paralelním během staré a nové služby, aby nedošlo k narušení uživatelské zkušenosti. Inženýři zavedli detailní porovnávání odpovědí, izolované databáze a robustní monitoring, což umožnilo bezpečné testování na živém provozu. Celý proces ukazuje, jak lze zásadní infrastrukturní změny provést bez výpadků a s důrazem na konzistenci dat.

Vite 8 Beta přináší nový bundler Rolldown a zásadní zrychlení buildů

Vite je moderní nástroj pro vývoj webových aplikací, který klade důraz na rychlost a jednoduchou konfiguraci. Umožňuje okamžitý start dev serveru a optimalizované produkční buildy, což urychluje vývoj i nasazení. Verze 8 Beta přináší zásadní změnu díky integraci bundleru Rolldown napsaného v Rustu, který sjednocuje vývojovou a produkční pipeline. Novinka výrazně zrychluje buildy a přináší moderní optimalizace. Součástí jsou také nové funkce pro TypeScript a připravovaný Full Bundle Mode pro rychlejší dev server.