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ší Nejvíce hlasů

Spacer.gif a tabulky v tabulkách: Jak se kdysi dělaly webové stránky

Kdo dnes napíše display: grid a za minutu má hotový třísloupcový layout, těžko si představí, jakou akrobacii to stálo před pětadvaceti lety. Webové stránky tehdy držely pohromadě vnořené tabulky, průhledné obrázky o velikosti jednoho pixelu a pevná víra, že to nikdo neotevře v jiném prohlížeči. Pojďme si připomenout, jak to fungovalo, proč to fungovalo a proč jsme s tím museli skončit.

Rust pomohl vrátit JPEG XL do Chromu. Stačí to k úspěchu na webu?

Před čtyřmi lety Google podporu JPEG XL z Chromu odstranil. Teď formát vrací s dekodérem v Rustu, který vznikl na popud vývojářů Firefoxu. AVIF přitom může nabídnout menší soubory a bezeztrátový WebP rychlejší dekódování. JPEG XL má jiné přednosti: velkou fotografii dokáže zobrazovat už během stahování a staré JPEGy zmenší bez další ztráty kvality. Vedle historie jeho návratu se podíváme na výsledky srovnání, bezeztrátovou kompresi i praktické nasazení jednotlivých formátů na webu.