Java týden Body zdarma
Využij podzimních slev a získej od nás až 40 % bodů zdarma! Více zde
Pouze tento týden sleva až 80 % na Java e-learning!

Diskuze: Uprava eshopu

Aktivity (1)
Avatar
Patrik Fafejta:3. srpna 18:04

Zdravím :) Som tu nový, neviem presne teda, či tu píšem ok, do tohoto vlákna. Ak nie tak to prehoďte, vďaka.

Potrebujem radu ohľadom zrýchlenia načítania eshopu v mobile (načítava sa za nejakých 7s****, čo je dosť dlho, cez PC je to OK). S nejakými ľuďmi čo som sa bavil aj podľa testu, ukazuje, že treba upraviť nejaké veci v css. Je to krabicový eshop. Do týchto vecí sa ja ale nevyznám.

Link na eshop môžem poslať v správe, prípadne, ak je možné ho dať aj sem, tak zverejním. Nechcem teda, aby to vyzeralo, že som si sem prišiel po spätný odkaz :) Dík za rady.

Zkusil jsem: Test webu cez https://developers.google.com/…ed/insights/?…

Chci docílit: Zrýchlenie načítania

 
Odpovědět  -1 3. srpna 18:04
Avatar
Ondřej Šrytr
Redaktor
Avatar
Ondřej Šrytr:3. srpna 20:34

Ahoj,

pokud jsi web testoval na PageSpeed Insights od Googlu, tak ti to tam přesně napíše, na čem je potřeba zapracovat.

 
Nahoru Odpovědět  +2 3. srpna 20:34
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:5. srpna 10:54

Mozna se urazis, ale tve zadani odpovida zadani typu. Mam auto v garazi. Je pokazene. Jak ho spravit. Tak si ho nech v garazi a neptej se. :)

Viz Ondřej Šrytr, ten program ma nejaky vystup. A v nem vidis, koli to zabralo casu a nejake tipy, co by se s tim dalo jeste udelat.
7s je opravdu hodne. Vetsinu casu obvykle zabere spatna logika programu pri zpracovani. Proste to della nekdo, kdo tomu nerozumi. Slo by treba o prilis velke obrazk,y prilis velky html kod, prilis velke js (jquery ma treba 200k) / css. Nemuzes ocekavat, ze velky tok dat pujde pres mobil extra rychle a ze mobilovy browser si s tim umi poradit. Zkus pro mobilni verzi pouzivat jiny css, html kod.

Samozrejme, nic z toho se neda vyloucit, potvrdit, pokud nemuzeme zkusit stejny test, coz se bez auta, stranky asi da tezko. Nebo se na to auto aspon podivat.

Editováno 5. srpna 10:54
 
Nahoru Odpovědět 5. srpna 10:54
Avatar
Odpovídá na Peter Mlich
Patrik Fafejta:5. srpna 11:38

Ahoj.

No však práve preto táto veta vyššie: "Link na eshop môžem poslať v správe, prípadne, ak je možné ho dať aj sem, tak zverejním. Nechcem teda, aby to vyzeralo, že som si sem prišiel po spätný odkaz".

Chcel som len vedieť, či by niekto na to pozrel a teda mi podľa toho vedel povedať, či je problém na strane dodávateľa krabicového eshopu, alebo na mojej strane a teda mám si zohnať niekoho, kto mi upraví to čo treba podľa výsledku.

 
Nahoru Odpovědět 5. srpna 11:38
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:5. srpna 13:59

Takovy clovek stoji i 100.000, protoze nejspis bude treba predelat cely shop. To je jednodussi si najit nejaky free, ktery funguje, jak potrebujes a predelat do nej skin a pretahnout zbozi.

 
Nahoru Odpovědět  +1 5. srpna 13:59
Avatar
Odpovídá na Peter Mlich
Patrik Fafejta:5. srpna 14:03

Rozumiem. Tak vďaka za pomoc.

 
Nahoru Odpovědět  -1 5. srpna 14:03
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:5. srpna 15:39

Jako, chapej, dokud mas auto v garazi, tak ti fakt nedokazeme rici, co by bylo nejlepsi udelat. Treba mas rachotinu, kup si nove. Treba to vicemene funguje a potrebuje vymenit celni sklo, vyfuk, co ja vim.
Dokud tady budes tancit kolem horke kaze a nedas odkaz, nejaky kod, odkaz na zip, tak se da jen tezko rici nebo neco testovat. Ja si myslim, ze davat sem odkaz na tvuj web je povolene. Jestli sbiras kliky, tak ti to moderator stejne smaze. Takze to mas jedno, ne?

 
Nahoru Odpovědět 5. srpna 15:39
Avatar
Odpovídá na Peter Mlich
Patrik Fafejta:5. srpna 16:53

No však na to som sa pýtal zrovna, či tu môžem dať rovno odkaz alebo pošlem cez súkromnú správu. Tak, keď je to OK, tak posielam teda odkaz aj s nameranými hodnotami a odporúčaniami.
Dík za Vaše rady.

https://developers.google.com/…ed/insights/?…

 
Nahoru Odpovědět 5. srpna 16:53
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
Jan Kerhart
Člen
Avatar
Odpovídá na Patrik Fafejta
Jan Kerhart:5. srpna 19:34

Samozřejmě, že odkaz poslat můžeš. Dokonce musíš, jinak ti opravdu těžko někdo může pomoct. Zpětný odkaz stejně nezískáš, protože zdejší forum přidává k odkazům atribut rel="nofollow".

Detailně to rozebrat by bylo na dlouho, ale takhle už na první pohled mi přijde, že tam je strašně moc zbytečného javascriptu. K čemu používáš třeba jQueryGeo? Je to opravdu potřeba? Nebo třeba soubor shopsun.js (asi "hlavní" javascript) má 2500 řádků a není ani minifikovaný. To opravdu vše používáš a je to nezbytné? A jestli ano, tak soubor alespoň minifikuj, už jen tím ušetříš 31 KB (40%)...

 
Nahoru Odpovědět 5. srpna 19:34
Avatar
Odpovídá na Jan Kerhart
Patrik Fafejta:5. srpna 19:52

Je to krabicový eshop od spoločnosti shopsun.cz, ich šablóna aj. Už som im aj volal, tak že sa tiež pozrú nato. Do css sa nevyznám, chcel som len od niekoho radu, že či s tým musím ja niečo robiť (a tým pádom, si niekoho zohnať na úpravu) alebo to bude problém na ich strane a mali by to upraviť oni. Vďaka za pomoc a rady.

 
Nahoru Odpovědět 5. srpna 19:52
Avatar
Jan Kerhart
Člen
Avatar
Odpovídá na Patrik Fafejta
Jan Kerhart:5. srpna 20:03

Tak v tom případě je to prakticky problém na jejich straně. Ale je to v takovém rozsahu, že to je asi na kompletní přepsání půlky eshopu, takže si nejsem jist, jestli s tím (minimálně v dohledné době) něco nadělají... Asi bych zvažoval změnu systému.

 
Nahoru Odpovědět 5. srpna 20:03
Avatar
Odpovídá na Jan Kerhart
Patrik Fafejta:5. srpna 20:35

Rozumiem. Uvidím ako sa vyjadria a ďakujem za rady.

 
Nahoru Odpovědět 5. srpna 20:35
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:6. srpna 8:41

Vzdyt ti to ten vsechno pise, co mas udelat. Podle toho je to fakt o prepsani celeho shopu.

view-source:https://www.kozmetikaeden.sk/ (kdyz si zobrazis v prohlizeci zdrojovy kod, tak vidis toto)

  • tag <script> je tam asi 10x v hlavicce
  • <li class="has-children cat26"> - to by jiste slo resit bez class ' cat26', 7x 50 polozek, uspora 350 znaku

Jinak je html kod celkem v pohode, to bych asi neresil.
Spoustu z toho se da resit, kdyz si na serveru zapnou zipovani / gzipovani (kompresi). === Povoľte kompresiu textu 4,65 s, Minifikujte súbory CSS 0,45 s, Minifikujte JavaScript
Minifikace je to, ze css a js kod se da zapsat jakymsi minimalnim zpusobem. Odstranit radky, mezery, komentare, ... V pripade js se daji nahradit jmena promenych 'mujstring', 'mojepole' za 'a', 'b', kratsi nazvy, jednopismenne. Ale, vicemene zip z toho udela totez. Navic lze vytvorit zipove balicky a neposilat soubor po souboru, coz by resilo treba ty tag script v hlavicce. A nebo je spojit do jednoho souboru. Kdyz se odesila soubor po souboru, tak se do prenosu tlaci asi 1k hlavicka, nejake info. Moderni prenosy souboru posilaji vetsi balicky, kde ta hlavicka je asi 20%. Ale musis prenest cely soubor. Coz ale v pripade 10 obrazku 2k je 20k balicek noveho formatu, 30k ve starem. 30% uspora. Melo by to jit prave nastavit na tom serveru s tim zipovanim. Zipovani je zase dobre na text/css/html/js, tam uspori az 70%.

Odstráňte zdroje blokujúce vykreslenie 6,41 s
Tim je mysleno to, ze kdyz si ve firefox pustis vyvojarske nastroje - sit (ctrl+shift+e) a das F5 refresh stranky, tak ti ukazuje, ktery sloubor jak dlouho nacita. Celkem katastrofalne dopadlo nacitani z cizich stranek
howsmyssl.com, facebook-sdk, google

Odstráňte nepoužívané šablóny CSS 3 s
Tezko rici. Na strance nemas asi classy, ktere jsou v nekterych css, ktere pridavas do te uvodni stranky. Ale to se muze jednat treba o fb-sdk a nebo styly, ktere vyuzivas jinde. A ze to je 3s, spis souvisi prave s externimi strankami. Takze bych se snazil eliminovat externi zdroje a volat je jen, kdyz je fakt pouzivas. Treba popularni fb sdk, potrebujes nutne ukazovat uzivateluv avatar, ze je nalogovany? Nestaci to az na strance, kdyz klikne na tlacitko "komentovat"? Navic bych to asi kesoval, zobrazoval falesne prihlaseni, ikdyz se v druhem okne odhlasi a az kdyz provede akci, tak overil, zda je realne prihlaseny.

Zobrazujte obrázky vo formátoch ďalšej generácie 0,45 s
Nove existuje format AV1 a lepsi. Ty vetsinou znamenaji 30% snizeni velikosti obrazku ve velmi podobne kvalite. A protoze se google (a ostatni brobsery) na tom podili, tak jasne bude propagovat a nutit ti to :) Jako, pohomohlo by to.

Mno, a nic z toho, jako BFU asi nevyresis. Takze nevim, zda melo smysl se s tim trapit :) Asi nejvetsi prinos by melo mit to zipovani, mozna kesovani a to muzou resit spravci serveru.



Príležitosti / Odhadovaná úspora
Odstráňte zdroje blokujúce vykreslenie 6,41 s
Povoľte kompresiu textu 4,65 s
Odstráňte nepoužívané šablóny CSS 3 s
Minifikujte súbory CSS 0,45 s
Zobrazujte obrázky vo formátoch ďalšej generácie 0,45 s
Minifikujte JavaScript

DiagnostikaĎalšie informácie o výkonnosti vašej aplikácie
Zaistite, aby text zostal počas načítania webfontov viditeľný
Zobrazujte statické podklady s účinnými pravidlami ukladania do vyrovnávacej pamäte Našlo sa 85 zdrojov
Nepoužívajte nadmerne veľký prvok DOM 1 594 prvkov
Minimalizujte prácu hlavného vlákna 2,3 s
Minimalizujte hĺbku podstatných žiadostí Našlo sa 20 reťazcov
Keep request counts low and transfer sizes small 105 requests • 1 523 KB

astavte primeranú veľkosť obrázkov
Upozornenia: Invalid image sizing information https://www.kozmetikaeden.sk/…lupa-top.png
Potenciálna úspora: 15 KB
Oddiaľte načítanie obrázkov mimo obrazovky
Účinne zakódujte obrázky
Nastavte predbežné pripojenie k požadovaným zdrojom
Časy odozvy servera sú krátke (TTFB) Hlavný dokument trval 320 ms
Vyhnite sa viacnásobným presmerovaniam stránky
Predbežne načítavajte kľúčové žiadosti
Pre animovaný obsah použite formáty videa
Zabráni nadmerným sieťovým prenosom dát Celková veľkosť bola 1 523 KB
Značky a merania trvania aktivít používateľov
Čas spustenia JavaScriptu 0,8 s

 
Nahoru Odpovědět  +1 6. srpna 8:41
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:6. srpna 8:47

Jo, mne osobne se treba ten shop vubec nelibi. Ale to by spis resilo forum o hodnoceni webu.
Grafika. Ztucnovani a odkazy uprostred textu, neoddeleni sekci, skryta dulezita menu.
Ja si chci neco koupit. Takze bych ocekaval, ze vsechny kategorie zbozi budou dostupne. Na 600px sirce okna nevidim Liceni, Vlasy a zbytek menu. A ono se to tam vejde jako prouzek, bez problemu. Takze neco asi selhalo pri navrhu stranek. Nekdo si nerozmyslel, co kdy chce mit a mozna ani nevi moznosti. Ten shop to asi umoznuje, kdo vi. Mozna je to spatna sablona, css...

 
Nahoru Odpovědět  +1 6. srpna 8:47
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 15 zpráv z 15.