Instrument de testare a vitezei Pingdom - Cum să îmbunătățiți scorurile Pingdom

Site-urile web cu încărcare rapidă câștigă întotdeauna mai mult trafic în comparație cu cele lente, ceea ce afectează clasarea și performanța. În acest articol, voi vorbi despre instrumentul Pingdom Speed ​​Test, care vă poate ajuta să înțelegeți orice problemă de performanță pe site-ul dvs. Scopul este de a vă aduce la punctul de rapiditate a site-ului dvs. și a modului în care îl puteți face mai rapid.

Prea des, utilizatorii interpretează greșit datele instrumentului Pingdom Speed ​​Test, până la agravarea vitezei site-ului web. Nu uitați, utilizați întotdeauna toate instrumentele ca utilizare ghidată, deoarece acestea nu sunt 100% precise.

Ce este instrumentul de testare a vitezei Pingdom și ce oferă?

Pingdom este un instrument popular de testare a vitezei web, o soluție de monitorizare pentru site-urile, aplicațiile și serverele dvs. Nu numai că monitorizează timpul de funcționare, ci și performanța de încărcare, astfel încât să puteți vedea modul în care vizitatorii dvs. experimentează site-ul dvs. Pingdom oferă servicii precum monitorizarea timpului de funcționare, monitorizarea vitezei paginilor, monitorizarea tranzacțiilor, monitorizarea serverului și informațiile vizitatorilor (RUM).

De ce este atât de popular? Ei bine, este probabil cel mai simplu instrument de monitorizare a vitezei site-ului web și a performanței paginii. Nu toți utilizatorii pot fi un expert în performanță, deci este o alegere bună pentru utilizatorul mediu WordPress.

Să vedem cum puteți efectua un test pe Pingdom. Utilizarea instrumentului Pingdom Speed ​​Test nu este o problemă mare - trebuie doar să accesați site-ul Pingdom, să introduceți adresa URL și să selectați locația în funcție de locația vizitatorilor. Apoi faceți clic pe butonul „Începeți testul” .

Instrumentul Pingdom Speed ​​Test vă permite să vă testați site-ul web în 7 locații diferite de testare (5 continente) de pe glob:

• Asia - Japonia - Tokyo
• Europa - Germania - Frankfurt
• Europa - Regatul Unit - Londra
• America de Nord - SUA - Washington DC
• America de Nord - SUA - San Francisco
• Pacific - Australia - Sydney
• America de Sud - Brazilia - Sao Paulo

Deci, care locație de testare a vitezei site-ului web Pingdom ar fi cea mai bună pentru testare? Depinde de vizitatorii site-ului dvs. Asigurați-vă că selectați locația care este aproape de vizitatorii dvs. Dacă publicul site-ului dvs. are sediul în Europa , atunci aveți la dispoziție 2 opțiuni: (Europa - Germania - Frankfurt) sau (Europa - Regatul Unit - Londra) . Dacă site-ul dvs. are vizitatori din întreaga lume, testați-l pe site-uri diferite și luați pașii corespunzători pentru îmbunătățire.

Înțelegerea analizei cascadelor cu instrumentul de testare a vitezei Pingdom

O pagină web este, în general, o combinație de fișiere HTML, CSS, JavaScript și media și fiecare dintre acestea generează o cerere de redare pe server. Mai multe solicitări ar putea fi motivul pentru viteza mică a site-ului. Există mai multe secțiuni pe instrumentul Pingdom Speed ​​Test care indică scorul și sugestii de îmbunătățire. Secțiunile instrumentului Pingdom Speed ​​Test sunt:

• Rezumat Pingdom
• Îmbunătățiți performanța paginii
• Coduri de răspuns
• Dimensiunea conținutului și solicitările în funcție de tipul de conținut
• Dimensiunea conținutului și solicitările în funcție de domeniu
• Diagrama cascadei

În această secțiune, vă voi explica cum puteți face o analiză a cascadei și voi descompune fiecare secțiune Pingdom și vă voi explica mai detaliat.

Rezumat Pingdom

Când rulați un site web WordPress prin Pingdom, acesta generează un rezultat bazat pe un grad de performanță, dimensiunea paginii, timpul de încărcare și cereri.

Când vă testați site-ul de mai multe ori, veți observa că timpul de încărcare al site-ului se schimbă la fiecare test, în timp ce celelalte rezultate (gradul de performanță, dimensiunea paginii și solicitările) rămân aceleași. Motivul acestei variații a timpului de încărcare este cache-ul DNS, cache-ul CDN, cache-ul WordPress și API-urile externe .

Un scor Pingdom îmbunătățit depinde de aplicația dvs. web și de configurația serverului. Este posibil să nu fie posibil să obțineți scoruri de 100% tot timpul, mai ales atunci când rulați un site de comerț electronic, dar există întotdeauna loc de îmbunătățire.

Îmbunătățiți performanța paginii

Secțiunea Îmbunătățiți performanța paginii include note de performanță agregate, cu sugestii privind îmbunătățirea performanței paginii dvs. Deși aceste sugestii pot să nu fie aplicabile pentru fiecare site web, acestea cresc șansele de îmbunătățire.

Să aruncăm o privire la aceste sugestii.

1) Utilizați o rețea de livrare de conținut (CDN)

Cel mai important lucru de utilizat pe site-ul dvs. WordPress este CDN (Content Delivery Network). CDN se referă la un grup de servere distribuite geografic care asigură livrarea rapidă a conținutului de pe Internet. Acestea sunt o rețea de servere situate în întreaga lume. CDN permite transferul rapid de conținut web prin apropierea acestuia de locul în care se află utilizatorii.

Dacă sunteți utilizator Cloudways, atunci puteți profita de CloudwaysCDN. Toate planurile de găzduire Cloudways au CloudwaysCDN încorporat care poate fi activat cu câteva clicuri. Pentru a afla mai multe, consultați blogul WordPress CDN pe Cloudways.

Să aruncăm o privire asupra unor furnizori CDN terți:

1. KeyCDN
2. CloudFlare CDN
3. Amazon CloudFront
4. CDN77

Aici puteți vedea benchmarking-ul WordPress CDN pentru trei furnizori populari de CDN utilizați pe scară largă.

2) Evitați eroarea HTTP 404 (Not Found)

Eroarea Avoid HTTP (404) apare în sugestia instrumentului Pingdom Speed ​​Test atunci când solicitarea nu a putut fi finalizată cu succes. Un link rupt, cum ar fi atunci când atașați manual un link la o imagine ștearsă din pagină, are ca rezultat o eroare 404.

Asigurați-vă întotdeauna că nu va fi generată nicio cerere pentru activele care nu mai există.

3) Minimizați redirecționările

Cea mai comună sugestie din instrumentul de testare a vitezei Pingdom este „minimiza redirecționările”. O redirecționare apare atunci când o pagină de pe site-ul dvs. determină încărcarea unei alte pagini. Acestea se pot întâmpla atunci când redirecționați HTTP către HTTPS , www către non-www , iar adresa URL a postării actualizate s-a schimbat.

Iată câteva lucruri pe care le puteți face pentru a vă păstra site-ul de prea multe redirecționări:

1. Nu conectați niciodată la o pagină care are deja o redirecționare, deoarece aceasta poate provoca redirecționări multiple.
2. Asigurați-vă că ștergeți pluginurile dezactivate / neutilizate care pot duce la redirecționări inutile.
3. În timp ce creați linkuri pe site-ul dvs., utilizați prefixul HTTP sau HTTPS adecvat și verificați dacă este www sau non-www.

Dacă doriți să aflați mai multe despre redirecționări, consultați articolul Cloudways despre redirecționările WP 301.

4) Adăugați antetele expiră

Toate fișierele site-ului WordPress sunt încărcate pe rând pentru un vizitator pentru prima dată. Solicitările generate între browserul dvs. web și server măresc timpul de încărcare a site-ului web. Memoria cache a browserului salvează fișierele site-ului web pe computerul vizitatorului, astfel încât atunci când accesează din nou site-ul web, site-ul web se încarcă din memoria cache a browserului în loc de server, ceea ce accelerează site-ul web.

Dar cum știe browserul ce fișier să salveze și ce fișier să încarce de pe server și cât timp să le păstreze? Aici intervin anteturile Expires. Acestea sunt reguli care indică browserelor web dacă trebuie să încarce resursele paginii web din memoria cache a browserului unui vizitator sau de pe serverul dvs.

Acum, haideți să intrăm în modul real de participare. Vă voi arăta cum să adăugați antetele Expires folosind două metode diferite.

Adăugați expiră anteturi utilizând un plugin

Instalați un plugin W3 Total Cache. Odată instalat și activat, accesați Tabloul de bord WordPress> Performanță> Cache browser , apoi activați opțiunea „Set expires header” și salvați modificările.

Dacă sunteți curios să aflați mai multe despre pluginul W3 Total Cache, consultați articolul Cloudways despre Cum se utilizează WordPress W3 Total Cache Plugin pentru site-uri web mai rapide.

Adăugați antetele expiră utilizând un cod

Puteți adăuga, de asemenea, antetele Expires folosind codul. Pentru aceasta, aflați dacă site-ul dvs. web utilizează servere Apache sau Nginx. Pentru a face acest lucru, rulați site-ul web pe browser, apăsați Ctrl + Shift + I pentru a merge la rețeaua site-ului (poate că trebuie să reîmprospătați site-ul o dată), faceți clic pe numele domeniului din partea de sus și accesați antetul secțiune. Acolo, veți găsi numele serverului.

Pentru a adăuga antetele expiră la un server Apache, accesați fișierul .htaccess utilizând orice server FTP (Filezilla) și codul dat în partea de sus a fișierului .htaccess.

 ## EXPIRES CACHING HEADER ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image / jpg "acces 1 an"
ExpiresByType image / jpeg "acces 1 an"
ExpiresByType image / gif "acces 1 an"
ExpiresByType image / png "acces 1 an"
ExpiresByType image / svg "acces 1 an"
ExpiresByType text / css "acces 1 lună"
Aplicație ExpiresByType / pdf "acces 1 lună"
Aplicație ExpiresByType / javascript "acces 1 lună"
Aplicație ExpiresByType / x-javascript "acces 1 lună"
Aplicația ExpiresByType / x-shockwave-flash "acces 1 lună"
ExpiresByType image / x-icon "access 1 year"
Expiră „Acces 3 zile” implicit
</IfModule>
## EXPIRĂ CACHERUL HEADERULUI ##

La Cloudways, nu puteți efectua modificări la nivelul Nginx, dar puteți utiliza regulile Apache și puteți adăuga antetele expirate în fișierul .htaccess al aplicațiilor dvs. Pentru mai multe informații, consultați articolul Cloudways Utilizați cache-ul browserului în WordPress pentru a optimiza timpul de încărcare a paginii.

5) Faceți mai puține solicitări HTTP

De fiecare dată când încărcați site-ul web, o grămadă de lucruri tehnice se întâmplă pentru a livra conținutul pe ecranul utilizatorului, inclusiv o solicitare HTTP. Deci, ce este o cerere HTTP? Cum afectează experiența utilizatorului? Și ce puteți face pentru a reduce solicitările HTTP ale site-ului dvs. web?

Când cineva vizitează o pagină de pe site-ul dvs. web, browserul web al persoanei respective trimite o cerere către serverul dvs. web. Serverul dvs. găzduiește pagina web pe care încearcă să o vadă pe site-ul dvs. Pentru fiecare fișier, un browser web trebuie să facă o cerere HTTP separată , astfel încât, cu cât mai multe fișiere are site-ul dvs. web, cu atât mai multe solicitări HTTP vor genera din browserul dvs. Mai multe solicitări HTTP pot afecta experiența utilizatorului site-ului dvs. web.

Iată câteva strategii generale pentru a face mai puține solicitări HTTP :

• Eliminați solicitările HTTP eliminând pluginurile inutile care nu adaugă valoare site-ului dvs., deoarece pluginurile își încarcă de obicei propriul CSS și JavaScript.
• Combinați cererile HTTP prin combinarea mai multor fișiere CSS într-un singur fișier CSS. Site-ul se încarcă mai repede, deoarece browserul trebuie să facă mai puține solicitări.
• Una dintre cele mai bune strategii este înlocuirea pluginului pentru greutăți cu altele mai ușoare.
• Deși imaginile vă fac site-ul mai atractiv și adaugă valoare site-ului dvs., eliminați imaginile inutile și utilizați întotdeauna imaginile optimizate (puteți utiliza ShortPixel și WP Compress pentru a vă optimiza imaginile).
• Utilizați încărcarea leneșă pentru imagini și videoclipuri.

Utilizați aceste puncte pentru a accelera site-ul WordPress pentru o performanță mai bună.

6) Comprimați componentele cu GZIP

Compresia GZIP este o tehnologie care reduce timpul de descărcare a fișierelor prin comprimarea fișierelor de date. Toate browserele moderne dezarhivează automat fișierele comprimate atunci când datele comprimate sunt primite de browser. Toate browserele moderne, software-ul serverului și toate cele mai bune găzduiri WordPress acceptă compresia GZIP. Compresia GZIP poate reduce dimensiunile fișierelor cu până la 70%.

Cloudways vine cu un plugin Breeze instalat, astfel încât să puteți realiza compresia GZIP pur și simplu instalând și activând pluginul cache Breeze WordPress.

Iată pluginurile recomandate pentru compresia GZIP:

• GZIP cu WP Rocket
• GZIP cu WP Super Cache
• GZIP cu cache total W3

W3 Total Cache este un plugin de cache cu o versiune gratuită. Trebuie doar să instalați și să activați pluginul, iar compresia GZIP va fi activată automat pe site-ul dvs. web. Accesați Performanță> Setări generale și activați „Cache browser” . Faceți clic pe butonul „Salvați toate modificările” după efectuarea modificărilor.

7) Evitați Src gol sau Href

Atributele HTML fără set de valori (fără informații între ghilimele) sunt numite atribute „goale” . Atributul gol al sursei (src) și al legăturii (href) subliniază browserul pentru a se conecta chiar dacă nu există o valoare URI (Uniform Resource Identifier).

Iată câteva exemple de etichete goale Source (src) și Link (href) în HTML și JavaScript :

HTML:

 <img src = ””>
<a href=ogether ”

JavaScript:

 var img = new Image ();
img.src = "";

Asigurați-vă că nu există etichete HTML și JavaScript goale pe site-ul dvs. web. Dacă există, ștergeți-le și mențineți corect toate linkurile dvs. În al doilea rând, problema etichetei goale se referă la imagini, deci verificați întotdeauna legăturile de imagine în timp ce încărcați și utilizați.

8) Puneți JavaScript în partea de jos

Aceasta înseamnă că încărcați alte conținuturi de pagină înainte de JavaScript, astfel încât un utilizator cu o conexiune lentă la internet nu trebuie să aștepte încărcarea JavaScript-ului. Când JavaScript este plasat în partea de sus, acesta începe să se încarce mai întâi și afectează experiența utilizatorului, încetinind restul conținutului paginii.

Salvați fișierul JavaScript cu extensia .js (my-amazing-script.js) și plasați acel fișier JS în directorul temei (puteți crea un director pentru JavaScript, adică public_html / wp-content / themes / your-theme / assets / js). După plasarea fișierului JavaScript, editați fișierul functions.php al temei și adăugați acest cod:

 funcție wpb_adding_scripts () {
wp_register_script ('scriptul-meu-uimitor', get_template_directory_uri (). '/js/my-amazing-script.js','','1.1', adevărat);
wp_enqueue_script ('scriptul-meu-uimitor');
}
add_action ('wp_enqueue_scripts', 'wpb_adding_scripts');

Funcția utilizată wp_register_script () și include:

 <? php
wp_register_script ($ handle, $ src, $ deps, $ ver, $ in_footer);
?>

Setați parametrul $ in_footer la true pentru a adăuga scriptul în subsolul sau în partea de jos a unei pagini WordPress.

Coduri de răspuns

Următoarea secțiune din instrumentul de testare a vitezei Pingdom este Coduri de răspuns, denumite și coduri de stare HTTP. Această secțiune vă spune ce se întâmplă cu toate resursele pe care le încărcați pe pagină. Unele comune sunt:

• 200 - Totul este OK
  301 - Resursa solicitată a fost mutată definitiv
  404 - Resursa solicitată nu a fost găsită

Codul de răspunsuri cuprins între 200 și 300 de ani este de obicei bun, dar cele între 400 și 500 sunt denumite de obicei erori pe care ar trebui să le remediați.

Dimensiunea conținutului și solicitările după tipul de conținut

Acest lucru vă ajută să vedeți resursele paginii dvs. web. Tabelele sunt informații despre distribuția conținutului și solicitările dvs.

Dimensiunea conținutului în funcție de tipul de conținut oferă o listă a tuturor activelor site-ului dvs. grupate în funcție de tipul de conținut. Aceste informații vă pot ajuta să eliminați erorile. Oriunde vă dați seama că dimensiunea conținutului în funcție de tipul de conținut este mai mare decât era de așteptat, puteți lucra la acea parte a conținutului pentru a îmbunătăți performanța.

Dimensiunea conținutului și solicitările în funcție de domeniu

Secțiunea dimensiunea conținutului și solicitările în funcție de domeniu vă permit să vedeți serviciile interne și externe cu dimensiunile lor mediane. Această secțiune afișează solicitările generate de domeniu. Se recomandă să faceți mai puține solicitări externe, deoarece fiecare serviciu extern introduce propria latență.

În general, este mai bine să minimizați numărul de solicitări și să găzduiți activele într-un singur loc, cum ar fi mutându-le pe serverul dvs. web sau CDN. FontAwesome sau BootStrap pot fi considerate ca un exemplu. Dacă conectați scriptul FontAwesome sau BootStrap extern, descărcați-l și serviți-l direct.

Diagrama cascadei

În cele din urmă, avem secțiunea de solicitări a instrumentului de testare a vitezei Pingdom, care generează o diagramă cascadă. Puteți analiza fiecare solicitare pentru a vedea problemele de performanță. Această secțiune are o diagramă detaliată a cascadei, codificată prin culori.

Analiza cascadei Pingdom arată fiecare solicitare HTTP de pe site-ul dvs. și este utilizată de dezvoltatori pentru a înțelege vizual încărcarea site-ului și a identifica blocajele. Concentrați-vă pe dimensiunile de conectare - conectarea lungă și barele lungi blochează încărcarea rapidă a site-ului.

rezumat

Când vine vorba de instrumente de testare a vitezei site-urilor web, există multe instrumente disponibile pe piață. După cum puteți vedea, instrumentul Pingdom Speed ​​Test funcționează mai bine pentru a explora performanța site-ului web cu explicații și sugestii detaliate.

V-am oferit informații detaliate despre produs. Acum este rândul dvs. să utilizați acest instrument pentru a îmbunătăți performanțele site-ului dvs. web.