Înapoi

Cum optimizez PrestaShop?

Pentru a avea un site care se afișează rapid și, prin urmare, să vândă optim, trebuie să îndepliniți 3 condiții:

- server ale cărui componente sunt la vârf de tehnologie: NVMe SSD 3D

- combinație specială de software de server (know-how-ul nostru)

- site-ul web optimizat minim care folosește PHP7, Prestashop este foarte rapid pe serverele noastre în formă nativă, asigurați-vă că temele și modulele personalizate nu degradează performanța...

Utilizați browserul Chrome, care este cu adevărat mai rapid decât Firefox

Confirmăm că serverele noastre sunt foarte bine optimizate pentru Prestashop, iar un site de comparație web furnizor de găzduire face testul zilnic al serverelor noastre, ieșim în top 3, vezi linkul Aici


Pentru Prestashop, celemai bune performanțe se obțin cu ramura7 din PHP
- Opcache este deja activat implicit la nivel de server cu versiunile compatibile PHP
Verificați compatibilitatea temei și a modulelor/pluginurilor...

CMS Prestashop

Citiți articolul nostru despre impactul vitezei site-ului web asupra performanței sale generale

Prestashop Secțiunea de performanță admin:
Tip cache în partea de sus: 'File system' este foarte eficient cu NVMe SSD în cele mai recente versiuni Prestashop, sau 'MySQL' (câştigul va depinde de site-ul dvs., va trebui să testaţi), în caz contrar folosiţi Opcache.
Lăsați activat dacă este posibil: dezactivați toate supraîncărcările
CCC: În mod normal, este recomandat să lăsați totul activat și să le dezactivați pe cele care cauzează probleme precum /ex: „cod de reducere html” și „mutați javascript până la sfârșit”.
În secțiunea „Performanță” de administrator Prestashop, în partea  de jos a paginii, lăsați toate cache-urile dezactivate, deoarece nu oferă rezultate mai bune

Odată ce dezvoltarea dvs. este terminată, nu uitați să dezactivați: „Forțați compilarea la fiecare apel” 

A sti, a testa:
https://dh42.com/free-Prestashop-modules/Prestashop-Opcache-manger-module/
Vă permite doar să vizualizați efectul Opcache
https://jpresta.com/fr/accueil/1-page-cache.html 
Permite optimizare personalizată....
 

Cum simulați corect realitatea experienței unui vizitator pe site-ul dvs.?

Vă recomandăm aceste site-uri de testare online în ordinea relevanței:

Pentru a citi mai multe instrumente

NB:

- Cele mai importante criterii sunt „First byte time”, indicele de viteză și mai ales „Start Render”, dat pe site-ul webpagetest.org
- Pagespeed insights este cel mai prost instrument de scor online, deoarece este incomplet și incorect

- Site-urile de testare nu văd compresia noastră Gzip

Știți că testarea online a unui site web bazat doar pe pagina de start este departe de a fi o evaluare completă? iată de ce...

Un vizitator nu este in general descurajat pentru ca site-ul tau se incarca intre 3-5 secunde la prima incarcare, (daca sunt 10 secunde chiar prea mult), vizitatorul tau va beneficia de o viteza mai mare pentru urmatoarele pagini vizitate de pe serverele noastre, datorita setarilor activate implicit pentru cache la nivelul browserului vizitatorului, adica in restul paginilor vor fi trimise de pe serverul vizitat doar noile elemente vizitate. din memoria cache a browserului său (imbatabilă ca viteză)...
Doar testarea paginii de start vă permite să comparați viteza între 2 servicii găzduire web, dar și să vedeți gradul de optimizare a paginii de start sau a celei testate... (Am văzut multe site-uri fără probleme pe pagina de start, în timp ce pe paginile de categorii și produse au apărut probleme mari, legate de module neoptimizate sau prost proiectate...)

Așadar, dacă folosești un site de testare online, trebuie să faci 3 teste pentru a vedea fie viteza a 2 servere, fie optimizarea unei pagini a site-ului tău: home page, 1 pagină categorie, 1 pagină produs.
Rețineți că:
- site-urile de testare online își șterg, de obicei, memoria cache la fiecare solicitare, astfel încât aceasta încă nu va reprezenta realitatea exactă a experienței unui utilizator
- mai mult de 50% dintre vizitatori ajung pe site-ul dvs. pe o pagină care nu este pagina dvs. de pornire...

Pentru a simula realitatea experienței unui utilizator, va trebui să o faceți de pe computer, instalând pluginul Chrome numit Apptelemetry (veți avea un contor afișat în dreapta barei URL): https://chrome.google.com/webstore/search/apptelemetry
Curățați-vă memoria cache și vizitați-vă site-ul accesând fiecare tip de pagină și vedeți timpii de încărcare din a doua pagină vizitată...
Utilizați „Inspectați elemente” cu butonul drept al mouse-ului în Chrome sau „Inspectați elementul” în Firefox, consultați fila „Performanță”, activați înregistrarea. Acum navigați pe site-ul dvs. pentru a obține cascada și, eventual, identificați elementele care ar fi problematice...

Pentru un test avansat, simulat, cu vizitatori reali, vă recomandăm acest serviciu unic:
https://www.userlynx.com/


1. Prestashop vine cu o cantitate bună de module activate, dintre care vei folosi doar 40% în medie...

Prin urmare, va trebui să le dezactivați pe cele pe care nu le veți folosi unul câte unul, odată ce ați instalat doar tema (pentru că aceasta adaugă module).
Faceți clic pe Da pentru: „Dezactivați toate supraîncărcările”, în secțiunea Performanță (Acest lucru poate să nu fie potrivit pentru toate site-urile din cauza unor module/teme specifice)


Foarte important:
Retestați la fiecare pas de optimizare/acțiune (adăugați/eliminați/activați pluginuri) pentru a identifica cu ușurință ce acțiune a cauzat o îmbunătățire sau o degradare a performanței. Fără această răbdare, și observația necesară, va fi mult mai dificil să cauți acul în carul de fân dacă nu ai un anumit nivel de expertiză.

Cheia pentru a începe cu succes această optimizare nu este doar dezactivarea/dezinstalarea modulelor, ci mai presus de toate eliminarea hook-ului acestor module din hook_header, pe lângă cel în care ar trebui să fie afișate...
Dimensiunea unei pagini, cu excepția paginii de pornire, nu trebuie să depășească 3 MB...

Un exemplu de test cu webpagetest.org pe un site destul de bine optimizat:

https://www.biwi-shop.com

Optimizare Prestashop

 

Un alt site cu rezultate bune: https://www.ctechnik.com

Optimizare Prestashop

Iată scorul site-ului nostru, a cărui optimizare este maximizată în funcție de constrângerile noastre tehnice și de alegerea conținutului:
https://www.yoorshop.hosting/images/webpagetest-yoorshop.JPG

„Timpul primului octet” include încărcarea inițială și aproape simultană a numeroase elemente (fără memoria cache anterioară pe partea finală a vizitatorului):
- rezolutie initiala DNS
- configurarea conexiunii inițiale SSL atunci când site-ul este în SSL (vezi punctul nostru 9 cu descărcarea SSL pentru a reduce această întârziere)
- încărcarea inițială a site-ului care include CMS Prestashop

Toate cache-urile serverului și ale site-ului web se vor asigura că următoarele pagini vizitate vor fi văzute mult mai rapid...

„Start render” și „Speed ​​​​index” sunt foarte importante (din momentul în care sunt afișate elementele).
Ref: https://blog.dareboost.com/fr/2015/07/start-render-visually-complete-speedindex/

Este absolut normal să vezi un scor N/A sau D pentru compresia imaginii, depinde de imaginile tale, iar compresia trebuie făcută de tine în amonte, și nu de serverul care nu le poate comprima semnificativ...

Studiați, de asemenea, rezultatele „cascadei”, dar și activați „profilarea de depanare” în Prestashop pentru mai multe detalii!

Pentru „cascada”, amintiți-vă că puteți face acest test mai precis de pe propriul computer folosind funcția „Inspectați elementul” din browser, consultați fila „rețea”

2. Modulele interne de statistică încetinesc mult Prestashop, este maibine să utilizați pur și simplu modulul Google Analytics sau statcounter

3. Având un furnizor de găzduirebun precum YOORshop, serverele noastre sunt puternice și eficiente (servere SSD + Nginx și litespeed + http2) și sunt configurate cu diverse optimizatoare care contribuie în mod natural la o performanță bună. Procesatorul alocat contului dumneavoastră joacă și el un rol important (prețul ofertelor noastre este proporțional cu procesorul)

4. Verificați execuția corectă a JavaScript-ului și a diferitelor module (categorii, glisoare) și la sfârșitul paginii dvs. (activați „Execute Js at end” în Performanță). Am văzut deja că funcția nu funcționează corect cu anumite module, testați diferențele prin dezactivarea acestora și verificați codul dacă este necesar... sau „cascada” testului online: http://www.webpagetest.org/ 

5. De asemenea, amintiți-vă să testați/activați gratuit Cloudflare de pe cPanel și să evaluați dacă există un câștig pentru site-ul dvs. (mai întâi trebuie să vă optimizați dacă nu este, este esențial cu sau fără cloudflare!), interesant în mod normal pentru site-uri cu mult conținut și foarte util doar dacă piața țintă este situată pe continente îndepărtate....
(Testele ar trebui să dureze cel puțin 3 zile până când Cloudflare a stocat suficiente cereri în cache)
Pentru un site SSL și o performanță mai bună, cel mai puțin costisitor este: https://www.keycdn.com/?a=31796 

6. Periodic, curățați baza de date
https://support.yoorshop.hosting/knowledgebase/1295/Optimizarea-bazelor-de-date.html

7. Fiți în 50-100% SSL și beneficiați de viteza protocolului HTTP2:
https://support.yoorshop.hosting/knowledgebase/1551/Cum-instalez-un-certificat-SSL.html

8. Optimizare cu PageSpeed
https://support.yoorshop.hosting/knowledgebase/3242/Optimizarea-cu-PageSpeed.html

9. Oferim funcția „Descărcare SSL”, care reduce timpul de încărcare la prima conexiune (dacă site-ul dvs. afișează o eroare, aceasta înseamnă că este incompatibil cu această caracteristică). Pentru a-l activa/testa, din cPanel, în partea de jos, pictograma Nginx Manager, alegeți domeniul dvs., apoi „Setări generale”, faceți clic pe „activat” pentru linia de descărcare SSL, apoi mai jos în dreapta, salvați făcând clic pe butonul din secțiunea „Salvare setări”.