Evitarea dezastrelor CMS: Cum să îmbunătățiți performanța site-ului

Nimănui nu-i place să... așteptați... așteptați ... asteapta …

A avea un site care funcționează ca un super-erou digital este un imperativ de afaceri, mai ales atunci când faci o primă impresie cu un potențial client care cercetează organizația ta.

Următoarele statistici de performanță a site-ului ar trebui să provoace teamă în inima fiecărui dezvoltator și inginer de site, ca să nu mai vorbim de echipa de marketing a mărcii:

• Unul din doi utilizatori va abandona un site dacă durează mai mult de patru secunde pentru a se încărca. Sursa: BBC.
• O întârziere de o secundă duce la o scădere cu 16% a satisfacției utilizatorilor. Sursa: LoadStorm.
• Cincizeci și trei la sută din vizitele pe site-ul mobil sunt abandonate dacă paginile durează mai mult de trei secunde pentru a se încărca. Sursa: Google.

Poate ați observat performanță slabă a site-ului când verificați valorile de performanță Core Web Vitals de la Google, dar nu sunteți sigur cum să remediați acest lucru?

Când afacerea dvs. este pe linie, nu vă puteți permite să trimiteți noi afaceri în altă parte și să vă pătați marca prin sistemul dvs. de management al conținutului (CMS) să ofere o experiență digitală slabă.

Mai jos diagnosticăm cinci vinovați obișnuiți de încetinire și cum să îmbunătățim performanța site-ului folosind un CMS agil precum WordPress VIP.

În primul rând, ce se întâmplă de fapt când încărcați o aplicație web?

Este o cerere mare pentru orice browser, care trebuie să treacă imediat în viteză, efectuând o serie întreagă de acțiuni în milisecunde. Iată mozilla de curtoazie slabă:

1. Browserul merge la serverul DNS și găsește adresa reală a serverului pe care locuiește site-ul.
2. Browserul trimite un mesaj de solicitare HTTP către server, cerându-i să trimită o copie a site-ului web clientului. Acest mesaj și toate celelalte date trimise între client și server sunt trimise prin conexiunea dvs. la internet folosind TCP/IP.
3. Dacă serverul aprobă cererea clientului, serverul îi trimite clientului un mesaj „200 OK”, ceea ce înseamnă „Desigur că poți să te uiți la acel site! Iată-l." Apoi începe să trimită fișierele site-ului web către browser ca o serie de bucăți mici numite pachete de date.
4. Browserul asamblează micile bucăți într-o pagină web completă și vi le afișează.

Notă: Desigur, nu este la fel de ușor ca toate acestea. Există o multitudine de pași mai mici între fiecare dintre aceștia. Deocamdată, să analizăm cinci motive cheie pentru care se întâmplă „încetinerea” și modul în care CMS-ul nostru VIP WordPress le atenuează.

Deci, ce cauzează o experiență de navigare lentă?

Vinovatul 1. Lipsa PoP-urilor și CDN-urilor

Mai mult ca sigur, afacerea ta este globală. Acest lucru crește provocarea logistică de a asigura conexiuni rapide, consistente și stabile pentru utilizatori pe o varietate de tipuri de conexiune pe o varietate de dispozitive.

Deci, ce înseamnă acest lucru pentru aplicația dvs.?

Când o solicitare de rețea este inițiată de la Pasul 2 de mai sus, cererea trece prin mai multe hopuri de rețea. Un hop este un termen de rețea de computere care se referă la numărul de routere prin care trece un pachet, de la sursă până la destinație.

Ca o consecință a acestor salturi de la locația geografică a unui utilizator la serverul dvs., poate fi adăugat timp experimentat de utilizatorii dvs. în timpul încărcării. Acest lucru poate fi atenuat prin difuzarea conținutului mai aproape de vizitatorul dvs., printr-o rețea de livrare a conținutului (CDN) și puncte de prezență (PoPs).

Răspunsul WordPress VIP :

CDN-ul WordPress VIP este o rețea globală de PoP-uri de margine și de origine care servesc site-ul dvs. clienților globali, cât mai rapid, eficient și fiabil posibil. Această disponibilitate localizată are loc automat de îndată ce serverele noastre edge sunt notificate cu privire la conținut nou din aplicația dvs. Aceasta înseamnă că nu există nicio configurație suplimentară care să fie gestionată de echipa ta, uşurându-i să se concentreze pe alte sarcini.

Vinovatul 2. Media neoptimizate

Acele imagini de înaltă calitate pe care toată lumea le filmează astăzi cu cele mai recente dispozitive mobile sunt destul de frumoase! Adică, până când sunt folosite ca miniaturi pe pagina ta de pornire.

Adăugarea unei imagini 4K și limitarea acesteia la un container de 100×100 pixeli înseamnă că utilizatorii dvs. trebuie să încarce întreaga imagine 4K. O singură imagine nu este de care să vă îngrijorați, dar pentru companiile care publică conținut la scară, încărcarea paginii poate exploda cu ușurință exponențial cu cât mai multe articole populează o pagină de index.

Răspunsul WordPress VIP :

Aplicațiile de pe WordPress VIP primesc automat toate beneficiile imaginilor din cache și redimensionarea automată a imaginilor pe imaginile încărcate. În plus, imaginile pot fi redimensionate din mers.

Vinovatul 3. Javascript și CSS neoptimizate

Când încărcați fișiere mari, fiecare bit și fiecare solicitare contează. Dacă ați optimizat deja numărul de salturi de rețea efectuate pentru a descărca un fișier, cea mai mare cantitate de timp necesară unui fișier pentru a ajunge este pentru deschiderea și închiderea cererilor.

Pentru a rezolva acest lucru, dezvoltarea modernă Javascript și CSS utilizează adesea minificarea și concatenarea.

Minificarea se referă la eliminarea tuturor caracterelor inutile dintr-un fișier, în mod normal toate spațiile albe inutile. Scopul aici este de a reduce numărul total de biți transferați.
Concatenarea este actul de a lipi mai multe fișiere împreună pentru a produce un fișier mai mare. Scopul aici este reducerea numărului de solicitări de rețea.

Răspunsul WordPress VIP :

WordPress VIP concatenează automat fișierele JavaScript și CSS pentru a reduce numărul de solicitări care apar la încărcarea unei singure pagini. Fișierele CSS sunt reduse, precum și concatenate. Creditul revine pluginului nostru open-source ales.

Fișierele reduse și concatenate sunt apoi stocate în cache timp de 15 zile sau până când este detectată o modificare.

Vinovatul 4. Utilizarea slabă a memoriei cache

Cache-urile sunt stocare temporară specială pentru a accelera lucrurile. Ceea ce accelerează depinde de tipul de cache.

Dacă nu utilizați o formă de stocare în cache, este posibil să afectați serios viteza de răspuns a paginii dvs. atunci când aplicația dvs. este încărcată.

Răspunsul WordPress VIP :

WordPress VIP folosește mai multe tipuri diferite de cache:

• Cache de obiecte — folosită pentru stocarea datelor la nivel de aplicație. Acest lucru ajută la preluarea rapidă și eficientă a datelor fără a vă afecta baza de date. Pe scurt, cache-ul obiectelor împiedică calculele extinse și/sau interogările să ocupe timp valoros de conectare.
• Cache de interogări — stocarea în memorie ușoară a interogărilor bazei de date. În WordPress, orice interogare de postare care utilizează API-ul WP_Query beneficiază foarte mult de această formă de stocare în cache.
• Cache de pagină — stocare pentru o pagină complet desenată, stocată în fiecare locație PoP de margine. Acesta este primul nivel de cache pe care îl întâlnesc majoritatea utilizatorilor care vă vizitează aplicația. Cache-ul paginii permite CDN-ul nostru să difuzeze conținut localizat fără ca aplicația dvs. să ruleze vreodată o linie de cod.

Toate acestea funcționează în armonie pentru a reduce timpii de răspuns la cereri.

Problema 5. Saturația conexiunii la baza de date

Când conținutul aplicației dvs. și baza de utilizatori cresc, acele interogări mai vechi de baze de date, care inițial funcționau bine, acum pot degrada performanța.

Când interogările necesită timp pentru a se executa, aceasta ocupă un loc în baza de date până când interogarea se termină. Uneori, aceste locuri se umplu foarte repede, împiedicând ulterior executarea mai multor interogări. Acest lucru se manifestă în mod obișnuit ca performanță degradată a aplicației până când baza de date oferă 500 de răspunsuri.

Saturația conexiunii poate apărea rapid și aleatoriu, făcând cauza principală greu de diagnosticat.

Răspunsul WordPress VIP :

Ca parte a pachetului de servicii VIP WordPress, oferim acces la New Relic, care ajută la diagnosticarea și monitorizarea proactivă a problemelor potențiale precum cele de mai sus. Acest lucru economisește timpul echipei, costurile și problemele de a asigura instrumente și resurse suplimentare atunci când secundele contează.

In concluzie

De la hopuri în rețea și lipsa de prezență a punctelor până la saturarea conținutului bazei de date, abordarea cauzelor profunde ale performanței slabe a site-ului ar trebui să fie o prioritate P0 pentru orice organizație cu gândire de viitor și pentru sistemul său de management al conținutului. La urma urmei, a face prima impresie grozavă cu un public este totul în era digitală. Pentru că viteza cu adevărat ucide.

Aflați mai multe despre WordPress VIP aici.

Autor

Michael Chan, inginer senior software, WordPress VIP