DE{CODE}: 6 trucuri pentru dezvoltatori WooCommerce pentru construirea de site-uri web rapide de comerț electronic

Pe lângă vânzări, viteza site-ului este poate cea mai importantă măsură pentru site-urile dvs. de comerț electronic. De ce? Site-urile rapide de comerț electronic obțin mai mult trafic, au rate de conversie mai mari, rate de respingere mai mici și generează mai mulți vizitatori care revin. În această sesiune, WP Engine Senior Product Manager Jeremy Benoit și Engineering Manager Catherine Kelly explorează trucuri pentru dezvoltatori, funcții WP Engine și alte instrumente pentru a vă face magazinul WooCommerce și mai rapid.

Diapozitive de sesiune

Transcriere text integral

JEREMY BENOIT : Bună, tuturor și bine ați venit la DE{CODE} 2022. Aceasta este piesa de comerț electronic. Sunt Jeremy Benoit, manager senior de produs cu WP Engine și suntem aici pentru a vorbi despre șase sfaturi pentru a îmbunătăți performanța WooCommerce. Mi se va alătura astăzi colega mea, Catherine Kelly și să începem.

Așa că voi începe prin a împărtăși o cotație de la unul dintre inginerii noștri de software, Chris Weigman. Și după cum a spus el, potrivit Google, 53% dintre utilizatori vor părăsi un site dacă viteza de încărcare a unei pagini durează mai mult de trei secunde. Asta înseamnă că ai la dispoziție exact trei secunde pentru a le obține toate datele de pe pagina respectivă a produsului, toate imaginile pe care le-ai trimis, toate informațiile despre el, toate micile widget-uri și reclame și vă va arăta un pic de ce am" Vorbesc astăzi despre viteză, deoarece viteza experienței de cumpărător este crucială.

Viteza paginii este timpul de încărcare a unei singure pagini și poate fi măsurată în mai multe moduri. Două modalități critice sunt Time To First Byte, care este folosit de Google PageSpeed ​​Insights, sau Time To Full Page Load sau Last Byte, care este adesea o reflectare a experienței cumpărătorilor. Viteza paginii afectează, de asemenea, ratele de conversie de pe site-ul dvs. de cumpărături și, de asemenea, va afecta SEO site-ului dvs. de comerț electronic.

O piesă critică de viteză este găzduirea excelentă pentru calitatea experienței dvs. de cumpărător. Pe platforma optimizată de calcul a WP Engine, oferim o experiență de comerț electronic îmbunătățită pentru o performanță îmbunătățită pentru tot conținutul dvs. de cumpărături, static sau dinamic. Și vom vorbi despre aceste două tipuri diferite de conținut aici într-o secundă, în timp ce vom începe cele 6 sfaturi și trucuri. Acum o voi preda colegului meu, Catherine.

CATHERINE KELLY : Noroc. Mulțumesc pentru asta, Jeremy. Astăzi vom acoperi șase sfaturi în legătură cu WooCommerce, configurarea acestuia și crearea unui magazin de comerț electronic. Pentru unii dintre voi, dezvoltatorii experimentați, aceste sfaturi și sfaturi vă vor fi destul de familiare, dar pentru unii dintre dezvoltatorii mai noi este posibil să obțineți câteva informații utile.

Așa că astăzi vom acoperi WooCommerce și stocarea în cache, optimizarea media, optimizarea căutării, fragmentele de coș Ajax, tabelul de comenzi personalizate și viteza fără cap. Deci, pentru primul pe care îl vom acoperi este WooCommerce și stocarea în cache. Înainte de a intra în asta, vrem să înțelegem care sunt diferitele opțiuni pe care le aveți în legătură cu stocarea în cache, ce este aceasta și apoi putem aborda modul în care vom aduce îmbunătățiri.

Deci, memorarea în cache poate da impresia că este un Sfânt Graal în raport cu problemele de performanță. Când, de fapt, memorarea în cache a fost creată inițial nu în raport cu performanța, dar era într-adevăr ca computerele să aibă un răspuns automat la aceeași solicitare din nou și din nou, mai degrabă decât să fie nevoite să o recalculeze de fiecare dată. Memorarea în cache este o tehnică care este utilizată pentru a stoca temporar un răspuns la o solicitare și apoi pentru a furniza același răspuns exact la aceeași cerere către aceeași resursă la un moment ulterior în timp.

Așa că este un pic ca unul dintre acei copii enervanti – copilul tău enervant care ți-ar pune aceeași întrebare din nou și din nou, în fiecare zi, cum ar fi de ce, de ce, de ce și vrei doar să dai un răspuns automat. Și acest lucru poate funcționa foarte bine și atunci când difuzați informații statice pentru site-uri statice, oferiți întotdeauna același răspuns. Cu toate acestea, această abordare nu funcționează prea bine în ceea ce privește comerțul electronic, pentru că aruncă o cheie în lucru, deoarece cererile care sunt transmise serverului de fiecare dată nu vor fi întotdeauna aceleași și trebuie să gestionează și controlează în legătură cu cărucioarele, solicitări diferite de la diferiți utilizatori în același timp.

De asemenea, doriți să vă amintiți tranzacțiile anterioare pe care le aveți în legătură cu clienții dvs., ce se află în coșul lor, doriți să vă amintiți ce nu mai este disponibil în magazinul dvs., astfel încât coșul să reflecte cu exactitate ceea ce este servit utilizatorului respectiv. De asemenea, doriți să vă asigurați, în ceea ce privește stocarea în cache, că nu oferiți un coș care este legat de clientul A către clientul B și că ei pot vedea de fapt ce comandă altcineva, de fapt, scurgând informații, ceea ce nu doriți. . Există un echilibru finit pe care îl puteți avea în legătură cu stocarea în cache a dvs., ceea ce este destul de dificil de oferit atunci când încercați să oferiți o notă personală clienților dvs., astfel încât aceștia să rămână implicați pe site-ul dvs. Deci, diferitele niveluri și tipuri de cache pe care le avem – un cache de server.

Și cache-ul serverului este, în general, ca orice alt cache. Practic, este memoria cache care se află pe serverul dvs. în ceea ce privește momentul în care construiți pagina și o serviți la o anumită solicitare. Când stai chiar lângă acel server și faci o cerere, răspunsul tău poate fi instantaneu. Cu toate acestea, atunci când vă aflați la 1.000 de kilometri distanță, cum ar fi persoana sau utilizatorul dvs. de comerț electronic, acel răspuns poate dura mult timp pentru a-l atinge.

Apoi aveți memoria cache a aplicației. Și cache-ul aplicației în WordPress și WooCommerce, puteți folosi plug-in-uri pentru a le gestiona. plug-in-uri precum W3 Total Cache, WP Rocket au toate opțiuni pentru gestionarea cache-ului în aplicație, iar aceste plug-in-uri stochează practic o versiune temporară a unei pagini solicitate și un fișier pe serverele lor. Acest lucru poate fi – totuși, acesta poate fi o modalitate foarte ineficientă de stocare în cache și nu ar trebui utilizat dacă aveți capacitatea de a stoca în cache fie pe serverul însuși, fie într-un serviciu precum domeniile accelerate sau Cloudflare, care distribuie memoria cache la nivel global.

Apoi aveți cache în browser. Și memoria cache a browserului este practic memoria cache a utilizatorului final. Ați experimentat vreodată, de exemplu, ceva pe un site pe care l-ați actualizat și nu vedeți automat asta în front-end atunci când vă dezvoltați și revizuiți site-ul? Acest lucru se datorează faptului că a fost stocat în cache în browserul respectiv. Este practic o versiune temporară a acelei pagini sau activ stocat în browserul utilizatorului dvs. pe computer sau pe telefon.

Este acolo, astfel încât să nu trebuie să descărcați aceeași pagină sau un activ de mai multe ori pentru a accelera afișarea acelei pagini, care funcționează, din nou, destul de bine atunci când aveți un site static. Dar când aveți un site dinamic, cum ar fi un site de comerț electronic, încercăm întotdeauna să oferim produse, descrieri și informații. Poate fi – nu este atât de eficient pe cât ți-ai dori.

Apoi aveți ceea ce este cunoscut sub numele de cache CDN proxy. Un cache CDN proxy este un cache care se află între serverul dvs. de origine – deci acesta este serverul care dezvoltă și prezintă prima pagină originală crescută – și browserul propriu-zis al utilizatorului. Sunt domenii accelerate și Cloudflare este un tip de CDN proxy. Și toate cererile și răspunsurile trec prin domeniile lor înainte de a atinge serverul original.

Este, în esență, un grup de servere care sunt plasate strategic pe tot globul, cu scopul de a accelera livrarea unui conținut static pentru utilizatorii dvs. Așa că este aproape ca și cum ar sta chiar lângă serverul de servire original când sunt la 1.000 de mile distanță. Deci accelerează difuzarea acelei pagini. Și odată ce activele dvs. statice sunt stocate în cache pe toate serverele edge dintr-o anumită locație, toți vizitatorii și solicitările ulterioare de informații statice sunt livrate de la ceea ce se numește serverele dvs. edge, în locul serverului original, reducând astfel încărcarea și accelerând performanța. și îmbunătățirea scalabilității.

Deci, totul funcționează foarte bine în general în ceea ce privește site-urile statice, așa cum am menționat. Dar cache-urile de comerț electronic au pus o cheie în lucru. Și comerțul electronic – motivul pentru care există o cheie în lucru este în legătură cu paginile tale conectate, coșurile tale, cumpărăturile tale, listele de dorințe, care se actualizează dinamic tot timpul. Deci, nu sunt statice așa cum ați avea nevoie pe site-ul normal, de exemplu, de blogging.

În general, puteți stoca în cache cererea GET. Și cu solicitări GET, sau așa cum sugerează și numele, o solicitare pentru a obține o resursă. Chiar dacă solicitările GET sunt adesea sigure pentru a stoca în cache, așa cum s-a menționat, nu doriți să memorați din nou în cache pagina de autentificare, cărucioarele și comenzile. Doriți să le serviți clientului întotdeauna cât mai proaspete și noi posibil, astfel încât să fie la zi și exacte.

Deci nu doriți să livrați ceva din cărucior și să nu scrieți - nu îl scrieți cu cache. În general, când aveți ceva în coș, majoritatea serverelor vor ocoli complet memoria cache. Astfel, ați revenit la problema că îl serviți de pe serverul original, mai degrabă decât de pe CDN. Deci, ceea ce trebuie să faci este să fii inteligent în privința asta și să-ți dai seama, OK, cum pot servi elemente statice de la furnizorul meu CDN, dar să aplic întotdeauna dinamica de pe serverul meu original real, astfel încât totul să fie actualizat și precis?

Așadar, lucrurile la care trebuie să acordați atenție – pentru cache-ul serverului, deoarece serverul generează pagina web, cache-ul serverului îi permite să-și amintească părți ale paginii pe întreaga pagină care nu sunt generate de la zero de fiecare dată. Și cu memorarea în cache a browserului, acest lucru ajută browserul să-și amintească cum arată o pagină web, astfel încât să nu fie nevoit să petreacă timp schimbând date cu serverul. Și acest lucru este util, după cum am menționat, pentru vizitatorii care accesează mai multe pagini, deoarece pot exista fișiere statice. De exemplu, StyleSheets, fișierele JavaScript pot fi stocate în browser.

Deci, pentru cele mai bune practici în ceea ce privește stocarea în cache, memorați întotdeauna HTML în cache selectiv. Practic, ca prim nivel, memorează totul în cache pentru a acționa ca un anonim static – pentru un conținut anonim static. Și apoi căutați să ocoliți memoria cache pe cookie-uri și să salvați în cache tot ceea ce este în coșul dvs., în lista de dorințe, folosind un cookie pentru a ocoli anumite elemente ale memoriei cache. Și întotdeauna setați-vă memoria cache de vârstă, timpul de viață, cu el în ceea ce privește configurația Cloudflare. Acest lucru ar trebui să vă asigure că memoria cache este întotdeauna actualizată și se potrivește cu originea inițială.

Deci, unul dintre lucrurile pe care le înțelegem din discuțiile cu clienții noștri de comerț electronic este că aceasta este o problemă pe care, în general, dezvoltatorii trebuie să o rezolve singuri. Deci, ca parte a dezvoltării noastre în WP Engine, lucrăm de fapt la o soluție specifică comerțului electronic, care permite, în mod implicit, furnizarea și instalarea WooCommerce cu toate aceste reguli de stocare în cache setate în mod implicit. Așa că memorăm în cache toate elementele statice și apoi nu stocăm în cache toate lucrurile dinamice, astfel încât să fie mereu proaspete. Este întotdeauna reîmprospătat continuu pentru tine. Și astfel, nu aveți conflicte precum fragmentarea coșului pentru utilizatorii dvs.

Optimizarea media – un alt lucru care este esențial în ceea ce privește livrarea conținutului de pe serverul dvs. către utilizatorul final, care se află pe site-ul dvs. de comerț electronic, este legat de optimizarea media. Primul lucru la care trebuie să vă gândiți este ce este optimizarea media? Ce putem face în privința asta? Și cum ne putem asigura că clienții au o experiență rapidă, eficientă și dinamică atunci când navighează și utilizează site-ul lor?

Deci, în ceea ce privește imaginile și videoclipurile, acestea necesită diferite tipuri de optimizare, din nou, pentru a oferi clienților tăi o experiență optimă, în funcție de dispozitivul pe care îl folosesc de fapt. Deci, optimizarea media este un proces de utilizare a celor mai bune instrumente, strategii avansate și experimente, pentru că întotdeauna doriți să experimentați pentru a oferi performanța unui site de comerț electronic. Vrei optimizarea activelor. Acesta caută să găsească echilibrul între eficiență și fiabilitate.

Așadar, doriți să livrați întotdeauna conținutul pentru clientul dvs. în cel mai rapid mod posibil, care nu ajunge să dăuneze performanței site-ului dvs. Doriți să difuzați cel mai bine conținut în cel mai scurt timp, luând în considerare diferitele platforme și active pe care media poate fi consumată, de exemplu, un laptop, un computer sau un dispozitiv mobil și, așa cum noi treceți în lumea fără cap, a mai multor tipuri diferite de dispozitive, cum ar fi ecrane TV, iPad-uri și chestii de genul acesta, unde conținutul poate fi livrat și de la un magazin de comerț electronic și consumat.

Deci, ceea ce doriți să vă gândiți este să îmbunătățiți optimizarea imaginii pentru a îmbunătăți web-ul – performanța site-ului dvs. pentru a genera mai mult trafic, pentru a crește acele conversii, pentru a crește veniturile pentru proprietarul magazinului, pentru marca sau comerciantul dvs. Și unul dintre cele mai critice aspecte ale optimizării site-ului web, are un impact asupra căutării și optimizării. Deci, dacă imaginile și videoclipurile dvs. sunt rapide și rapide, obțineți de fapt o evaluare mai bună în ceea ce privește optimizarea pentru motoarele de căutare.

Optimizarea activelor nu numai că le face pe cele – produsele tale mai atractive și mai vizibile pentru potențialii clienți, ci le face și să apară mai des în căutare, din nou, în optimizarea pentru motoarele de căutare. Lucrurile cheie de reținut este să vă uitați la încărcarea leneșă pentru imagini și videoclipuri. Încărcarea leneră este în principiu o strategie de identificare a resurselor neblocante sau necritice și de a le încărca numai atunci când este necesar. Așadar, conținutul, practic deasupra foldului, este încărcat și afișat utilizatorului ca prioritate, apoi amânăm tot restul randării pentru tot ce este sub acest ecran, deci tot ce derulează în jos.

Această tehnică de optimizare permite afișarea întâi – primele imagini și conținut pe care utilizatorul le va vedea. Și apoi nu irosim resurse descarcând lucruri pe care nu le vor vedea și nu le vor vedea încă. Google însuși recomandă încărcarea leneșă și se referă la aceasta ca amânarea imaginilor în afara ecranului, practic. Și apoi aș spune să nu te obosi să-l încărcați.

Puteți, în calitate de dezvoltator, să etichetați manual fiecare dintre imaginile dvs., dacă doriți, sau videoclipul dvs. ca încărcat leneș. Dar, după cum vă puteți imagina pentru un site de comerț electronic, a face asta ar fi un efort destul de mare. Și, de asemenea, dacă nu vă simțiți confortabil să etichetați manual fiecare dintre acele imagini, puteți utiliza un plug-in pentru a face acest lucru. Dacă aveți o căutare rapidă în Google pentru cele mai bune plug-in-uri de încărcare pentru WordPress, există câteva recomandări acolo pentru cele mai bune plug-in-uri de utilizat.

Dar pentru noi și în comerțul electronic, am recomanda să le lipim, de exemplu, în WP Rocket. Oferă optimizarea Adobe lazy loading. De asemenea, lucrurile pe care doriți să le luați în considerare este să vă amintiți întotdeauna utilizatorii de telefonie mobilă. Ecranele și performanța lor sunt mai mici, astfel încât nu trebuie să încărcați imagini masive. Vrei să reducă asta.

Doriți să utilizați compresia pentru toate imaginile dvs., deoarece aceasta va economisi enorm, 40%, din lățimea de bandă și, de asemenea, evident că încărcarea acelui ecran și format de fișier este cheia pentru imagini. De exemplu, deoarece există imagini de 600 pe 600 în JPEG este de 100 kiloocteți, PNG este 216, în timp ce un WebP are doar 56 kiloocteți. Așa că doriți să fiți foarte atenți când luați în considerare, OK, care este formatul de fișier pe care îl voi folosi pentru toate aceste imagini care vor fi difuzate? În special de pe un site de comerț electronic, aș putea avea mii de produse, mii de imagini și sute de videoclipuri pentru a face copii de rezervă pentru acele imagini și conținutul respectiv.

Vrei să-ți redimensionezi întotdeauna imaginile. Puteți să vă uitați la instrumente online precum Imagify, Youoptimizer, TinyJPG și să vă uitați la cele pentru optimizarea imaginilor dvs. în WordPress. Imagify este realizat de aceeași echipă ca WP Rocket și este un plug-in foarte intuitiv care comprimă imaginile automat folosind trei tipuri diferite de niveluri – normal, agresiv și ultra. Și vă permite să personalizați dimensiunea imaginii care este potrivită pentru utilizatorii dvs. finali.

Acordați atenție, de asemenea, dimensiunilor miniaturilor. Păstrează-le mici, pentru că oricum sunt mici. Păstrați fundalurile simple. Utilizați instrumente precum remove.bg și Slazenger pentru a elimina fundalurile și actualizați fundalurile pentru a le simplifica. Și, de asemenea, utilizați un CDN pentru livrare globală mai rapidă. Întotdeauna, de asemenea, cu imaginile dvs., atașați întotdeauna etichete utile alternative acelor imagini.

Acest lucru ajută la SEO, optimizarea motoarelor de căutare. Și asigurați-vă întotdeauna că etichetele reflectă într-adevăr conținutul imaginii sau al videoclipului. În calitate de dezvoltatori, uneori putem face abrevieri precum RDHD sau pur și simplu putem face o bandă Y. Știm că este o pălărie roșie cu o bandă galbenă. Dar SEO nu ar ști că este, așa că încercați să fiți mai real sau limbaj în ceea ce privește prezentarea imaginii.

Deci și optimizarea video, folosiți instrumente de compresie a datelor. Din nou, amintiți-vă utilizatorii de telefonie mobilă. Convertiți totul, dacă este posibil, în formate HTML5. Pentru orice videoclip care nu are sunet, eliminați complet sunetul. Nu are rost să-l ai pentru că doar consumă lățime de bandă. Utilizați din nou rețelele de livrare de conținut. Specificați site-urile dvs. video și, din nou, de asemenea, în ceea ce privește încărcarea leneră, amânați întotdeauna încărcarea acelor imagini până când pagina dvs. este complet descărcată.

Optimizarea pentru motoarele de căutare – după cum știm, optimizarea căutării este, practic, o metodă a ceea ce numim transferul căutării dvs. către un anumit furnizor de servicii care sunt experți în asta, deoarece pot crește eficacitatea căutării dvs. și, astfel, vă pot crește vânzările pentru comerciant și utilizator. După cum știm în mod implicit, WooCommerce vine cu o funcție de căutare încorporată. Dar lasă mult de dorit în ceea ce privește funcționalitatea potrivirilor pentru atributele produselor, câmpurile personalizate și descrierile. Este foarte lent. Nu oferă o experiență bună pentru utilizator. Și la sfârșitul zilei, este foarte ineficient.

Dacă faceți o căutare pentru– o căutare de produs în ceea ce privește WooCommerce, este o caracteristică comună în ceea ce privește, fie că nu funcționează atât de eficient pe cât doriți. Într-adevăr, ceea ce vrei să faci este să ai o funcție de căutare care are o toleranță puternică la erori, astfel încât să nu întrerupă călătoria clientului. Doriți ca aceștia să poată avea o completare automată puternică a interogărilor și să o aibă într-o procesare în limbaj natural pentru rezultate mai bune, toate acestea lipsind din căutarea WooCommerce.

De asemenea, doriți să aveți o funcție de analiză cuprinzătoare pentru îmbunătățiri ușoare ale raportării, astfel încât să puteți vedea și să vedeți efectiv eficiența căutării dvs. pe care le-ați construit în ceea ce privește răspunsurile la aceasta, ce caută clienții dvs., cât de bine se potrivește asta în ceea ce privește produsele și apoi ce modificări puteți face în configurație pentru a ajuta cu adevărat acest lucru? Practic, ajută-ți clientul să găsească mai repede ceea ce caută.

Și deci ce putem face? După cum am menționat, ceea ce facem este pentru a reduce frecarea în experiența de căutare și pentru a ajuta clienții să găsească ceea ce își doresc, folosim descărcarea de căutare. Deci este un proces efectuat practic de o terță parte. Îmbunătățește capacitatea de căutare WooCommerce, deoarece este integrat cu Woo. În principiu, are widget-uri pentru filtrarea după cum doriți. Oferă rezultate utilizatorilor, ceea ce poate ajuta la îmbunătățirea încrederii în brand.

Are sugestie automată și puteți configura și personaliza ponderarea. Puteți oferi clienților rezultate – rezultate personalizate. Puteți avea căutare automată instantanee și analize de căutare, așa cum am menționat, ceea ce este esențial. Nu are rost să faci o căutare dacă nu poți analiza căutarea pentru a vedea cât de eficientă este. Și, de asemenea, ajută la reglarea fină a integrării SEO pentru a se asigura că clienții pot găsi ceea ce își doresc. Când caută pe Google, merg pe acest site în funcție de ceea ce cauți.

De asemenea, ajută la descoperirea intenției clienților și dezvăluie date despre interesele clienților. Ce caută ei? Ce caută să cumpere? Ce îi atrage pe site-ul tău? Ce caută ei?

Recomandarea noastră în privința căutării este să căutați completarea automată. Deci, faceți sugestii în legătură cu asta. Și să aveți întotdeauna activată corectarea erorilor. Deci, dacă cineva a introdus ceva incorect în legătură cu un produs, încercați să nu vă amintiți asta. Încercați să vă amintiți întotdeauna ortografia sau descrierea corectă în legătură cu un produs. Niciodată, când ați activat căutarea pe site-ul dvs., nu permiteți unui utilizator să ajungă într-o fundătură.

Aveți întotdeauna o pagină. Chiar dacă caută ceva care nu se află pe site-ul dvs., direcționați-i către o pagină care spune că momentan nu putem găsi acel anumit produs. Vă rugăm să contactați departamentul nostru de vânzări și așa mai departe și vă putem ajuta să faceți asta. Aceasta este o experiență mai bună pentru acel utilizator și ar genera, de asemenea, încredere cu acel client.

Optimizați întotdeauna. Pe măsură ce faceți cercetări analitice bazate pe ceea ce caută clienții, optimizați-vă în raport cu acești termeni, astfel încât atunci când alți clienți revin să-i caute, să îi poată descoperi efectiv. Folosiți etichete, titluri și descrieri pentru toate produsele dvs. Ele sunt pâinea și untul căutării tale.

Așadar, asigurați-vă că toate datele dvs. sunt corecte, reflectă ceea ce este produsul și descrieți întotdeauna cât mai mult posibil produse individuale care se află pe un anumit site de comerciant. Configurați căutarea pentru mobil. Și căutarea pe mobil este puțin diferită de căutarea pe laptop în ceea ce privește site-ul web, să spunem. Doar asigurați-vă că ați configurat și activat acest lucru în căutarea dvs. Și referiți-vă întotdeauna la analizele dvs.

În ceea ce privește WP Engine, am încheiat un parteneriat cu ElasticPress pentru o ofertă pentru, practic, ceea ce credem a fi un plug-in de căutare premium care este automat implicit și instalat ca parte a ofertei noastre de comerț electronic. Oferă toate sugestiile automate, ponderarea, rezultatele clienților și multe altele.

Și acum sunt oarecum complet cu cele trei sfaturi ale mele în legătură cu sfaturi, îndrumări pentru WooCommerce și o să-i dau înapoi lui Jeremy. Deci iată, Jeremy. Mulțumesc.

JEREMY BENOIT: O altă zonă de privit este fragmentul de cărucior AJAX. Fragmentul de cărucior AJAX este o bucată de cod dorită. Este cunoscut pentru că generează întârzieri, provoacă vârfuri de server și rulează inutil. Dar este fragmentul de cărucior AJAX într-adevăr atât de rău?

Ei bine, scopul său este de a actualiza coșul cu produse noi, prețuri de produse noi, cantități de produse noi, calcula prețul fără a forța o reîncărcare a paginii. Totuși, scriptul agentului de fragmente de coș rulează pe fiecare pagină – pagina principală, pagina produsului și chiar paginile în care nu există acțiuni de adăugare în coș. Aceasta ar putea fi pagina ta despre noi sau chiar pagina ta de contact.

Acum, această rulare sau această execuție este adesea vinovată pentru, uneori, vârfurile serverului sau resursele inutile care sunt utilizate care întrerup performanța site-ului dvs. și experiența cumpărătorului dvs. Acum, în mod ideal, fragmentul de coș AJAX ar trebui să ruleze numai acolo unde aveți o acțiune de adăugare în coș sau dacă aveți un coș dinamic pe site-ul dvs. unde o acțiune poate fi utilizată pentru a deschide sau a interacționa dinamic cu coșul. Deci, ce se poate face cu fragmentul de cărucior AJAX?

Ei bine, cel mai adesea, oamenii sugerează, așa cum facem noi, să dezactivați acel fragment de cărucior și există două moduri de a dezactiva fragmentul de cărucior AJAX. R, doriți să adăugați un plug-in care are o capacitate de dezactivare a fragmentelor de coș. Există destul de multe plug-in-uri care vă pot dezactiva fragmentul de coș. Dar celălalt mijloc este, dacă sunteți familiarizat cu editarea php, puteți dezactiva fragmentarea coșului prin editarea fișierului functions.php al temei dvs.

Există unele riscuri. Unele widget-uri de coș pot întâmpina probleme atunci când ați dezactivat fragmentul de coș. Așa că doriți să testați widget-urile coșului după ce le dezactivați pentru a vă asigura că funcționează așa cum doriți.

Acum următorul truc sau sfat este să utilizați tabelul de comenzi personalizat odată ce este lansat. S-ar putea să întrebi, ce vrei să spui? Ei bine, mai târziu, în acest – în DE{CODE}, veți auzi de la WooCommerce despre noul tabel de comenzi personalizat care va fi lansat mai târziu în acest an. Și tabelul WooCommerce este: tabelul comenzilor are o dilemă de structură. Mulți dintre voi știți, acesta este adesea indicat drept motivul unei scale slabe. Dar poate fi, de asemenea, o problemă pentru viteză atunci când relaționați cu interacțiunile care se ocupă de produse sau interacțiunile care se ocupă de comenzi și, uneori, chiar și de date de plug-in.

În acest moment, WooCommerce folosește metatabelul post care stochează o varietate de entități de date, inclusiv comenzi și produse, și unele date adăugate de plug-in și, de fiecare dată când există un apel pentru oricare dintre aceste entități, toate ating aceeași sursă. Așa că vă puteți imagina că ameliorarea acestui blocaj prin crearea de tabele de comenzi personalizate va adăuga o integritate structurală WooCommerce a unui adevărat motor de comerț electronic și va îmbunătăți viteza oricărui tip de activitate de comandă. Acesta va fi un suport excelent, mai ales pentru site-urile care au trafic mare și volum mare de comenzi, sau chiar site-uri care au un catalog de produse foarte mare.

Având aceste trei tipuri diferite de tabele, noi tabele de bază pentru informațiile de bază ale comenzii, noi tabele de plug-in pentru datele de plug-in în mod specific și noi tabele meta pentru orice tip de metadate personalizate pe care un dezvoltator trebuie să le stocheze, care va ușura blocajul pe care îl are anterior și în prezent meta tabelul de post pentru interacțiunile comenzilor dvs. Vor exista, de asemenea, indecși dedicati acestor tabele, care vor ajuta la viteza de recuperare a acelor entități specifice din fiecare dintre acele tabele. Și veți afla mai multe despre tabelul de comenzi personalizat mai târziu în DE{CODE}.

Deci, să aruncăm o privire la a treia îmbunătățire, viteza fără cap. Așadar, acest sfat este să mergeți fără cap, deoarece fără cap, stiva fără cap, crește viteza cu ordine de mărime. Codul JavaScript din partea frontală a infrastructurii dvs. fără cap va fi mult mai rapid și, în unele cazuri, de 10 ori mai rapid decât infrastructura tradițională WordPress. Avem chiar și clienți în infrastructura noastră Atlas care înregistrează creșteri de șase ori în toate valorile Lighthouse.

Și la WP Engine, avem o infrastructură fără cap numită Atlas. Această infrastructură permite – are, de asemenea, o componentă numită motorul nostru de conținut, care crește foarte mult viteza de recuperare a tuturor tipurilor de conținut static și dinamic în instanța dvs. WooCommerce. Infrastructurile headless vă permit, de asemenea, să personalizați integrările back-end și creează oportunități de optimizări fulgerătoare cu acele aplicații terță parte cu care site-ul dvs. WooCommerce trebuie să se integreze. Și acesta este ultimul meu sfat pentru azi.