Lesk a bída rychlostních srovnání frontendových frameworků

#devfestpce

Transcript

1. Lesk a bída rychlostních srovnání frontendových frameworků Boris Letocha
2. Něco o mě • Programuji přes 30 let. • Přes 19 let pracuji v Quadientu. • Po večerech pracuji na OSS (Bobril, BTDB)
3. Lesk a bída rychlostních srovnání frontendových frameworků • Ukáži známé i lepší porovnání. • Jak si vedou rozšířené i nové frameworky. • A jakých používají triků pro dosažení lepších výsledků, které by ovšem nepoužil v běžném kódu ani sám autor.
4. https://realworld.io/ • Medium.com clone – FrontEnd + Backends • Větší než známý TodoMVC http://todomvc.com/ • Lighthouse na měření výkonu • https://developers.google.com/web/tools/lighthouse/ • First Contentful Paint • First Meaningful Paint • Speed Index • First CPU Idle • Time to Interactive • Estimated Input Latency
6. Rychlost ~ „Speed Index“
8. Rychlost ~ Velikost (počet bytů)
10. Rychlost ~ Práce vývojáře Práce vývojáře ~ Počet řádků
12. Rychlost ~ Čas překleslení po akci uživatele
13. JS web frameworks benchmark – Round 8 • https://krausest.github.io/js-framework-benchmark/current.html • https://www.stefankrause.net/wp/?p=504 • https://github.com/krausest/js-framework-benchmark • Čas operací – přidej 1000 řádků tabulky, prohoď 2 řádky • https://medium.com/@localvoid/how-to-win-in-web-framework-benchmarks- 8bc31af76ce7
17. Algoritmus na změnu pořadí podle klíčů A: [a b c d e f g] B: [a b f d c g] První s prvním, poslední s posledním A: [c d e f] B: [f d c] Napříč první s posledním A: [d e] B: [d] A znovu První s prvním A: [e] B: []
18. Delegovaní událostí • Implicitní = React, Bobril, ivi • Explicitní = podvádění?
19. Delegovaní událostí - Surplus
20. Stdweb – Rust/Wasm
21. Děkuji za pozornost Otázky a odpovědi https://github.com/bobris https://twitter.com/BorisLetocha