Existuje vůbec rychlá single page aplikace?

7. 1. 2020 18:17:11

Napsal TomášX;1562875
react si udržuje v paměti celý strom komponent a jejich props, při každé změně komponenty invaliduje všechny děti (musí u nich znovu proběhnout render) a rekurzivně zjistí změny v element tree a props a podle tohle udělá update DOMu. Pokud mám na stránce velké množství komponent (řádky tabulky) a k nim data, tohle je obrovská brzda. U knockout naopak dokážu implicitně o změně říct a nemusím mít v pozadí setInterval funkci, která detekuje pořád dokola změny, jak to dělá react. Angular na tom je ještě hůře. Na web to většinou nevadí, na stránky s hodně údaji to není ono.

nechapu, react taky reaguje jen na zmeny statu o kterych mu reknes, takze tam asi zadny setInterval neni ne? S tim drzenim domu mas pravdu, to ma zas jiny vyhody/nevyhody... to ej asi zbytecny probirat, kdyz mas neco senzitivniho na rychlost kresleni tak si muzes sahat do dmou sam a nemusis to nechat obstaravat react a pritom jinak vyuzivat veskerych vyhod reactu, takze tady je to zas spis o tom, co komu vyhovuje a co umi, nez o necem jinem, protoze kdyz v tom fakt umis, umis to udelat rychly a optimalizovat tam kde to ma smysl...

7. 1. 2020 18:17:11

https://webtrh.cz/diskuse/existuje-vubec-rychla-single-page-aplikace/strana/2#reply1431901

petrx

(8 hodnocení)

7. 1. 2020 18:20:37

Napsal Aleš Jiříček;1562878
1) mam uplne jinou zkusenost (par let JS delam), ale pro me za me, vidim to hodne ze strany vyvojare kde to je jak nebe a dudy s jinejma technologiema, i kdyz stejne, single page maj fakt uplne jinej feeling, vsechno fakt frci, zadnej benchmark co jen natvrdo meri pozadavky na server ti nenahradi to jakej mas z ty aplikace pocit, kdyz ji pouzivas.../QUOTE]
Prosím tedy o odkaz na takovou rychlou SPA

Napsal Aleš Jiříček;1562878
2) objemnej javascript neni 1MB, fakt ne... To zaprve a za druhe jde o to co ta aplikace dela, ne o velikost programu, pokud bude paralelne zpracvavat dvacet veci, tak muze mit treba 1kB a zadnej min vykonej mobil si stejne neskrtne a naopak, to fakt pouzivas naprosto spatnou metriku...
Prosím tedy o odkaz na takovou rychlou SPA

7. 1. 2020 18:20:37

https://webtrh.cz/diskuse/existuje-vubec-rychla-single-page-aplikace/strana/2#reply1431900

(22 hodnocení)

7. 1. 2020 18:20:37

daka stranka ktora kombinuje bootstrap + vue (alebo react, angular) ? chcel by som vidiet realnu rychlost.. uz davno sa chcem k tomu dokopat, ale nikdy neni cas..

7. 1. 2020 18:20:37

https://webtrh.cz/diskuse/existuje-vubec-rychla-single-page-aplikace/strana/2#reply1431899

petrx

(8 hodnocení)

7. 1. 2020 18:23:50

Napsal node;1562866
davnejsie som robil http://www.jaskac.sk/ js tam mas 50kb(vue), css 20kb(a to je k tomu foundation a nie optimalizovane css). najviac tam robia obrazky(tie som neriesil). spa nie je problem ak ide o web a nie aplikaciu kde toho js bude skratka aj na megabajty.

Web se mi líbí, ale méně se mi líbí tohle:

WebPageTest Test Result - Dulles : www.jaskac.sk

7. 1. 2020 18:23:50

https://webtrh.cz/diskuse/existuje-vubec-rychla-single-page-aplikace/strana/2#reply1431898

(20 hodnocení)

7. 1. 2020 18:25:23

Napsal petrx;1562883
Napsal Aleš Jiříček;1562878
1) mam uplne jinou zkusenost (par let JS delam), ale pro me za me, vidim to hodne ze strany vyvojare kde to je jak nebe a dudy s jinejma technologiema, i kdyz stejne, single page maj fakt uplne jinej feeling, vsechno fakt frci, zadnej benchmark co jen natvrdo meri pozadavky na server ti nenahradi to jakej mas z ty aplikace pocit, kdyz ji pouzivas.../QUOTE]
Prosím tedy o odkaz na takovou rychlou SPA

Prosím tedy o odkaz na takovou rychlou SPA
dal sem ti ho :) nelibilo seti ze ma mego... me prijde bleskova, v nehorsim pripade stejne rychla jako jakakoliv jina stranka bez JS, ale z pohledu yvojare se vsema vyhodama JS... tobe prijde pomala?

7. 1. 2020 18:25:23

https://webtrh.cz/diskuse/existuje-vubec-rychla-single-page-aplikace/strana/2#reply1431897

petrx

(8 hodnocení)

7. 1. 2020 18:27:33

Napsal Aleš Jiříček;1562886
Napsal petrx;1562883
dal sem ti ho :) nelibilo seti ze ma mego... me prijde bleskova, v nehorsim pripade stejne rychla jako jakakoliv jina stranka bez JS, ale z pohledu yvojare se vsema vyhodama JS... tobe prijde pomala?
Na obyčejném smartphonu je pomalá:
WebPageTest Test Result - Dulles : dominikt.now.sh/ - 01/07/20 16:47:58
-- HTML se načte za 0,1 sekundy, ale stránka se na mobilu zobrazí až za 1,8 sekundy :-(

7. 1. 2020 18:27:33

https://webtrh.cz/diskuse/existuje-vubec-rychla-single-page-aplikace/strana/2#reply1431896

(20 hodnocení)

7. 1. 2020 18:31:03

hele vyzkousel sem par beznych webu, vetsina se zobrazi na obycejnym mobilu za 2k zhruba za 2 sekundy... Jaka primerene slozita stranka to tak nema? posli odkaz...

7. 1. 2020 18:31:03

https://webtrh.cz/diskuse/existuje-vubec-rychla-single-page-aplikace/strana/2#reply1431895

petrx

(8 hodnocení)

7. 1. 2020 18:34:10

Napsal Aleš Jiříček;1562889
hele vyzkousel sem par beznych webu, vetsina se zobrazi na obycejnym mobilu za 2k zhruba za 2 sekundy... Jaka primerene slozita stranka to tak nema? posli odkaz...

www.sexystranky.cz (Native AMP)

7. 1. 2020 18:34:10

https://webtrh.cz/diskuse/existuje-vubec-rychla-single-page-aplikace/strana/2#reply1431894

Pablo74

7. 1. 2020 18:35:12

A tenhle výsledek je na tom podle tebe jak? https://webpagetest.org/result/200107_1V_a908592e333ffbe0f882f8f848f1c940/

Není to ale nijak optimalizovaný; obyčejná SPA psaná v Quasar Frameworku (založen na VueJS).

edit: tenhle test je na mobilu Moto G4, ať je to srovnatelný s ostatníma testama v tomhle vláknu

WebPageTest Test Result - Dulles : 90-brno-mhd.netlify.com/ - 01/07/20 18:10:08

7. 1. 2020 18:35:12

https://webtrh.cz/diskuse/existuje-vubec-rychla-single-page-aplikace/strana/2#reply1431893

(20 hodnocení)

7. 1. 2020 18:36:23

petrx: takze AMP, neboli tvrde optimalizovana stranka pro mobily s hodne hodne velkejma omezenima - a tudiz i vyvojovyma omezenima - se ma srovnavat s fullblown plnohodnotnou aplikaci jo? tvl... navic ten AMP si v tom reactu napises taky, kdyz bdues chtit :) jen se to musi generovat server-side... ale to je fuk...

Proste kazdej pristup se hodi na neco :) single page je urcite minimalne stejen rychelj jako jiny bezny pristupy... AMP hold je specialne optimalizovanej an mobily tak bude logicky rychlejsi... Ale zas dostanes na oplatku nutnost delat jiny kompromisy... Hold zvol to nejlepsi pro tvuj konkretni projekt, ono to tak ma byt :)

7. 1. 2020 18:36:23

https://webtrh.cz/diskuse/existuje-vubec-rychla-single-page-aplikace/strana/2#reply1431892

TomasX

(4 hodnocení)

7. 1. 2020 18:40:17

Napsal Aleš Jiříček;1562881
nechapu, react taky reaguje jen na zmeny statu o kterych mu reknes, takze tam asi zadny setInterval neni ne? S tim drzenim domu mas pravdu, to ma zas jiny vyhody/nevyhody... to ej asi zbytecny probirat, kdyz mas neco senzitivniho na rychlost kresleni tak si muzes sahat do dmou sam a nemusis to nechat obstaravat react a pritom jinak vyuzivat veskerych vyhod reactu, takze tady je to zas spis o tom, co komu vyhovuje a co umi, nez o necem jinem, protoze kdyz v tom fakt umis, umis to udelat rychly a optimalizovat tam kde to ma smysl...

ne tak úplně, stejně musí vše rekurzivně procházet strom, obezlička s přepsáním shouldComponentUpdate není vždy ideální. Každopádně pro tuhle diskuzi to nemá smysl dál rozebírat, nic není perfektní pro každou situaci a ač react je super, na některé okrajové případy se nehodí. V administracích máme často na klientu nataženo desítky tisíc položek (on jak uživatel několik hodin aplikaci používá, cache se rychle naplní) a je škoda je zahazovat pokud jsou pořád validní, pak jsou ale vidět znatelné lagy na stránce a cpu je dost vytížené, naštěstí člověk má možnost volby podle situace :).

7. 1. 2020 18:40:17

https://webtrh.cz/diskuse/existuje-vubec-rychla-single-page-aplikace/strana/2#reply1431891

(20 hodnocení)

7. 1. 2020 18:44:57

TomasX: jo souhlas, jedna technologie se nikdy nemuze hodit na vse... Kdybych mel neco narocnyho na hodne moc velkej pocet DOM objektu, tak taky sahnu jinam a musel jsem sahnout, ale to se stava spis v administracich apod., frontendy malokdy...

7. 1. 2020 18:44:57

https://webtrh.cz/diskuse/existuje-vubec-rychla-single-page-aplikace/strana/2#reply1431890

petrx

(8 hodnocení)

7. 1. 2020 19:08:31

Napsal Pablo74;1562892
A tenhle výsledek je na tom podle tebe jak? https://webpagetest.org/result/200107_1V_a908592e333ffbe0f882f8f848f1c940/
Není to ale nijak optimalizovaný; obyčejná SPA psaná v Quasar Frameworku (založen na VueJS).

Díky, zkusím to v mobilu, protokol zde:

WebPageTest - Running web page performance and optimization tests...

A sakra, First Contentful Paint za 2.530 sekund :-(

---------- Post added 07.01.2020 at 19:11 ----------

Napsal Aleš Jiříček;1562893
petrx: takze AMP, neboli tvrde optimalizovana stranka pro mobily s hodne hodne velkejma omezenima - a tudiz i vyvojovyma omezenima

Interaktivní obsah se může načítat v

Napsal Aleš Jiříček;1562893
- se ma srovnavat s fullblown plnohodnotnou aplikaci jo?

Teď řeším firemní web (takový spíše microsite), které dodavatel vytvořil jako SPA a je to pomalé a je to pomalé úplně zbytečně, protože v HTML by ten web o nic nepřišel.

7. 1. 2020 19:08:31

https://webtrh.cz/diskuse/existuje-vubec-rychla-single-page-aplikace/strana/2#reply1431889

Oleg

(53 hodnocení)

7. 1. 2020 20:39:45

Napsal petrx;1562865
https://webpagetest.org/result/200107_3W_f042315920b7405a6dcc54d44ab5b7d1/
-- HTML se načte za 0,1 sekundy, ale stránka se na mobilu zobrazí až za 1,8 sekundy :-(
To je zajímavé, ale zrychlí to načtení a zobrazení stránky?
Díky, to je také zajímavé, existuje nějaká SPA, která to doopravdy používá?

Ano, zrychli. Vyzkousej to.

Chci rici, ze ne vsude je treba cpat zbytecne React/Angular apod.

Pouzivas SSR nebo CSR? V tom je taky velky rozdil. A na jake infrastrukture?

Nevidim smysl zatim pouzivat u obycejnych webu neco jako PWA. Staci jednoduche minimaliaticke CSS fw, vlastni JS, jednoducha struktura html. Nepotrebujes AMP.

Rychlost u webu je predevsim v slozitosti stromu DOM. Nepouzivanim spravne cache, cdnek, nepouzivanim (nebo spravnem nastaveni) h2 server push, nativniho/vynuceneho lazy loadingu, preplacanosti css (nacitani neceho co neni treba pro danou stranku) a js, prefetch/preload, optimalizaci obrazku (webp/jpg/png). Je tam proste bambilion faktoru a kazdy projekt by se mel posuzovat individualne a produkcni appky, opravovat na zaklade analyzy.

Taky na kazdem webu neni treba se hnat za score 100/100 podle PSI.

Ty mas nejaky problem s nejakym webem, ktery nevis jak vyresit?

7. 1. 2020 20:39:45

https://webtrh.cz/diskuse/existuje-vubec-rychla-single-page-aplikace/strana/2#reply1431888

Jan Horák (Gransy)

(22 hodnocení)

7. 1. 2020 20:55:33

Magic Mouse 2 a nedam na ni dopustit

7. 1. 2020 20:55:33

https://webtrh.cz/diskuse/existuje-vubec-rychla-single-page-aplikace/strana/2#reply1431887