Cum vă pot accelera Kinsta și WP Rocket site-ul

Publicat: 2021-09-29

Vrei să știi cum Kinsta și WP Rocket vă pot accelera site-ul? Cu pluginul potrivit pentru găzduire și cache, puteți obține o creștere uimitoare a performanței în doar câteva minute. Unele dintre caracteristicile grozave care vin cu ambele servicii vă vor face site-ul mai rapid, aproape de la cutie.

Să explorăm potențialul utilizării WP Rocket împreună cu Kinsta.

De ce ar trebui să utilizați o găzduire rapidă

Nu este un secret pentru nimeni că viteza furnizorului tău de găzduire are un impact direct asupra performanței site-ului tău. Dacă nu optimizați viteza site-ului dvs., veți observa o scădere semnificativă a traficului, a conversiilor și a veniturilor.

Un site web cu performante bune poate avea multe beneficii pentru o companie. În primul rând, site-ul ajută la nivelarea oricărei concurențe făcându-l să pară o afacere de încredere, care oferă servicii sau produse de înaltă calitate. Un furnizor de găzduire afectează credibilitatea mărcii. Dacă vizitatorii percep că paginile tale web durează pentru totdeauna, acest lucru se va reflecta în vânzările tale. Dacă site-ul dvs. este lent, oamenii vor avea dificultăți în navigarea și trecerea direct la concurență.

Cu cât un site web este mai lent, cu atât ratele de conversie scad mai mici - Sursa: Cloudflare
Cu cât un site web este mai lent, cu atât ratele de conversie scad mai mici – Sursa: Cloudflare


În plus, performanța unui site web influențează clasarea acestuia în motoarele de căutare. Vitezele bune de încărcare sunt importante pentru măsurarea valorilor experienței vizitatorilor, care influențează cât de sus veți apărea pe Google în rezultatele căutării.

Pentru a servi eficient clienții din întreaga lume, găzduirea unui site web trebuie să fie rapidă. Găzduirea este responsabilă pentru a se asigura că datele stocate pe site-ul dvs. pot fi accesate indiferent de unde se întâmplă să le vadă oamenii.

Ce este Kinsta (și cât de rapid este)

Kinsta este o companie de găzduire care oferă utilizatorilor WordPress găzduire sigură, rapidă și de încredere pentru site-urile lor web. A face WordPress rapid este în ADN-ul Kinsta din 2013. Sunt cunoscuți pentru prețurile lor premium, dar calitatea pe care o obțineți îl face să merite fiecare bănuț.

Ce spun utilizatorii WordPress despre Kinsta - Sursa: Kinsta
Ce spun utilizatorii WordPress despre Kinsta – Sursa: Kinsta


Kinsta este o alegere excelentă pentru a vă accelera site-ul WordPress. Nu numai că va fi foarte rapid, dar Kinsta oferă și toate instrumentele și funcțiile de securitate de care aveți nevoie pentru ca site-ul sau pagina de blog să nu fie piratată. Pun pariu că vă întrebați ce veți primi exact când vă înscrieți la ei? Să trecem peste principalele caracteristici.

1. Obțineți acces la mașinile virtuale C2 și la rețeaua Premium Tier Google Cloud

Kinsta găzduiește site-ul dvs. WordPress direct pe Google Cloud Platform, o infrastructură creată și întreținută de Google. Sunteți găzduit în același loc cu Spotify, Coca-Cola, Snapchat... Uimitor, nu?

Kinsta utilizează rețeaua Google C2 VMS și Premium Tier, care oferă o latență scăzută și rutare a traficului cu 30-50% mai rapidă, evitând pe cât posibil conductele publice de internet. Kinsta este singura gazdă de pe piață care oferă mașini C2 pe toate planurile.

Împărtășesc imaginea de mai jos pentru a ilustra impactul migrării la mașinile C2. Puteți vedea că timpul mediu de răspuns al site-ului a trecut de la 250 ms la 80 ms. Aceasta este o creștere cu 212,5% a performanței.

Viteza a crescut după utilizarea mașinilor C2 - Sursa: Kinsta
Viteza a crescut după utilizarea mașinilor C2 – Sursa: Kinsta

2. Alegeți Locația centrului dvs. de date Google Cloud

Kinsta utilizează modul de implementare multiregional al platformei Google Cloud. Aceasta înseamnă că puteți alege să vă plasați site-ul WordPress în locația cea mai apropiată de vizitatori.

Platforma cloud Google


3. Utilizați CDN-ul Kinsta (alimentat de Cloudflare)

Din acest an, CDN-ul Kinsta a fost cu până la 40% mai rapid decât cel precedent. Rețeaua se extinde în peste 200 de orașe! Toate datele tale vor fi definitiv mai aproape de vizitatorii tăi cu această nouă actualizare. Kinsta spune că noul lor CDN poate îmbunătăți viteza site-ului cu până la 44%. După cum puteți vedea mai jos, timpul de încărcare este mai bun cu noul Cloudflare CDN:

Performanță înainte vs după CDN - sursa: Kinsta
Performanța CDN înainte vs după – sursă: Kinsta


4. Utilizați Cache-ul Kinsta

Ce este memorarea în cache? Reduce cantitatea de muncă necesară pentru a genera o vizualizare de pagină.
De ce ar trebui să folosiți memoria cache? Este simplu: memorarea în cache face site-urile WordPress mai rapide și reduce sarcina pe serverul tău web. Fiecare site găzduit la Kinsta utilizează patru tipuri diferite de cache aplicate automat, și anume, cache Bytecode, Object, Page și CDN.

Opțiune de cache integrată în Kinsta - Sursa: Kinsta
Opțiune de cache integrată în Kinsta – Sursă: Kinsta


5. Profitați de monitorizarea performanței aplicațiilor (APM) încorporată de la Kinsta

Puteți folosi instrumentul APM de la Kinsta pentru a monitoriza și optimiza site-urile WordPress, asigurându-vă că acestea funcționează întotdeauna fără probleme. De asemenea, vă permite să vă depanați site-ul mult mai rapid, deoarece puteți identifica de unde provine problema:

Kinsta APM


6. Beneficiați de o platformă intuitivă concepută pentru WordPress

Am văzut că misiunea Kinsta este de a oferi utilizatorilor WordPress o experiență de găzduire axată pe performanță. Dar Kinsta vine cu alte beneficii: oferă, de asemenea, o platformă ergonomică care vă permite să instalați WordPress cu un singur clic, să accesați zone simple de punere în scenă și să faceți upgrade ușor la cea mai recentă versiune PHP, de exemplu.

Lansarea WordPress


Toate site-urile mele WordPress pot fi adunate în aceeași interfață, ceea ce este foarte util:

Site WordPress în tabloul de bord Kinsta


Și nu în ultimul rând, aveți acces la asistență 24/7, copii de rezervă zilnice și servere ultrasecurizate. Kinsta verifică starea site-ului dvs. la fiecare două minute, ceea ce înseamnă că asistența poate fi proactivă dacă apare o problemă.

Cpanel ușor de utilizat și puternic - Sursa: Kinsta
Cpanel ușor de utilizat și puternic – Sursa: Kinsta


7. Test de viteză: Cât de rapid este (cu adevărat) Kinsta?

Vom folosi Google PageSpeed ​​Insight pentru a testa performanța site-ului meu WordPress găzduit pe Kinsta. Vom folosi, de asemenea, WebPageTest pentru a măsura valoarea „timp complet încărcat”. Ambele teste vor fi simulate de pe dispozitive mobile .

Vor fi două scenarii:

  • Scenariul #1 : măsurarea performanței site-ului meu mobil cu câteva paragrafe (fără imagini) și tema 2021 instalată.
  • Scenariul #2 : Măsurarea performanței site-ului meu mobil folosind Astra și Elementor (o pagină de pornire realistă cu texte și imagini).

Scenariul 1:

Scorul meu mobil este 99/100 (100/100 pe desktop). Site-ul meu este destul de gol, așa că nu mă așteptam la ceva mai bun de la Kinsta.

Site-ul meu de testare cu câteva texte și tema 2021 instalată - Sursa: PSI
Site-ul meu de testare cu câteva texte și tema 2021 instalată – Sursa: PSI


Timpul încărcat complet și valorile solicitărilor HTTP sunt, de asemenea, foarte bune, având sens deoarece pagina mea este aproape goală.

Timp complet încărcat și solicitări HTTP pe mobil (fără conținut) - Sursa: WebPageTest
Timp complet încărcat și solicitări HTTP pe mobil (fără conținut) – Sursa: WebPageTest

Să trecem la scenariul #2, cu Elementor instalat și mai mult conținut adăugat pe pagina mea.

Scenariul #2 :

Acum folosim Elementor, videoclipuri care vin de pe YouTube, imagini, pictograme și mult mai mult conținut decât înainte. Drept urmare, scorul meu a trecut de la 99 la 82/100 pe mobil (ceea ce era previzibil, deoarece am adăugat conținut fără a-l optimiza).

Notă importantă: Kinsta menține un scor verde pe desktop (91/100) chiar și după ce a adăugat o mulțime de conținut.

Nota mea PSI pe mobil cu mult conținut pe site-ul meu - Sursa: Google PageSpeed ​​Insights
Nota mea PSI pe mobil cu mult conținut pe site-ul meu – Sursa: Google PageSpeed ​​Insights


Potrivit Google PageSpeed ​​Insights, majoritatea problemelor provin din JS și CSS neoptimizate și din coduri terțe:

Secțiunea de diagnosticare - Sursa: Google PageSpeed ​​Insights
Secțiunea de diagnosticare – Sursa: Google PageSpeed ​​Insights


Doriți ca site-ul dvs. să se încarce în trei secunde; Kinsta este doar la această limită (2.587s). Numărul de solicitări HTTP este de 56, ceea ce este un număr sănătos – media pe internet este de 70.

Puteți citi mai multe despre cantitatea recomandată de solicitări HTTP în ghidul nostru dedicat.

Timp complet încărcat și solicitări HTTP pentru pagina mea de pornire pe mobil - Sursa: WebPageTest
Timp complet încărcat și solicitări HTTP pentru pagina mea de pornire pe mobil – Sursa: WebPageTest


Cu Kinsta, site-ul meu WordPress a menținut o performanță excelentă pe desktop, dar a fost afectat pe mobil. Furnizorul de găzduire este cu siguranță rapid și puternic. Cu toate acestea, problemele legate de codul terță parte sau eliminarea resurselor de blocare a redării nu au fost abordate pe deplin de Kinsta. Aici intervine magia rachetei WP!

Asta ne duce la următoarea secțiune: cum Kinsta și WP Rocket pot ajuta la obținerea unui scor 100/100 pe mobil.

De ce WP Rocket este o potrivire excelentă pentru performanță

Pluginul WP Rocket este pe deplin compatibil cu mediul de găzduire Kinsta. Ideea este că Kinsta vine deja cu caracteristica sa de stocare în cache. Ca rezultat, WP Rocket nu va fi necesar pentru a vă stoca conținutul, DAR va fi necesar pentru a vă optimiza codul și pentru a vă menține Core Web Vitals în zona verde.

Să vedem cum WP Rocket poate ajuta la îmbunătățirea performanței site-ului dvs. WordPress.

1. De ce să țineți cont atunci când utilizați Kinsta și WP Rocket

Primul lucru de reținut este că funcția de stocare în cache a paginii a WP Rocket este dezactivată automat pentru a preveni conflictul cu memorarea în cache a Kinsta . Acestea fiind spuse, Kinsta (și noi) vă recomandăm în continuare să păstrați caseta „caching mobile” bifată:

Activarea memoriei cache pentru dispozitivele mobile - Sursa: tabloul de bord WP Rocket
Activarea memoriei cache pentru dispozitivele mobile – Sursa: tabloul de bord WP Rocket


CDN-ul Kinsta este alimentat de Cloudflare, prin urmare, va funcționa automat cu WP Rocket - nu există opțiuni de activat. Verificarea opțiunii „Activați rețeaua de livrare de conținut” nu mai este necesară.

Nu este nevoie să bifați caseta „Activați CDN” cu Kinsta


În plus, Kinsta este complet integrat cu Cloudflare, astfel încât nu trebuie să conectați suplimentul la contul dvs.

Menținerea suplimentului Cloudflare dezactivat când utilizați Kinsta


Acum că știți câteva opțiuni de ajustat înainte de a utiliza WP Rocket cu Kinsta, vă putem explica cum funcționează WP Rocket și cum poate ajuta cu ușurință atingerea obiectivului nostru de performanță.

Google PageSpeed ​​Insights măsoară performanța (inclusiv Core Web Vitals) și, foarte des, veți vedea acele recomandări: „Eliminați resursele care blochează randarea prin furnizarea JS/CCSS critice în linie și amânarea tuturor JS necritice”, „Reduceți cele neutilizate”. JS și CSS”, și așa.

O mulțime de îmbunătățiri se înclină spre curățarea codului și optimizarea fișierelor. WP Rocket vă ajută să faceți exact acest lucru în câteva clicuri datorită filei dedicate „Optimizare fișiere”, accesibilă direct din tabloul de bord WordPress:

Fila Optimizare fișier - Sursa: tabloul de bord al WP Rocket
Fila Optimizare fișier – Sursă: tabloul de bord al WP Rocket

Să trecem peste fiecare secțiune, astfel încât să puteți vedea cum Kinsta și WP Rocket se completează reciproc.

2. Reduceți CSS neutilizat

Reducerea regulilor neutilizate din foile de stil și amânarea CSS neutilizată pentru conținutul de deasupra paginii va reduce consumul de octeți de rețea și va îmbunătăți viteza site-ului.

Minimizarea și eliminarea CSS neutilizate - Sursa: WP Rocket
Minimizarea și eliminarea CSS neutilizate – Sursa: WP Rocket

3. Optimizați livrarea CSS

O altă modalitate de a elimina CSS care blochează randarea este optimizarea livrării CSS. Acest lucru va îmbunătăți timpul de încărcare perceput pentru utilizatorii dvs.

Optimizarea livrării CSS cu un singur clic - Sursa: WP Rocket
Optimizarea livrării CSS cu un singur clic – Sursa: WP Rocket


Notă importantă despre livrarea CSS: Optimizați livrarea CSS ar trebui utilizată numai dacă Eliminați CSS neutilizat nu funcționează pentru utilizator. Eliminați CSS neutilizat ar trebui să fie întotdeauna prima alegere.

4. Încărcați JS amânat

O cauză majoră a paginilor web lente este așa-numitul „script de blocare”. Dacă încărcați JS amânat, atunci veți îmbunătăți timpul de încărcare. WP Rocket vă poate ajuta să faceți acest lucru cu un singur clic:

Încărcare JS amânată – Sursă: WP Rocket

5. Întârzierea execuției JS

O altă modalitate de a vă accelera site-ul WordPress cu WP Rocket este să amânați execuția JavaScript. Reducerea timpului de execuție JS este, de asemenea, crucială pentru a vă menține Core Web Vitals sănătos.

Întârzierea execuției JS - Sursa: WP Rocket
Întârzierea execuției JS – Sursa: WP Rocket


WP Rocket vă îmbunătățește scorul de performanță Lighthouse prin optimizarea Core Web Vitals. Cel mai mare KPI Contentful Paint (LCP) este direct afectat dacă alegeți să amânați și să optimizați JS și CSS ale site-ului dvs. WordPress.

Scorul LCP s-a îmbunătățit datorită caracteristicilor WP Rocket
Scorul LCP s-a îmbunătățit datorită caracteristicilor WP Rocket


O altă modalitate de a amâna conținutul mai puțin important este aplicarea unui script de încărcare leneșă asupra acestuia. Din nou, WP Rocket vă poate ajuta cu ușurință să faceți acest lucru. Să vedem cum.

6. Implementați Lazy Loading

Ideea de bază a încărcării leneșe este să încărcați imagini sau cadre iframe numai atunci când utilizatorii au nevoie de conținut: nu vor trebui să aștepte ca toate elementele să se încarce. Activarea și dezactivarea manuală a încărcării lenețe poate fi o sarcină care necesită timp. WP Rocket vă poate ajuta să economisiți timp și să aplicați automat scriptul de încărcare leneșă acolo unde este necesar.

Implementarea lazy loading - Sursa: WP Rocket
Implementarea lazy loading – Sursa: WP Rocket


Încă o dată, WP Rocket ajută la îmbunătățirea Core Web Vitals și obține un scor bun conform recomandărilor PageSpeed ​​Insights. PSI ne sfătuiește să folosim încărcarea leneșă și să amânăm imaginile offscreen pentru a face loc imaginilor de deasupra pliului.

PSI recomandă încărcarea leneșă
PSI recomandă încărcarea leneșă

7. Preîncărcare Preaducere și Preconectare

În meniul „Preîncărcare”, WP Rocket vă oferă patru opțiuni de preîncărcare, și anume preîncărcare cache, preîncărcare link-uri, preîncărcare solicitări DNS și preîncărcare fonturi. Unele dintre ele nu vor fi utile de utilizat cu Kinsta, așa că haideți să profităm la maximum de opțiuni:

Preîncărcare cache : nu bifați această opțiune. Poate reduce performanța.

Preîncărcați memoria cache


Preîncărcarea linkului : această opțiune începe să descarce o pagină atunci când un utilizator trece cu mouse-ul peste link. Acest lucru crește timpul de încărcare perceput de către utilizator.

Preîncărcare link-uri


Preluați cererile DNS : această funcție va oferi un mic impuls site-ului dvs. mobil. Preluarea DNS este o modalitate excelentă de a îmbunătăți performanța site-ului dvs. prin rezolvarea numelor de domenii în fundal înainte ca utilizatorii să facă clic pe ceva.

Solicitări DNS Prefecth


Preîncărcare fonturi : această opțiune permite browserelor web să descopere fonturile înainte ca acestea să fie descoperite în fișierul dvs. CSS.

Preîncărcați fonturi


WP Rocket aplică atributul rel="preload", care este o altă recomandare a PageSpeed ​​Insights pentru a menține un FCP și LCP sănătos, așa cum se vede mai jos:

8. Optimizarea bazei de date

În meniul „Bază de date”, WP Rocket vă oferă toate instrumentele pentru a vă păstra postările și comentariile într-o formă optimă. Puteți alege să efectuați curățări pentru postări, comentarii, elemente tranzitorii și tabelul bazei de date. De asemenea, puteți programa o curățare dacă doriți.

Toate opțiunile de optimizare a bazei de date funcționează bine cu Kinsta și oferă, de asemenea, această funcție folosind Innodb.

9. Caracteristici suplimentare de optimizare

Există mai mult. WP Rocket vine cu multe alte funcții pentru a îmbunătăți viteza site-ului dvs. web. Iată ce se întâmplă cu site-ul dvs. WordPress la activarea WP Rocket:

  • Comprimarea GZIP este activată, ceea ce înseamnă că dimensiunea fișierelor dvs. scade, iar vizitatorii dvs. accesează conținutul mai repede.
  • Numărul de solicitări HTTP este redus, ceea ce face ca site-ul dvs. să se încarce mai rapid.
  • Fișierele dvs. media sunt încărcate numai atunci când este necesar pentru a economisi lățimea de bandă
  • Sunt adăugate atributele de lățime și înălțime lipsă pentru imagini. Acest lucru ajută la prevenirea schimbărilor de aspect, la îmbunătățirea scorului CLS și la furnizarea unei experiențe mai bune pentru utilizator. .
  • Și mult mai multe optimizări de viteză pentru WordPress.

Cum să vă accelerați site-ul cu Kinsta + WP Rocket

Dacă site-ul dvs. WordPress este găzduit pe Kinsta cu WP Rocket activat, atunci vă creșteți șansa de a vă duce site-ul la viteza luminii.

Să facem un audit de performanță.

Vom folosi Google PageSpeed ​​Insights și WebPageTest pentru a măsura performanța mobilă. Site-ul meu de testare este o agenție de turism construită cu Elementor și Astra.

Scenariul #1 – Site-ul meu de testare găzduit pe Kinsta – Fără WP Rocket

Utilizarea Google PageSpeed ​​Insights (performanță mobilă)

Fără a efectua nicio optimizare, site-ul meu de testare găzduit de Kinsta rămâne destul de rapid pe mobil (82/100). Cu toate acestea, unele dintre elementele vitale ale mele Core Web au trecut la culoarea portocalie.

Performanță mobilă cu Kinsta - Sursa: PSI
Performanță mobilă cu Kinsta – Sursa: PSI


Timpul de încărcare complet și numărul de solicitări sunt acceptabile, confirmând că Kinsta este un furnizor de găzduire rapid.

Timp complet încărcat și solicitări HTTP pentru pagina mea de pornire (fără WP Rocket) - Sursa: WebPageTest
Timp complet încărcat și solicitări HTTP pentru pagina mea de pornire (fără WP Rocket) - Sursa: WebPageTest
KPI (performanță mobilă) Scor (fără rachetă WP)
Nota generala 82/100
Timp complet încărcat 2.587 s
solicitări HTTP 56
FCP 1,6 s
SI 1,6 s
LCP 1,9 s
TTI 1,6 s
TBT 20 ms
CLS 0,125

Scenariul #2 – Site-ul meu de testare găzduit pe Kinsta – cu WP Rocket

Utilizarea Google PageSpeed ​​Insights (performanță mobilă)

Rezultatele sunt impresionante: primim 100/100 la Lighthouse! Toate elementele vitale ale mele de bază ale web sunt verzi, schimbarea cumulativă a aspectului și timpul total de blocare au fost reduse la 0.

100/100 pe mobil cu Kinsta și WP Rocket - Sursa: PSI
100/100 pe mobil cu Kinsta și WP Rocket – Sursa: PSI


Alte două valori (cereri HTTP și timpul de încărcare completă) au fost, de asemenea, reduse semnificativ datorită WP Rocket (de la 3,5 s la 1,5 s și 56 de solicitări la 17).

Scoruri pe pagina de pornire cu WP Rocket – Sursa: WebPageTest


Și iată prezentarea generală a performanței pe care am rezumat-o într-un tabel:

KPI (performanță mobilă) Scor (fără WP Rocket) Scor (cu WP Rocket)
Nota generala 82/100 100/100
Timp complet încărcat 2.587 s 1.543 s
solicitări HTTP 56 17
FCP 1,6 s 0,4 s
SI 1,6 s 0,4 s
LCP 1,9 s 0,5 s
TTI 1,6 s 0,4 s
TBT 20 ms 0 ms
CLS 0,125 0

Încheierea

Kinsta oferă servicii de găzduire WordPress gestionate premium companiilor care utilizează numai centre de date premium situate în întreaga lume. Acest lucru asigură un timp optim de funcționare, protejând în același timp site-urile clienților de atacurile DDoS sau alte întreruperi în timpul orelor de vârf de utilizare.

Dacă combinați Kinsta cu WP Rocket, obțineți tot ce este mai bun din ambele lumi : găzduire rapidă cu o soluție de cache încorporată și un plugin WordPress care crește performanța site-ului dvs. și face ca Core Web Vitals să treacă la verde (100/100 de la Lighthouse )!

Obține 82/100 pe mobil cu Kinsta Obține 100/100 pe mobil cu Kinsta și WP Rocket

După cum am văzut în auditul nostru de performanță, WP Rocket este una dintre cele mai simple modalități de a vă îmbunătăți scorul PageSpeed ​​Insights.

Și lucrul bun este că nu vă asumați niciun risc: aveți o garanție de rambursare a banilor de 14 zile când cumpărați WP Rocket.

Sunteți utilizator Kinsta și WP Rocket? Spune-ne cum stau lucrurile pentru tine în comentariile de mai jos.