Cum să reduceți timpul de încărcare al site-ului WordPress - 6,3 secunde până la 2 secunde

Transcriere video

Acest videoclip vă va ghida prin procesul pe care îl folosim la Sagapixel pentru a reduce timpul de încărcare a unui site web de la aproximativ șase secunde la ceva care este puțin mai acceptabil. Sperăm că vom ajunge în intervalul de două până la trei secunde pentru acest site web.

Această metodă va folosi toate pluginurile gratuite. Sunt chiar în depozitul WordPress și voi explica ce face fiecare dintre ei pe măsură ce îl folosesc. Să sărim în el. Acesta este raportul GTMetrix pentru un site web pe care l-am făcut acum câteva luni și care nu a fost cu adevărat optimizat.

De fapt, voi merge la partea frontală a site-ului, voi folosi și browserul meu, așa că o să trecem la rețea și o să fac o reîmprospătare. Sunt pe un Mac. O să țin shift și să apes pe reîmprospătare, așa că va șterge memoria cache și va fi lent. Da, chestia aia a avut un timp până la primul octet de șase secunde.

Este destul de ridicol și nu vom lăsa un site web client să stea acolo și să dureze atât de mult timp până la primul octet. Acum, serverul în sine este probabil un factor. Știu că sunt pe găzduire GoDaddy de foarte slabă calitate, dar cu siguranță putem accelera acest lucru, așa că în următoarele 10 minute sau cam așa o vom termina.

Mai întâi mă voi autentifica în acest lucru și vom trece la pluginuri. Primul lucru care trebuie activat este această reducere a vitezei rapide. Minimizarea rapidă a vitezei va combina multe dintre activele care sunt încărcate, așa că primul lucru, cred că are un SSL instalat, așa că voi seta acest lucru pentru a forța SSL-ul.

Nu am de gând să verific asta. Asta de obicei nu face mare lucru. Nu vreau să dezactivez îmbinarea fonturilor Google. Nu vreau să păstrez ordinea fișierelor CSS. Vreau să aliniez CSS-ul atât în ​​antet, cât și în subsol. Motivul pentru care verific aceste setări este că lucrăm în primul rând cu Elementor și știu că aceste setări nu vor cauza ruperea nimicului.

În timp ce utilizați reducerea vitezei rapide, dacă spargeți ceva, probabil va fi pe Chrome, așa că asigurați-vă că după ce ați făcut toate setările și v-ați deconectat de la site, porniți cu Chrome și asigură-te că nu ți-ai ucis niciuna dintre foile de stil.

Bine, nu voi dezactiva nimic. Arată bine aici, așa că voi salva asta și voi rula din nou valorile Gt. Doar că am făcut asta ar trebui probabil să reducă o parte din timpul de încărcare de pe acest site. Totuși, o mare parte este probabil încă serverul.

Bine, asta a scăzut puțin peste o secundă. Încă nu am terminat, totuși. Următorul plugin pe care îl vom instala este... pe acest site, avem optimizatorul de imagine în pixeli scurti. Se pare că nu a fost niciodată activat, așa că poate fi necesar să optimizăm unele dintre imagini.

De fapt, nu o voi folosi pe acela, totuși. Voi instala un alt plugin pe care l-am adoptat recent și care se va ocupa de o grămadă de lucruri de care trebuie să se îngrijească, inclusiv de optimizarea imaginii, așa că trebuie să re-optimizăm.

Bine, deci mergeți la setări și primul lucru pe care îl vom face este să trecem la cache. Voi activa stocarea în cache a paginii. De asemenea, mă voi asigura că nu am un plugin de cache deja activ aici, ceea ce nu avem. Bun. Și voi activa stocarea în cache a paginii.

Următorul lucru pe care îl voi face este să trec la preîncărcare și o să activez acest preîncărcare programat. Cred că vom face asta o dată pe zi. Salvați-l și îl voi rula acum, iar aceasta va începe preîncărcarea tuturor adreselor URL, așa cum puteți citi aici, va declanșa reoptimizarea, pentru a stoca în cache site-ul vizitând pagini pentru a le preîncărca. astfel încât prima dată când un vizitator uman le dorește, site-ul nu va trebui să genereze totul.

Va trebui să-i acordăm un minut. Următorul lucru pe care îl voi face este să trec la imagini și de acum înainte vom seta acest lucru să comprima automat imaginile nou adăugate. Acest lucru va face acest lucru prin conectarea la WP Smush. Dacă nu doriți să utilizați acest lucru, îl putem debifa și voi spune că, în general, pixelul scurt este probabil cel mai bun atunci când vine vorba de gestionarea optimizării imaginii.

Tot acest proces de preîncărcare a paginilor durează de fapt puțin. Știi, suntem doar la pagina 17 din 30. Următorul lucru la care vom trece în timp ce acesta rulează este aici. Ne vom uita la baza de date și avem aceste opțiuni pentru a optimiza tabelele bazei de date, a curăța revizuirile ulterioare, așa că acest lucru va curăța cu adevărat baza de date și va permite să ruleze mult mai repede, dar vreau să subliniez cu adevărat că va scăpa de lucruri.

Deci, dacă aveți, dacă există vreo posibilitate să doriți să restaurați o postare veche, restaurați o pagină veche la modul în care se făcea la un moment dat, rulând aceste optimizări pe care le veți șterge toate acele versiuni vechi ale tuturor, așa că probabil că doriți să faceți o copie de rezervă a site-ului dvs. înainte de a face ceva în baza de date.

Știu că avem o copie de rezervă a asta. Nici nu o voi face în timp ce rulăm preîncărcarea, dar se pare că s-a rezolvat, așa că haideți să trecem aici. Voi rula toate aceste optimizări. Aici avem 1.200 de revizuiri ale postărilor care sunt acum șterse.

Va dura ceva timp să treacă prin asta, uneori. Acesta este un site destul de mic, așa că nu a durat prea mult, dar hai să mai rulăm asta o dată, să vedem ce a făcut. În regulă, acum am ajuns la 2,6 secunde de până la capăt, ce a fost, cu peste 6 secunde înainte de a începe.

Următorul pe care îl voi adăuga va fi o sarcină leneșă. Lazy loading, gata, lazy load de la WP Rock este cea pe care o folosesc. Super ușor de configurat. Doar faceți clic pe el, activați, mergeți la setări și vom bifa doar câteva casete aici.

Imagini, I-frames. Nu voi face videoclipurile de pe YouTube în miniatură. Salvează modificările. Bine. Acum, ultimul pas, într-adevăr, cred că optimizarea... nu vom sta aici în timp ce optimizăm întreaga bibliotecă, dar optimizarea imaginilor pentru acest lucru va fi ultimul pas pentru a reduce cu adevărat acest lucru.

Cred că probabil că vom reduce acest lucru la aproximativ 2,5 secunde dacă am ajunge să folosim imagini prea mari și site-ul. Sper că acest lucru a fost de folos. Încărcarea unui site WordPress într-un mod rapid nu este chiar atât de dificil.

Cred că, de asemenea, multe dintre criticile la adresa constructorilor de pagini vizuale, cum ar fi WP Bakery, în acest caz Elementor, Divi, sunt nejustificate, deoarece există o mulțime de lucruri pe care le puteți face pentru ca aceste site-uri web să se încarce rapid chiar și cu un generator de pagini vizuale.

Dacă acest lucru a fost util, asigurați-vă că lăsați un comentariu și dacă sunteți interesat să aflați despre SEO și WordPress asigurați-vă că vă abonați la canalul nostru. Mulțumiri.