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ů

WebSocket: Jak dostat webovou aplikaci do reálného času

Chat, živé notifikace, společná úprava dokumentu nebo průběžně aktualizované kurzy. Uživatelé dnes čekají, že se webová aplikace změní ve chvíli, kdy se změní data, a ne až po stisknutí klávesy F5. Protokol WebSocket je nejrozšířenější způsob, jak mezi prohlížečem a serverem vytvořit trvalý obousměrný kanál. V článku se podíváme, jak funguje pod kapotou, jak ho použít v prohlížeči i na serveru a na co si dát pozor při nasazení do produkce.

Zahoďte knihovny: dropdowny, tooltipy a přechody stránek jen s HTML a CSS

Rozbalovací menu, tooltip, modální okno a plynulý přechod mezi stránkami. Ještě nedávno čtyři důvody, proč do projektu přidat několik knihoven a desítky kilobajtů JavaScriptu. V roce 2026 už to všechno zvládne prohlížeč sám. Ukážeme si, jak na to s Popover API, CSS anchor positioningem a View Transitions, a také kde mají své limity.

Rok po Shai-Hulud: co se změnilo na npm a co musíte udělat do ledna

Před rokem začal registrem npm procházet samošířící červ Shai-Hulud. Od té doby se útoky na dodavatelský řetězec JavaScriptu staly pravidelnou záležitostí a npm postupně přepisuje pravidla publikování. Projdeme, co se za ten rok stalo, jak dnes bezpečně publikovat balíček, co musíte stihnout do ledna 2027 a jak se bránit jako uživatel balíčků.