Diskuze: Uprava eshopu
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Člen

Zobrazeno 15 zpráv z 15.
//= Settings::TRACKING_CODE_B ?> //= Settings::TRACKING_CODE ?>
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Ahoj,
pokud jsi web testoval na PageSpeed Insights od Googlu, tak ti to tam přesně napíše, na čem je potřeba zapracovat.
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.
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.
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.
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?
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.
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%)...
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.
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.
Rozumiem. Uvidím ako sa vyjadria a ďakujem za rady.
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)
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
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...
Zobrazeno 15 zpráv z 15.