{"id":1385,"date":"2024-07-08T08:27:36","date_gmt":"2024-07-08T08:27:36","guid":{"rendered":"https:\/\/www.elitek.si\/?p=1385"},"modified":"2024-12-31T11:08:08","modified_gmt":"2024-12-31T11:08:08","slug":"kako-smo-stranki-optimizirali-hitrost-magento-spletne-trgovine","status":"publish","type":"post","link":"https:\/\/dev-webpage.elitek.si\/sl\/kako-smo-stranki-optimizirali-hitrost-magento-spletne-trgovine\/","title":{"rendered":"Kako smo stranki optimizirali hitrost Magento spletne trgovine"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

Stranka je pristopila do nas s hudimi te\u017eavami s hitrostjo svoje Magento spletne trgovine.<\/p>\n\n\n\n

Spletno trgovino je postavil drugi izvajalec, ki ni poskrbel za kakovostno izdelavo, oziroma nima dovollj znanja z optimizacijo hitrosti delovanja aplikacije.<\/p>\n\n\n\n

Potek dela:<\/h2>\n\n\n\n

Pridobili smo vse dostope bodisi do programske kode in podatkovne baze spletne trgovine. Trgovino smo postavili lokalno na lastna okolja, kjer smo lahko naredili analizo trenutnega stanja aplikacije.<\/p>\n\n\n\n

Prvo kar smo ugotovili, da ima stranka \u017ee kar zastarelo verzijo Magento platforme. V\u010dasih je preskok za veliko verzij kar zahteven postopek, sploh ker se velikokrat zahteva tudi nadgradnjo PHP verzije, ki vpliva tudi na preostale 3th party name\u0161\u010dene plugine. Z nekaj truda nam je na koncu uspelo izvesti tudi nadgradnjo Magento trgovine, nekaj name\u0161\u010denih pluginov in PHP verzije.<\/p>\n\n\n\n

S tem smo tudi poskrbeli za bistveno izbolj\u0161anje varnosti spletne trgovine.<\/p>\n\n\n\n

Po kon\u010dani nadgradni smo se lotili optimizacije hitrosti. Za re\u0161evanje performan\u010dnih te\u017eav spletnih aplikacij in Magento platforme uporabljamo BlackFire.io orodje. To orodje omogo\u010da natan\u010dno profiliranje posameznega procesa (requesta), ki se izvede na spletno trgovino, bodisi \u010das izvajanja PHP kode in izvajanje poizvedb (querijev) na bazo.<\/p>\n\n\n\n

S tem orodjem smo preverili vse glavne strani spletne trgovine in sicer naslovnico, stran kategorije, stran izdelka, ko\u0161arico in checkout.<\/p>\n\n\n\n

Na koncu smo izvedli \u0161e pregled kriti\u010dnih poizvedb \/ querijev, ki se izvajajo na bazi.<\/p>\n\n\n\n

Naslovnica<\/h2>\n\n\n\n

Pri analizi naslovnice smo ugotovili, da je najve\u010dje ozko grlo datoteka \u201cmobilemenu.phtml\u201d, ki sestavi mobilno navigacijo iz Magento kategorij in ro\u010dno definiranih povezav. Za pridobivanje kategorij iz Magenta se na podatkovno bazo izvedejo 3 identi\u010dne poizvedbe, ki uporabijo left join na tabelo core_url_rewrite. Ta konkreten left join ne uporablja definiranih indexov, ampak naredi range scan celotne tabele, kar ni optimalno in zelo upo\u010dasni poizvedbo \/ query.<\/p>\n\n\n\n

Prav tako se logika iz datoteke mobilemenu.phtml izvede vsaki\u010d ko se nalo\u017ei stran, torej na vsak request se nalo\u017ei blok ki upodobi template mobilemenu.phtml.<\/p>\n\n\n\n

Torej ta blok ne uporablja predpomnilnika (\u201cblock cache\u201d) \u010deprav bi ga lahko. Namre\u010d v prikazu navigacije  (ime kategorije in URL), se kategorije ne tako pogosto spreminjajo, zato je hranjenje v predpomnilnik \u201cblock cache\u201d kar za\u017eeljeno. S tem, ko dolo\u010den blok (.phtml) spravimo v \u201cblock cache\u201d, se le ta izvede enkrat, nato se hrani v pomnilniku (redis) do nadaljnega. S tem so vsi nadaljni requesti bistveno hitrej\u0161i.<\/p>\n\n\n\n

Z na\u0161o optimizacijo poizvedbe in uporabo predpomnilnika smo \u010das nalaganja naslovnice skraj\u0161ali za kar 98%.<\/p>\n\n\n\n

TTFB (Time to first byte) naslovnice pred optimizacijo: 16 sek
TTFB po optimizaciji: 0.22 sek<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/span>
\n
\n
\n

Imate tudi vi te\u017eave s hitrostjo va\u0161e trgovine?
Tudi vam lahko pomagamo optimizirati va\u0161o Magento spletno trgovino<\/strong>!<\/p>\n<\/div>\n\n\n\n

\n
\n
Kontaktirajte nas<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n

Stran kategorije<\/h2>\n\n\n\n

Pri analizi izvajanja strani kategorije smo ugotovili, da je ravno tako problemati\u010dna datoteka \u201cmobilemenu<\/a>.phtml\u201d, ki se o\u010ditno izvaja na vseh straneh.<\/p>\n\n\n\n

\u017de z predhodnjo optimizacijo te datoteke, smo na strani kategorije bistveno pohitrili delovanje.<\/p>\n\n\n\n

Iz 15.8 sekund smo smo \u010das izvajanja kategorije pohitrili na 0.86 sekund.<\/p>\n\n\n\n

\"\"<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Ozko grlo predstavlja tudi datoteka uaee.phtml, ki je del 3th party modula Tatvic_Uaee in se uporablja za po\u0161iljanje razli\u010dnih podatkov in dogodkov v orodje Google Analytics. Po podrobni analizi izvorne kode omenjene datoteke, smo na\u0161li glavni izvor performan\u010dnih te\u017eav in jih tudi odpravili.<\/p>\n\n\n\n

S tem smo \u0161e dodatno zmanj\u0161ali \u010das nalaganja strani kategorije za dodatnih 0.4 sekunda.<\/p>\n\n\n\n

Tako je bil TTFB po izvedeni optimizaciji strani kategorije pi\u010dlih 0.4 sekunde<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Stran izdelka<\/h2>\n\n\n\n

Tudi tukaj je optimizacija datoteke \u201cmobilemenu.phtml\u201d bistveno pripomogla k \u010dasu izvajanja strani izdelka. Pred za\u010detkom optimizacije je stran izdelka potrebovala kar 26 sekund. Po optimizaciji datoteke \u201cmobilemenu.phtml\u201d pa se je \u010das izvajanja strani izdelka zmanj\u0161al na 2.6 sekunde, ki sicer \u0161e vedno ni bilo dovolj.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Veliko ozko grlo pa predstavlja tudi stranska navigacija na strani izdelka. Namre\u010d spletna trgovina ima tudi na strani izdelka v levem stolpcu prikazano celotno kategorizacijsko drevo. Za prikaz stranske navigacije se uporablja 3th party modul \u201cCodnitive_Sidenav\u201d, ki prav tako povzro\u010da performan\u010dne te\u017eave.<\/p>\n\n\n\n

V tem primeru \u017eal zaradi na\u010dina delovanja ni bilo mogo\u010de uporabiti predpomnilnika, smo pa v izvorni kodi na\u0161li komentar ki nakazuje na to, da se izvajalec modula zaveda te\u017eave, ampak zahteva nakup “Ultra” verzije modula za bolj\u0161e delovanje.<\/p>\n\n\n\n

Po podrobnej\u0161i analizi izvorne kode modula, smo kljub vsemu na\u0161li glavni vzrok po\u010dasnega delovanja in ga tudi uspe\u0161no odpravili. S tem smo skraj\u0161ali vsako nalaganje strani izdelka \u0161e za dodatni 2,5 sekunde. Tako je kon\u010dni \u010das nalaganja strani izdelka 0.5 sekunde.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

V primerjavi z za\u010detnim stanjem smo \u010das nalaganja strani izdelka izbolj\u0161ali za 97%.<\/p>\n\n\n\n

Optimizacija poizvedb \/ querijev na podatkovno bazo<\/h2>\n\n\n\n

Pri analizi poizvedb smo zaznali konkretno poizvedbo, ki je bila glavni razlog za po\u010dasno delovanje strani. Po podrobnem pregledu smo ugotovili, da poizvedba\/query ne uporablja indeksov, zato smo opravili optimizacijo, ki je \u010das querija skraj\u0161ala iz 5 sekund na 10 milisekund. Omenjena poizvedba se je na na vsaki strani izvedla 3 krat, kar pomeni da je bilo vsako nalaganje strani zaradi le-te upo\u010dasnjeno za okvirno 15 sekund.<\/p>\n\n\n\n

Povzetek<\/h2>\n\n\n\n
 <\/td>Pred optimizacijo<\/td>Po optimizacijo<\/td>% izbolj\u0161anja<\/td><\/tr>
Naslovnica<\/td>18 sekund<\/td>0.2 sekunde<\/td>-98%<\/td><\/tr>
Stran kategorije<\/td>19 sekund<\/td>0.45 sekunde<\/td>-97%<\/td><\/tr>
Stran izdelka<\/td>26 sekund<\/td>0.5 sekunde<\/td>-97%<\/td><\/tr>
Ko\u0161arica<\/td>18 sekund<\/td>0.4 sekunde<\/td>-97%<\/td><\/tr>
Checkout<\/td>18 sekund<\/td>0.4 sekunde<\/td>-97%<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

<\/p>\n\n\n\n

Obstoje\u010da trgovina je imela velike performan\u010dne te\u017eave, saj je bilo za\u010detno stanje znatno prepo\u010dasno, kot je standard za Magento trgovino.<\/p>\n\n\n\n

Ravno tako je ta projekt vnovi\u010d pokazal, da je na tr\u017ei\u0161\u010du veliko slabo narejenih 3th party pluginov, ki lahko znatno upo\u010dasnijo delovanje va\u0161e spletne trgovine.<\/p>\n\n\n\n

Vedno predlagamo zmerno uporabo 3th party pluginov in le tam kjer je res potrebno. Po namestitvi pa je potrebno \u0161e natan\u010dno preveriti in analizirati hitrost delovanja name\u0161\u010denega plugina.<\/p>\n\n\n\n

S tem projektom smo naro\u010dniku znatno pohitrili delovanje njegove spletne trgovine.Izvedli smo tudi posodobitev Magento platforme in s tem tudi bistveno izbolj\u0161ali varnost spletne trgovine in njenih podatkov.<\/p>\n\n\n\n

\u010ce imate tudi vi te\u017eave s hitrostjo va\u0161e spletne trgovine, vas vabimo da nas kontaktirate.<\/p>\n\n\n\n

<\/span>
\n
\n
\n

Imate tudi vi te\u017eave s hitrostjo va\u0161e trgovine?
Tudi vam lahko pomagamo optimizirati va\u0161o Magento spletno trgovino<\/strong>!<\/p>\n<\/div>\n\n\n\n

\n
\n
Kontaktirajte nas<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"

Stranka je pristopila do nas s hudimi te\u017eavami s hitrostjo svoje Magento spletne trgovine. Spletno trgovino je postavil drugi izvajalec, ki ni poskrbel za kakovostno izdelavo, oziroma nima dovollj znanja z optimizacijo hitrosti delovanja aplikacije. Potek dela: Pridobili smo vse dostope bodisi do programske kode in podatkovne baze spletne trgovine. Trgovino smo postavili lokalno na […]<\/p>\n","protected":false},"author":1,"featured_media":1940,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-1385","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized-sl"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev-webpage.elitek.si\/sl\/wp-json\/wp\/v2\/posts\/1385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev-webpage.elitek.si\/sl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dev-webpage.elitek.si\/sl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dev-webpage.elitek.si\/sl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev-webpage.elitek.si\/sl\/wp-json\/wp\/v2\/comments?post=1385"}],"version-history":[{"count":26,"href":"https:\/\/dev-webpage.elitek.si\/sl\/wp-json\/wp\/v2\/posts\/1385\/revisions"}],"predecessor-version":[{"id":2068,"href":"https:\/\/dev-webpage.elitek.si\/sl\/wp-json\/wp\/v2\/posts\/1385\/revisions\/2068"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev-webpage.elitek.si\/sl\/wp-json\/wp\/v2\/media\/1940"}],"wp:attachment":[{"href":"https:\/\/dev-webpage.elitek.si\/sl\/wp-json\/wp\/v2\/media?parent=1385"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dev-webpage.elitek.si\/sl\/wp-json\/wp\/v2\/categories?post=1385"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dev-webpage.elitek.si\/sl\/wp-json\/wp\/v2\/tags?post=1385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}