JCH Optimize - zajímavá zkušenost

Dobré dopoledne. Tak mám zajímavou zkušenost s touto komponentou. Před dvěma dny jsem ji nahodil na dokončující web. Dnes ráno dělám zálohu a koukám, předchozí záloha měla 400 mega, dnešní má 1,8 giga!

Když jsem ji tedy stáhl, extrahoval na disku a procházel složky, tak jsem zjistil že složka \media\plg_jchoptimize\cache\js\ obsahuje 2509 soubor *.js o celkovém objemu 1,5 Gigia.

To je jako co?

no já bych to na web asi nedal. Zrychlilo to web?
nemáš ten web napadenej?

Nemělo by být čím ten web napadnout. Mám jen oficiální a nejnovější rozšíření.

Jako, nějaké užitečné věcičky to má, tahle komponenta. Používám to hlavně kvůli spojení CSS, protože jsem doposud nezjistil, jak si to spojit sám a ručně . . . . jako že bych to uměl moc rád. Pak zapínám Lazy Load Images,javascript asynchroně a na spodlku stránky. Nevím, cosi to zrychlí.

Možná kdybych se naučil ošefovat ty css ručně a proštudoval si, jestli by nepomohlo v rychlosti rozšíření jQuery easy, tak ybch to používat asi nemusel. Stejně mi už vypršelo předplatné

jak myslíš?

Používám to hlavně kvůli spojení CSS, protože jsem doposud nezjistil, jak si to spojit sám a ručně . . . . jako že bych to uměl moc rád.

H13 napsal:

no já bych to na web asi nedal. Zrychlilo to web?

Každopádně ty audity jsou zase jen na oko. Ještě lepšího výsledku se dá dosáhnout, když člověk přestěhuje všechny Javascripty z hlavičky dolů na konec stránky. Co se stane? Nic, vůbec nic, stránka načte úplně stejný počet knihoven, stejnou velikost kódu, stejně rychle, ale nástroj audit jako zázrakem o několik desítek procent zlepší hodnočení webu - v podstatě bez jakékoliv změny.

a jak to prestehujes? To uz hledam dlouho.

radek napsal:
a jak to prestehujes? To uz hledam dlouho.

to je právě v té komponentě.

H13 napsal:

no já bych to na web asi nedal. Zrychlilo to web?

Co se stane? Nic, vůbec nic, stránka načte úplně stejný počet knihoven, stejnou velikost kódu, stejně rychle, ale nástroj audit jako zázrakem o několik desítek procent zlepší hodnočení webu - v podstatě bez jakékoliv změny.

Podle mě se stane to, že se ty skripty načítají ve chvílí, kdy ti pomalu nabíhá stránka s texty, obrázky, fonty a styly. Takže to vypadá pro uživatele líp, že se něco děje.

To je důvod, proč mi u joomla chybí nějaký "dobře fungující" preloader. Za ten bych vraždil

No to jo, to vim, ze to je v te komponente, ale ja se neptal tebe, ale H13, protoze on psal, ze to presunuje a me by zajimalo jak, protoze z toho posledniho odstavce spis vyplyva, ze to neni pres tu komponentu (taky pise, ze by si to na web nedal).

H13 napsal: Cony
Souhlas s Lazy loadem. Když má někdo galerii a nahraje na stránku 100 obrázků a při lazy loadu se nahraje jen viditelných 6 (např.), pak je ten rozdíl hodně velkej. Ale pravděpodobně jako vše, bude to mít i své nevýhody.

Co vím, tak akorát je problém, že si obrázky nenačtou roboti, pokud se použije špatná metoda.

marvays napsal:

H13 napsal: Cony
Souhlas s Lazy loadem. Když má někdo galerii a nahraje na stránku 100 obrázků a při lazy loadu se nahraje jen viditelných 6 (např.), pak je ten rozdíl hodně velkej. Ale pravděpodobně jako vše, bude to mít i své nevýhody.

Co vím, tak akorát je problém, že si obrázky nenačtou roboti, pokud se použije špatná metoda.

Pokud si tedy mám vzít předchozí řádky k srdci, tak je na čase udělat JCH papá a zvážit něco menšího. Drtivou css si umím zrachnout sám. Pokud tedy víc souborů css nevadí, stejně tak js tak pak už je to jen o zgrabování obrázků a lazy.

Tenhle borec nemá špatné udělátka: joomla-extensions.kubik-rubik.de/llfj-lazy-load-for-joomla

H13:

Každopádně ty audity jsou zase jen na oko. Ještě lepšího výsledku se dá dosáhnout, když člověk přestěhuje všechny Javascripty z hlavičky dolů na konec stránky. Co se stane? Nic, vůbec nic, stránka načte úplně stejný počet knihoven, stejnou velikost kódu, stejně rychle, ale nástroj audit jako zázrakem o několik desítek procent zlepší hodnočení webu - v podstatě bez jakékoliv změny.

Nemáte pravdu.
Namůžete jen tak přestěhovat včechny JS do patičky.
Při optimalizaci (např. podle GTMetrix nebo Pingdom a nebo nejlépe podle Webpagespeedtest) musíte velice dobře vážit, který JS nastavíte jako async, defer == který dáte do patičky.

Je třeba si uvědomit proč se to dělá a pochopit. Dělá se to proto, aby se co nejdříve načetly informace "nad foldem" == na obrazovce viditelné, ale neztratila se funkcionalita.

A pro toto zobrazení nepotřebujete všechny JS a CSS. Ale některé ano (např. JS v případě že načítám font z Google pomocí JS - to je varianta, u které si mohu nastavit async a defer), proto když optimalizuji musím pečlivě volit co dám dolů a co ne.

Právě tohle ladění se nazývá optimalizace a díky ní se dá dosáhnout načtení Joomla webu z původní běžné instalace se šablonou od výrobce (18s) na až neuvěřitelných 1,6s při velikosti 2MB.

Jen ta optimalizace dlouho trvá )))


Plugin JCH Optimize je první a rychlou volbou pro weby, které nemají v šabloně interní komprimaci.
My jej nepoužíváme a všechny metody máme řešené přímo v šabloně (JoomlArt nebo Easy) nebo raději na serverech (pagespeed, lazzyload), které k tomuto účelu máme speciálně pro joomla weby a eshopy vytuněné.

Pokud tedy chcete něco optimalizovat na úrovni webu, doporučuji se poohlédnout po šablonách, které mají v sobě tyto věci vyřešené (JoomlArt, Gawick...), rozhodně nekupovat ty z toho portálu, myslím TemplateMonster?

Další tunění je o tom, že šáhnete do jednotlivých kódů komponent a modulů.

I Virtuemart umožňuje při zavolání svých JS použít místo false true, jen musíte vědět kde to stojí za to

Rudolf Baláš napsal: Pokud tedy chcete něco optimalizovat na úrovni webu, doporučuji se poohlédnout po šablonách, které mají v sobě tyto věci vyřešené (JoomlArt, Gawick...), rozhodně nekupovat ty z toho portálu, myslím TemplateMonster?

Co konkrétně by ta šablona měla umět? V mém případě spíš tedy template builder. Protože css si grabuju sám přes online nastroje. Ale spojovat je už není tak snadné.

Rudolf Baláš napsal: Právě tohle ladění se nazývá optimalizace a díky ní se dá dosáhnout načtení Joomla webu z původní běžné instalace se šablonou od výrobce (18s) na až neuvěřitelných 1,6s při velikosti 2MB.

Jen ta optimalizace dlouho trvá )))

No, tak já jsem na posledním připravovaném webu v polovině. Z 18 na 9. Teď jdu zrovna ladit obrázky. To odhaduji na výrazný posun dolů a následně pak budu zkoušet JCH, RokBooster nebo ScriptMerge. Moje znalosti nejsou tak daleko, abych věděl, jak přesouvat jednotlivé css a js dolů a nahoru po stránce, jak je potřeba.