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

Zdroják » Zprávičky » Zlepšení výkonu Mozilly pomocí pozdního vytváření rámů

Zlepšení výkonu Mozilly pomocí pozdního vytváření rámů

Na blogu Mozilla Hacks vyšel článek Better performance with Lazy Frame Construction. V článku je popisována nová technika pozdního („líného“) vytváření rámů pro elementy ve zobrazovaném dokumentu (rámy odpovídají zhruba „boxům“, známým z CSS, a určují velikost a umístění prvku). V současnosti se vytvoří pro každý element odpovídající rám ve chvíli přidání elementu do DOM stromu. Pomocí postupu, který popisuje odkazovaný článek, lze např. pomocí skriptů vytvořit několik desítek tisíc elementů naráz, a jejich „zarámování“ nechat až na konec a provést je najednou.

Článek udává téměř dvojnásobné zrychlení při vytváření velkého počtu elementů. Při nastavování absolutní pozice prvku je zrychlení ještě vyšší – článek uvádí příklad vytvoření dvou tisíc absolutně pozicovaných DIVů, které bez pozdního rámování trvalo téměř pět sekund (každý prvek se musel při vytvoření správně umístit), při použití uvedeného postupu trvala operace neuvěřitelných 130ms.

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.