Un ghid pentru începători pentru optimizarea vitezei site-ului Remediați site-ul lent

Nu sunteți sigur cum să creșteți viteza generală a site-ului dvs.?

Viteza site-ului este partea fundamentală a SEO modern și credeți-mă; Are un efect imediat și semnificativ asupra clasamentelor.

Dacă ați vizitat vreodată site-ul meu TheGuideX, veți observa că site-ul meu se încarcă în mai puțin de 1 secundă (am atașat și rezultatul GTmertix mai jos).

Potrivit GTmetrix, scorul PageSpeed ​​al TheGuideX.com este de 100%, iar scorul YSlow este de aproximativ 95%, cu un timp de încărcare de 0,9 secunde și doar 23 de solicitări HTTP. Asta este incredibil.

… și iată un alt raport al TheVPNCoupon.com, unde blog despre VPN-uri.

Și conform GTmetrix, scorul PageSpeed ​​al celuilalt blog al meu (TheVPNCoupon.com) este de aproximativ 99% și scorul YSlow este de 95% cu solicitări 23-HTTP și acest site se încarcă și el sub 1 secundă (deși durează doar 800 ms pentru a încărca acest lucru). site-ul web).

Un site web care se încarcă în mai puțin de 2 secunde este considerat o viteză de încărcare acceptabilă. Dar vă recomandăm întotdeauna să vă optimizați site-ul pe cât posibil pentru o viteză de încărcare mai bună.

Deci, ce fac pentru a-mi optimiza viteza site-ului? Și are nevoie de abilități tehnice sau de dezvoltare pentru a vă optimiza site-ul?

Raspunsul este nu; nu aveți nevoie de abilități tehnice sau de dezvoltare pentru a vă optimiza site-ul. O puteți face cu ușurință folosind câteva plugin-uri WordPress și CDN. Și pentru a vă optimiza site-ul, mai întâi, aveți nevoie de un plan de găzduire web mai bun.

Cei mai mulți dintre bloggerii amatori nu au reușit aici. Când îmi cer să-și optimizez site-ul, observ că foloseau planuri de găzduire partajată ieftine pe site-ul lor, iar utilizarea unui plan de găzduire ieftin nu poate face niciodată un site rapid.

Dacă aveți cunoștințe de bază despre VPS, vă recomand să vă mutați mai întâi site-ul pe DigitalOcean sau Cloudways, iar dacă doriți o găzduire bazată pe cPanel, puteți trece la SiteGround.

De asemenea, asigurați-vă că utilizați un CDN pe site-ul dvs. web. Dacă sunteți în căutarea unui furnizor CDN gratuit, atunci vă voi recomanda Cloudflare. De asemenea, puteți utiliza ImageKit pentru Image CDN (folosesc acest lucru pe site-ul meu web și mă ajută să optimizez imaginile în timp real).

Înainte de a aprofunda tehnicile de optimizare a vitezei, mai întâi învățăm

De ce contează viteza?

Deci cât timp așteptați ca un site să se încarce?

Ei bine, conform statisticilor, jumătate dintre noi și chiar și când vine vorba de mine, nu vreau să aștept două secunde ca un site să se încarce.

De aceea am vrut să mă asigur că site-ul meu se încarcă într-o secundă sau cât mai repede posibil. Și astăzi, voi împărtăși exact aceeași metodă, pe care o folosesc pe site-ul meu pentru a-și optimiza viteza.

Dar de ce contează viteza unui site web? Și ce diferență face o fracțiune de secundă?

Răspunsul? Face o mare diferență!

Dar cum face o mare diferență? Să vedem un raport detaliat pentru a afla mai multe despre de ce este importantă viteza.

1. Site-urile lentă ucid conversiile:

Un site lent poate distruge conversiile site-ului dvs.

Să ne imaginăm dacă sunteți un site de comerț electronic, iar site-ul dvs. durează aproximativ patru secunde pentru a se încărca. Și conform diverselor rapoarte, 40% dintre oameni pot părăsi site-ul dvs. dacă durează peste trei secunde pentru a se încărca.

Deci, în acest sens, dacă site-ul dvs. primește în jur de 1.00.000 de trafic lunar și durează aproximativ patru secunde pentru a vă încărca site-ul, atunci există multe șanse ca până la 40.000 de persoane să vă abandoneze site-ul.

Și în acest fel, veți pierde 40% dintre oameni și, prin urmare, va avea un impact asupra conversiei generale a site-ului. În acest fel, viteza site-ului contează foarte mult pentru creșterea conversiilor.

2. Ne așteptăm la viteză și experiență utilizator:

După cum am menționat deja mai sus, 40% dintre oameni părăsesc site-ul dvs. dacă durează peste trei secunde pentru a se încărca. Și când vine vorba de mine, părăsesc mereu site-ul, care durează două sau mai multe secunde pentru a se încărca.

CARE așteptați cele două secunde pentru a încărca site-ul?

Dacă nu pot aștepta două secunde, atunci nu mă pot aștepta ca cititorii mei să rămână atât de mult.

Există doi factori principali implicați în o experiență bună pentru utilizator:

1. Oferirea vizitatorilor ceea ce caută și
2. Dându-le repede.

Iată câțiva mai mulți factori de clasare pe noua experiență a paginii Google pe care îi puteți analiza pe site-ul dvs. web.

Și de îndată ce vizitatorii sunt confuzi și frustrați, înseamnă că am făcut ceva greșit și nu este nimic mai frustrat decât un timp lent de încărcare.

Dacă doriți cu adevărat să vă îmbunătățiți performanța generală a site-ului, atunci viteza de încărcare a site-ului ar trebui să fie cea mai mare prioritate.

3. Viteza site-ului vă afectează clasamentul Google:

Nu în ultimul rând, acesta domină clasamentul pe Google.

Google a mărturisit deja că se străduiește să facă întregul web rapid. Aceștia au misiunea de a face site-ul web foarte rapid, mai fiabil și util.

Nu poate fi posibil fără o viteză bună de încărcare și acordă prioritate site-urilor cu viteză de încărcare mare. Și, din cunoștințele mele, au anunțat în 2010 că acordă puțin mai multă preferință site-urilor web care au viteză de încărcare rapidă.

Și conform unui raport al SERoundtable, dacă site-ul dvs. durează peste 2 secunde pentru a încărca conținutul, atunci Google poate limita numărul de crawler-uri pe care le trimite către site-ul dvs.

Dacă este vorba despre site-ul dvs., atunci este mai puțin probabil ca Google să prefere și să preia cea mai recentă postare pe blog sau să observe orice actualizare recentă. Și cu siguranță vă va dăuna site-ului.

Deci viteza contează, aceasta afectează conversia site-ului dvs.; afectează experiența utilizatorului și afectează, de asemenea, clasarea motorului de căutare.

De acum, sunt sigur că ați învățat cât de important este un site web cu încărcare rapidă.

Și acum, înainte de a trece la tehnici specifice care să vă ajute să optimizați viteza generală a site-ului dvs. web, permiteți-ne să analizăm instrumentele care vă vor ajuta să analizați viteza paginilor dvs. web.

Instrumente de testare a vitezei site-ului

Bine, deci optimizarea vitezei site-ului contează! Acum, cum îți dai seama unde ești?

Adică site-ul tău este lent? Este la mijloc, sau este fulgerător (Felicitări atunci, probabil că poți să nu mai citești!).

Singura modalitate de a afla este prin testarea site-ului dvs. Există o mulțime de site-uri pentru a măsura viteza site-ului nostru, dar aici, în acest ghid, voi împărtăși doar câteva instrumente pe care personal prefer să le folosesc.

1. GTmetrix

GTmetrix este unul dintre cele mai bune instrumente pentru verificarea performanței site-ului web. Acest instrument este o opțiune bună pentru utilizatorii ocazionali și dezvoltatorii.

GTmetrix oferă un design ușor de utilizat, cu o mulțime de optimizări utile și aprofundate. Pentru a utiliza acest instrument, trebuie doar să puneți un link pe site și să faceți clic pe butonul „ Analizați” .

Când faceți clic pe butonul „ Analiză ”, va dura câteva secunde sau, uneori, un minut să răspunzi cu o analiză detaliată a site-ului tău web.

Și dacă aprofundați rezultatul GTmetrix și extindeți secțiunea „ recomandare” , acesta va afișa recomandări specifice pentru site-ul dvs. De asemenea, puteți face clic pe „Ce înseamnă asta?” pentru a afla mai multe despre acele erori și optimizări.

În afară de „ recomandări” , arată și timpul de căutare DNS al fiecărui fișier extern și intern pe care îl folosește site-ul tău. Dacă sunteți dezvoltator sau aveți abilități tehnice, vă va ajuta să vă optimizați în continuare site-ul.

2. Pingdom

Pingdom este un alt instrument cel mai eficient și excelent pentru optimizarea vitezei WordPress. Dacă sunteți începător sau dezvoltator, acest instrument vă va ajuta să vă testați eficient site-ul web și vă va ajuta cu recomandările pentru optimizarea site-ului.

Pentru a utiliza acest instrument, introduceți adresa site-ului dvs. web și apoi selectați „ locația de testare”. Odată ce ați ales locația de testare, faceți clic pe butonul „ Start Test” și va începe analizarea paginii.

Și similar cu GTmetrix, dacă sapi mai adânc, îți arată diverse recomandări pentru a-ți optimiza site-ul. Și mai jos, puteți găsi informații despre solicitările specifice de pe site-ul dvs. și analize în cascadă.

Acest instrument este cu adevărat util pentru a improviza viteza site-ului dvs. - Dar necesită anumite cunoștințe avansate pentru a beneficia. Puteți citi, de asemenea, o postare despre analiza Waterfall de către KeyCDN pentru a afla mai multe despre aceasta.

3. Google PageSpeed ​​Insights

Un alt instrument bun pentru testarea site-ului dvs. este PageSpeed ​​Insight de la Google. Acest instrument vă oferă doar sugestii prin care vă puteți optimiza site-ul web, dar nu ar împărtăși rezultatul testului de viteză al site-ului dvs.

Asta s-a schimbat, totuși. Acum, Google va partaja timpul de încărcare a paginii atât pentru First Contentful Paint (FCP) cât și pentru DOM Content Loaded (DCL) . Puteți afla mai multe despre aceste valori de viteză pe pagina oficială a dezvoltatorilor Google aici.

Dacă aveți un scor scăzut de viteză a paginii și împreună cu un timp de încărcare slab, atunci acest ghid este pentru dvs.! Puteți citi acest ghid până la sfârșit pentru a vă optimiza corect site-ul pe Google PageSpeed ​​Insight și pe alte site-uri web.

Puteți consulta și celălalt ghid al nostru despre rezolvarea Flash of Invisible Text (FOIT) pentru a optimiza fonturile site-ului dvs.

4. WebPageTest

Ultimul, dar nu în ultimul rând, instrumentul folosit pentru verificarea vitezei site-ului web este WebPageTest. Acest instrument este unul dintre cele mai avansate instrumente de testare a vitezei WordPress în ceea ce privește profunzimea funcționalității și datele pe care le oferă.

Când verificați viteza site-ului dvs. folosind instrumentul WebPageTest, puteți utiliza câteva Setări avansate pentru a vă analiza site-ul. Puteți utiliza aceste setări avansate pentru a;

Dacă verificați acest tweet al lui John Mueller de la Căutare Google, el vă recomandă și instrumentul WebPageTest pentru verificarea vitezei de încărcare a site-ului web.

Dacă sunteți confuz cu aceste opțiuni, vă recomand să încercați fila „Testare simplă” . În general, acest instrument este cel mai bun pentru a testa viteza site-ului dvs. și, dacă sunteți dezvoltator, vă va ajuta foarte mult să vă remediați site-ul.

Până acum, am învățat importanța de a avea un site web cu încărcare rapidă și instrumentele pentru verificarea vitezei site-ului.

Acum, este timpul să împărtășiți tehnicile pentru optimizarea corectă a site-ului dvs.

Aici, în acest tutorial, nu voi împărtăși doar pașii pentru a utiliza un plugin de cache pentru a optimiza CSS, JS, HTML sau pentru a folosi CDN așa cum fac alții, dar voi împărtăși cel mai accesibil mod prin care puteți face aceste optimizări corect.

Aceste metode sunt simple și mai simple cu exemple;

Dar înainte de a continua cu aceste metode, vă recomand să faceți mai întâi o copie de rezervă a site-ului dvs. WordPress utilizând pluginul Updraft Backup, care este disponibil gratuit la WordPress repo.

Odată ce ați făcut backup pentru site-ul dvs. WordPress, putem continua cu optimizarea site-ului.

Deci, cum să...

Optimizați-vă site-ul

Acum așteptarea s-a terminat!

Aici vă împărtășesc metodele pe care le folosesc întotdeauna pe site-ul meu pentru a-l optimiza. Puteți urma aceleași tehnici pentru a vă optimiza blogul, micronișa și, de asemenea, magazinul de comerț electronic.

1. Alegerea unei găzduiri web rapide și de încredere

Deci, primul pas este să alegeți un furnizor de găzduire web de încredere și rapid.

După cum am menționat deja, când oamenii îmi cer să-și optimizez site-ul, observ că foloseau planuri de găzduire partajată ieftine pe site-ul lor, iar utilizarea unui plan de găzduire ieftin nu poate face niciodată un site rapid.

Deci, dacă utilizați orice plan de găzduire partajată ieftin, atunci vă voi recomanda cu siguranță să treceți mai întâi de la furnizorul dvs. actual de găzduire web la orice furnizor de încredere.

Dacă îmi cereți o platformă de găzduire web rapidă și cea mai bună, vă voi recomanda întotdeauna DigitalOcean – Dar este nevoie de câteva abilități tehnice pentru a vă gestiona picăturile DigitalOcean. Deși este ușor și pentru a-l face mai convenabil, poți folosi orice panou de control de pe serverul tău (eu personal folosesc DigitalOcean în toate proiectele mele).

Aceste panouri pot include ServerPilot, VestaCP și multe altele - Dar recomand întotdeauna să utilizați ServerPilot, deoarece este unul dintre cele mai ușoare panouri de control pentru instalarea WordPress (Puteți face clic aici pentru a obține credit gratuit de 10 USD pe ServerPilot).

Și dacă sunteți începător și doriți o găzduire bazată pe cPanel, atunci puteți merge și cu SiteGround. SiteGround este unul dintre cei mai buni și de încredere furnizori de găzduire web pentru afaceri mici și site-uri web.

1.1 Găzduire recomandată

1.2 Gazduire nerecomandata

2. Alegerea temei WordPress optimizate

Când selectați o temă pentru site-ul dvs. WordPress, este esențial să selectați o temă care este optimizată pentru viteză. Unele teme frumoase și cu aspect impresionant sunt prost codificate și pot face site-ul dvs. foarte lent.

Și dacă nu utilizați o temă optimizată pe site-ul dvs., atunci sunt mai puține șanse ca aceste metode de optimizare a vitezei să funcționeze pentru dvs.

De obicei, prefer să merg cu o temă care are o interfață de utilizare simplă și curată decât să prefer o animație uriașă și o temă cu aspect complex. Puteți adăuga oricând acele funcții folosind un plugin WordPress de încredere și de calitate.

Dacă aveți nevoie de vreo recomandare de temă, vă sugerez să preferați teme WordPress premium de la StudioPress, MyThemeShop și GeneratePress. Temele de pe aceste piețe sunt optimizate și bine codificate atât pentru viteză, cât și pentru SEO. (Personal prefer să folosesc tema GeneratePress pe site-urile mele web)

De asemenea, puteți verifica Astra, care este o altă temă optimizată pentru viteză și SEO. Similar cu GeneratePress, această temă vine, de asemenea, cu o mulțime de opțiuni de personalizare și este una dintre cele mai descărcate teme din WordPress repo, cu peste 700.000 de instalări active.

2.1 Teme recomandate

Până acum am discutat despre un furnizor de găzduire web de încredere și rapid și despre o temă WordPress rapidă și de încredere.

Aceste două lucruri sunt esențiale pentru a trece la al treilea pas, care este despre optimizarea blogului/site-ului dvs. web folosind câteva plugin-uri WordPress.

3. Optimizare folosind pluginuri WordPress

Deci, înainte de a discuta despre optimizarea site-ului dvs. WordPress folosind câteva plugin-uri, presupunem că sunteți deja ocupat de două lucruri;

Dacă bifați aceste două casete, puteți trece la optimizarea WordPress folosind diverse plugin-uri și puteți explora modalități complete de a accelera viteza de încărcare a site-ului dvs.

3.1 Optimizați-vă site-ul cu WP Rocket

Deci primul plugin pe care îl folosim pentru optimizarea vitezei WordPress este WP Rocket.

WP Rocket este unul dintre cele mai bune plugin-uri pentru cache pentru WordPress, care vă ajută să vă încărcați site-ul mai repede. Este un instrument prietenos pentru începători, cu multă personalizare pentru a crește performanța site-ului dvs. în doar câteva clicuri.

Pluginul vă poate ajuta să optimizați;

Deci, acum, am înțeles elementele de bază ale utilizării acestui plugin. Acum vă vom arăta cum să vă optimizați corect site-ul folosind pluginul cache WP-Rocket.

Dacă utilizați orice alt plugin de cache, cu greu vă voi recomanda să treceți la WP-Rocket.

Este unul dintre cele mai ușoare, dar cele mai bune pluginuri pentru cache, și chiar și tu nu trebuie să dai peste cap setările lor, așa cum faci cu alte plugin-uri pentru cache. Doar un simplu clic și sunteți gata de plecare.

Asa de…

Cum să utilizați eficient WP-Rocket?

Veți găsi numeroase funcții în pluginul WP-Rocket și v-ați întrebat vreodată ce setări trebuie să activați pe site-ul dvs. web pentru a-l face fulgerător?

Odată ce ați instalat și activat pluginul WP-Rocket pe site-ul dvs. WordPress, accesați „ Setări ” > „ WP Rocket ” pentru a deschide pagina de configurare.

Acum, faceți clic pe Setări „ Cache ” pentru a seta cache-ul site-ului web folosind plugin-ul WP-Rocket. (Va arăta ceva de genul acesta)

În primul rând, trebuie să activați „ Cache mobil”, iar dacă configurați memoria cache pentru comerțul electronic, atunci activați setările „ Cache utilizator conectat”.

Apoi setați „ Durata de viață a memoriei cache ” la „ 10 ore ”.

Odată ce am terminat cu setările cache-ului, vom trece la „ Fișier Optimization ” de unde putem reduce HTML, CSS, JS, Defer JS și Combine CSS & JS.

Aceste setări sunt una dintre cele mai importante setări ale WP-Rocket. De asemenea, vă va ajuta să reduceți solicitarea HTTP prin combinarea CSS și JS a site-ului dvs.

Când faceți clic pe partea „ Optimizare fișiere ”, veți obține diverse opțiuni pentru a reduce HTML, CSS, JS și pentru a le combina în mai puține fișiere.

Și în „ Setări de bază”, bifați toate cele trei opțiuni la „ Minify HTML”, „ Combinați fișierele de font Google”, „ Eliminați șirurile de interogare”. Nu vă va afecta site-ul - Dar când activați setările „ Fișiere CSS ” și „ Fișiere JS ”, ​​asigurați-vă că nu vă va distruge site-ul.

Acum verificați opțiunea „Minify CSS”, „Combine CSS” și „Optimize CSS Delivery” din Fișiere CSS pentru a reduce CSS-ul și pentru a le combina în mai puține fișiere. De asemenea, va rezolva problema „ elimină CSS care blochează redarea ” de pe site-ul tău.

În mod similar, în secțiunea Fișiere JS , faceți clic pe „Eliminați JQuery Migrate”, „Minify JS”, ​​„Combinați fișiere JavaScript”, „Încărcați JavaScript amânat” și apoi activați „Modul sigur pentru JQuery” în secțiunea JS amânat.

După ce ați efectuat aceste setări în Optimizarea fișierelor , vă rugăm să ștergeți memoria cache și să vă asigurați că nu vă va distruge site-ul vizitând pagina de pornire sau orice pagină a site-ului dvs.

După setările de optimizare a fișierelor , veți obține setările pentru a gestiona încărcarea leneră și media. Faceți clic pe opțiunea Media pentru a face modificări în setările media;

Aici, în această opțiune, veți obține o opțiune pentru a activa lazyload pe imagini și videoclipuri și, de asemenea, veți primi o opțiune pentru a dezactiva încorporarea, emoji-urile și pentru a activa compatibilitatea WebP.

Vă voi sugera să activați setările Lazyload pentru imagini, iframe și videoclipuri. De asemenea, puteți înlocui videoclipurile YouTube sau cadrele iframe în imagini (credeți-mă, vă va face site-ul web fulgerător).

Veți primi, de asemenea, o opțiune de dezactivare a emoji-urilor și înglobărilor, de cele mai multe ori acestea nu ne sunt de nici un folos, iar prin dezactivarea înglobărilor, veți salva resursele site-ului dvs., așa că vă recomand să activați aceste setări.

După setările Media , veți primi o opțiune pentru a activa Preîncărcare pe site-ul dvs. web.

De ce este esențială preîncărcarea numerarului pentru îmbunătățirea performanței site-ului dvs.?

Preîncărcarea asigură că vizitatorii dvs. primesc imediat versiunile mai rapide, stocate în cache ale site-ului dvs. WP Rocket se ocupă automat de acest lucru, iar pagina ta de pornire și toate linkurile găsite pe ea vor fi preîncărcate

Odată ce ați făcut setările de preîncărcare , veți primi o opțiune de a configura setările avansate. Din Setări avansate, puteți gestiona cu ușurință câteva setări, care pot include dezactivarea memoriei cache pentru adresa URL personalizată sau cookie-uri personalizate, Agent de utilizator și curățarea URL-ului dorit.

După aceasta, veți primi o opțiune pentru a gestiona Optimizarea bazei de date și CDN, dar vom omite această setare aici. Și folosim pluginul WP-Optimize pentru a optimiza baza de date în mod eficient și vă vom arăta cum să implementați CDN mai târziu în secțiunea CDN.

Și din nou, după aceste setări, veți primi o opțiune de a gestiona API-ul WordPress Heartbeat. Practic, WordPress Heartbeat API oferă o conexiune pentru transferul de date în timp real și sincronizarea între server și browser.

Încă nu reușiți să înțelegeți setările bătăilor inimii? Aici vă împărtășesc câteva exemple în care sunt implicate setările pentru bătăile inimii;

Dacă utilizați un server cu resurse reduse, îl puteți dezactiva pentru a vă salva resursele, dar pentru site-urile web mici, nu este o problemă majoră.

Și acum ultima, dar nu cea mai puțin importantă setare din pluginul WP-Rocket, este setările de suplimente ale acestora. Dacă utilizați Facebook Pixel și Google Analytics pe site-ul dvs. web, vă va ajuta să le stocați local pe serverul dvs. pentru a optimiza viteza site-ului.

Îl puteți activa pur și simplu pentru a îmbunătăți problema de stocare în cache a browserului Leverage de pe site-ul dvs. web.

Un alt supliment grozav poate include integrarea site-ului dvs. web cu Cloudflare & Sucuri chiar din tabloul de bord WP-rocket. Vă va ajuta să ștergeți și să ștergeți memoria cache de pe acești furnizori CDN ori de câte ori ștergeți ceva de pe site-ul dvs. web.

Aveţi încredere în mine; acestea sunt una dintre cele mai bune setări care vă vor face site-ul foarte rapid. Dacă doriți ca site-ul dvs. să se încarce rapid, vă voi sugera să activați aceste setări.

De acum, am implementat câteva optimizări folosind plugin-ul WP-Rocket.

Acum vom folosi alte plugin-uri precum WP-Optimize pentru optimizarea bazei de date și AssetCleanUp Pro pentru optimizarea ulterioară a vitezei.

3.2 Optimizați-vă site-ul cu Asset CleanUp Pro

Odată ce v-ați optimizat site-ul web folosind WP Rocket și verificați rezultatul GTmetrix & Pingdom, veți vedea o îmbunătățire instantanee a vitezei de încărcare a paginii.

Dar nu am terminat aici, am menționat deja mai sus că trebuie să ne optimizăm site-ul cât de mult putem.

Așa că acum vom folosi alte câteva plugin-uri precum Asset CleanUp Pro pentru optimizarea ulterioară a site-ului nostru (puteți folosi și versiunea gratuită a Asset CleanUp pentru optimizare, dar aș sugera să obțineți cea plătită).

Acest plugin vă poate ajuta să remediați problema Flash of Invisible Text (FOIT) de pe site-ul dvs. web și, de asemenea, blochează accesul la fișierul XML-RPC și face mult mai multe lucruri.

Deoarece am optimizat deja site-ul nostru cu WP Rocket, modificarea HTML, CSS și JS și alte câteva setări sunt blocate și nu le putem activa (Este un lucru bun!)

Odată ce ați activat modul de testare, faceți clic acum pe opțiunea Optimize CSS și apoi derulați în jos la setările Cache Dynamic Loaded CSS și apoi activați-l.

După ce ați făcut-o, faceți clic pe butonul Salvare .

În mod similar, în secțiunea Optimize JS, activați cache-ul JavaScript încărcat dinamic.

Aceste opțiuni vă vor ajuta să memorați în cache valorile dinamice ale CSS și JS. Deși, nu veți întâmpina aceste probleme în WordPress după ce utilizați WP-Rocket.

După ce ați făcut aceste setări, faceți clic pe setările „ Descărcări comune la nivel de site ” după opțiunea „ CDN ”.

Aici veți găsi câteva opțiuni pentru a dezactiva Emojis , Embeds , Dashicons , Gutenberg CSS Block Library , JQuery Migrate și Comment Reply la nivelul întregului site .

Dar dacă nu utilizați Gutenberg, pictograma Dashicons pe blogul dvs., atunci le puteți dezactiva.

Și dacă nu utilizați WordPress ca blog, nu doriți ca vizitatorii să lase comentarii sau ați înlocuit comentariile implicite WordPress cu o platformă de comentarii, cum ar fi Disqus sau Facebook, atunci puteți, de asemenea, să dezactivați „ Site-ul de răspuns la comentarii - lată ” din setări.

Acum, vom trece la secțiunea „ Curățare sursă HTML ” de unde putem elimina elementele neutilizate din secțiunea <head>.

Din aceste setări, putem elimina elementele nedorite din secțiunile <head>.

Nu vă faceți griji!

Eliminarea acestor elemente nu va afecta deloc site-ul dvs.

Am eliminat mai multe opțiuni din aceste setări, inclusiv RSS de comentarii, etichete metageneratoare, etichete versiuni WordPress, API REST și linkuri RSD.

Puteți elimina aceste setări de pe site-ul dvs. web și nu vă va afecta site-ul. De asemenea, puteți elimina linkul de feed RSS numai dacă nu îl utilizați.

Și dacă utilizați versiunea premium a Asset Cleanup Pro , puteți schimba valoarea „ Aplicați font-afișare CSS ” din „ Nu aplica ” la „ Schimbați”. Acest lucru poate împiedica site-ul dvs. să apară o problemă de text invizibil. Puteți face clic aici pentru a afla mai multe despre această problemă.

De asemenea, puteți introduce adresa URL a fișierelor cu fonturi locale în secțiunea de preîncărcare pentru a o încărca instantaneu. Când preîncărcăm un fișier cu font, creștem în mod explicit prioritatea resursei.

Și după setările de Optimizare locală a fonturilor , veți vedea o opțiune similară în „ Fonturi Google”. setare.

Doar selectați opțiunea „ schimbare ” în setările de afișare a fontului și, de asemenea, activați preconectarea . Activarea opțiunii de preconectare va indica și va instrui browserul să se preconecteze la Fonturi Google în timp ce încarcă CSS, economisind timpul de încărcare.

Folosiți pluginuri și instrumente numai pe paginile necesare folosind Asset CleanUp Pro.

Începând de acum, am făcut câteva optimizări folosind Asset CleanUp pentru a îmbunătăți viteza de încărcare a site-ului – cu toate acestea, există câteva funcții uimitoare disponibile în acest plugin de care nu suntem conștienți.

Aceste caracteristici pot include încărcarea pluginurilor într-o anumită postare a site-ului web.

Cu cuvinte simple, să presupunem că utilizați „ Formularul de contact 7 ” (cel mai popular plugin pentru crearea unui formular de contact) pe site-ul dvs. și îl utilizați pe o anumită „ pagină de contact ” de pe site-ul dvs.

Dar principala problemă cu acest plugin este că își încarcă fișierul CSS și JS în secțiunea <head> a site-ului dvs. și, astfel, crește încă două solicitări pe toate paginile (inclusiv pagina de contact) - Dar avem nevoie doar de încărcare pe pagina specifică și aceasta este pagina de contact .

De exemplu; Dacă bifați TheVPNCoupon, folosesc pluginul „Formular de contact 7” pe pagina Contact și pe celelalte postări/pagini precum „Cele mai bune filme animate”, nu folosesc niciun formular de contact – dar încă încarcă CSS și JS a pluginului Contact Form 7 pe aceste pagini (Puteți verifica în imaginea de mai jos).

Dar cum poți rezolva această problemă?

Soluția este foarte simplă, trebuie doar să publicați postarea sau pagina și apoi să faceți din nou clic pe opțiunea „ Editați postarea/pagina ”, iar apoi acest plugin va încărca toate fișierele în tabloul de bord al postării WordPress.

Și apoi descărcați fișierul CSS și JS specific din opțiunea Asset CleanUp.

De exemplu; Dacă creez o pagină „ Contactați-ne ” pe site-ul meu folosind pluginul „ Formular de contact 7 ”, atunci voi publica pagina odată ce este gata și apoi, din nou, voi face clic pe opțiunea „ Editați pagina ”. .

Odată ce facem clic pe Editare Pagina, aceasta va afișa toate fișierele care sunt solicitate sau încărcate atunci când cineva încarcă pagina de contact.

Acum vom face unele modificări la setări și vom descărca CSS și JS din Formularul de contact 7 din toate paginile, cu excepția paginii de contact (Puteți efectua aceleași setări pe care le-am făcut în imaginea de mai sus).

3.3 Optimizarea imaginilor pe site

După cum știți, optimizarea imaginii este unul dintre cei mai importanți factori pentru încetinirea vitezei site-ului dvs. Este sursa principală de încetinire a site-urilor, așa că trebuie să ne comprimăm întotdeauna imaginile înainte de a le încărca pe site-ul dvs.

Chiar și atunci când verificați oricare dintre articolele noastre de blog la TheGuideX,

…imaginile sunt mai grele decât orice altceva de pe site-ul meu.

Prin urmare, optimizarea imaginilor ar trebui să conducă la cele mai semnificative îmbunătățiri ale vitezei site-ului dvs. și o face.

Știm cu toții că imaginile sunt esențiale pentru orice site web, dar nu se recomandă utilizarea unor imagini de înaltă calitate. Astfel, trebuie să ne asigurăm că imaginea pe care o încărcăm este optimizată corespunzător.

Ar trebui să comprimați imaginile în așa fel încât să nu scadă calitatea generală a imaginii, ci doar să reducă dimensiunea acesteia.

În acest scop, am creat un site web despre Optimizarea imaginilor și puteți utiliza acest site pentru a vă optimiza imaginile înainte de a le încărca în WordPress.

Pentru a vă optimiza imaginile în mod corespunzător, trebuie să urmați acești cinci pași;

Utilizați tipul corect de format de imagine

Cele două tipuri de imagini cel mai frecvent utilizate pe web sunt JPG-urile și PNG-urile.

Și nu seamănă;

Exemplu de imagine JPEG

Detalii imagine
Format de imagine	JPEG
Marimea imaginii	2.893 kb
Dimensiunea optimizată a imaginii	607 kb
Comprimarea imaginii % age	79%
Descrierea imaginii	Imagine complexă cu multe informații despre culoare.

Exemplu de imagine PNG

Detalii imagine
Format de imagine	PNG
Marimea imaginii	716 kb
Dimensiunea optimizată a imaginii	173 kb
Comprimarea imaginii % age	75%
Descrierea imaginii	Imagine simplă cu puține informații despre culoare

În exemplele de mai sus, am arătat o imagine JPG cu 79% compresie a imaginii și o imagine PNG cu un nivel de compresie similar - Dar dimensiunea comprimată a imaginii JPEG este mult mai mare decât dimensiunea originală a imaginii PNG din cauza complexității și a unei multe informații despre culoare.

Deci data viitoare, ori de câte ori încărcați imagini pe site-ul dvs. web, asigurați-vă că utilizați formatul de imagine corect.

3.4 Optimizarea bazei de date folosind WP-Optimize

De acum, ne-am optimizat site-ul folosind WP Rocket și Asset CleanUp, dar dacă tot simți că site-ul tău durează mult mai mult timp pentru a se încărca, atunci poți să-ți optimizezi baza de date și să ștergi revizuirile postării.

Uneori, când actualizăm conținutul site-ului nostru web sau când scriem ceva în Editorul WordPress, acesta salvează automat revizuirea postării în baza noastră de date.

Deci optimizarea bazei de date este un alt proces foarte util și important pentru a crește viteza unui site web.

Pentru a face acest lucru, vom folosi un plugin gratuit WordPress numit „ WP-Optimize”. Pluginul este dezvoltat de Team Updraft, care a dezvoltat și un plugin uimitor, pe care îl recomand pentru a face backup site-ului dvs.

Pentru a utiliza acest plugin, pur și simplu instalați pluginul „WP-Optimize” din depozitul WordPress.

Odată ce pluginul este instalat, aș recomanda să faceți o copie de rezervă a bazei de date și apoi să mergeți la „ WP-Optimize ” > „ Bază de date”. Și când sunteți pe pagina bazei de date, faceți clic pe „ Rulați toate optimizările selectate ” și va începe optimizarea bazei de date.

Va dura câteva minute pentru a vă optimiza baza de date și, odată ce este finalizat, va șterge toate revizuirile postărilor, comentariile spam, comentariile în așteptare, trackback-urile, postările aruncate în gunoi și schițele automate.

Nu vă faceți griji!

Postările și schițele dvs. vor rămâne în siguranță. Nu va șterge niciuna dintre postările dvs. publicate sau orice schiță de pe site-ul dvs. web, dar va șterge doar revizuirile. Deci ești în siguranță.

3.5 Nu utilizați aceste pluginuri pe site-ul dvs. web

Anumite plugin-uri vă pot încetini site-ul web și pot provoca o utilizare ridicată a procesorului. Îți voi sugera întotdeauna să nu folosești pluginuri grele pe site-ul tău.

Aceste pluginuri pot include;

În acest pas, am folosit câteva plugin-uri WordPress pentru a optimiza site-ul nostru în mod eficient, iar dacă verificați rezultatul GTmetrix & Pingdom al site-ului dvs., veți vedea o creștere instantanee a performanței.

Dar optimizarea vitezei nu se referă doar la optimizarea site-ului cu utilizarea unor plugin-uri sau a temei WordPress cu încărcare rapidă.

Există mult mai multe lucruri de făcut dacă doriți să creșteți performanța generală a site-ului dvs. De exemplu, folosirea unui CDN pe site-ul dvs. și difuzarea fișierelor, imaginilor sau datelor de pe cel mai apropiat server disponibil.

4. Utilizarea unei rețele de livrare de conținut (CDN)

Înainte de a vă explica cum puteți utiliza un CDN pentru a crește performanța site-ului dvs. web, mai întâi vom afla ce este un CDN și cum poate ajuta la îmbunătățirea performanței site-ului.

Deci, ce este un CDN sau o rețea de livrare de conținut?

Potrivit Akamai, A CDN (Content Delivery Network) este o platformă de servere foarte distribuită, care ajută la minimizarea întârzierilor la încărcarea conținutului paginii web prin reducerea distanței fizice dintre server și utilizator. Acest lucru permite utilizatorilor din întreaga lume să vadă același conținut de înaltă calitate, fără timpi de încărcare lenți.

Deci, cum poate ajuta la creșterea performanței site-ului?

Raspunsul este; Ori de câte ori vizitați un site web, acesta face cereri către serverul de la distanță, iar acest server răspunde cu datele. Transmiterea datelor se face prin internet public și provoacă o oarecare întârziere.

Și dacă reducem distanța mașinii tale locale la server, atunci cu siguranță va scădea timpul de întârziere și va crește performanța site-ului.

Așa că acum am înțeles utilizarea CDN-ului pe site-ul nostru web și cum este esențial să creștem performanța generală a site-ului nostru.

Acum vom discuta despre câteva CDN-uri pentru a crește performanța site-ului nostru web;

4.1 Utilizați Cloudflare pe site

Primul CDN pe care majoritatea oamenilor îl folosesc pe site-ul lor este Cloudflare.

Cloudflare a construit o rețea globală extinsă de centre de date care memorează în cache conținutul static mai aproape de utilizatori și oferă conținut dinamic prin cele mai rapide și mai fiabile legături de coloană vertebrală privată.

Configurarea Cloudflare pe numele dvs. de domeniu este foarte ușoară; trebuie doar să vă schimbați serverele de nume de la gazda actuală la Cloudflare și apoi vă puteți gestiona cu ușurință DNS-ul direct din Cloudflare.

Odată ce Cloudflare este activ pe numele dvs. de domeniu, conectați-vă la contul dvs. Cloudflare și apoi selectați site-ul dvs. din tabloul de bord.

Acum, accesați pagina SSL/TLS și setați SSL la Flexibil . De asemenea, puteți seta setările SSL la Complet - Dar înainte de a seta setarea SSL la Complet, asigurați-vă că site-ul dvs. folosește deja un SSL.

După ce ați configurat SSL pe site-ul dvs., accesați setările Edge Certificate în SSL și activați „ Folosiți întotdeauna HTTPS”, „ TLS 1.3 ” și activați „ Rescrieri automate HTTPS”.

Acum am terminat de configurat SSL pe site-ul nostru folosind SSL. După acest pas, faceți clic pe setările de viteză și apoi faceți clic pe Optimizare sub setările de viteză .

Odată ce vă aflați pe pagina Optimizare din Speed, activați Auto Minify pentru JavaScript, CSS și HTML.

Și apoi activați compresia Brotli pe site-ul dvs. web. Brotli este un algoritm de compresie dezvoltat de Google și servește cel mai bine pentru compresia textului.

Iată câteva caracteristici ale utilizării compresiei Brotli pe site-ul dvs. web;

Odată ce ați activat compresia Brotli pe site-ul dvs. web, puteți derula în jos la opțiunea Rocket Loader și apoi o puteți activa. În mod implicit, această setare este activată, dar uneori acest plugin intră în conflict cu pluginul WP Rocket și poate cauza probleme.

Acum trecem la setările Cache din Cloudflare și apoi setăm nivelul de cache la „ Standard ” și, respectiv, TTL pentru cache de browser la „ 1 an ”.

După ce ați activat aceste setări, derulați în jos la Always Online și faceți clic pentru a le activa. Cu aceste setări, dacă serverul dvs. se defectează, Cloudflare va servi paginile statice ale site-ului dvs. din memoria cache.

Puteți afla mai multe despre setările recomandate aici.

Acum, cel mai important lucru este configurarea regulilor paginii pe blogul nostru folosind Cloudflare.

Pentru a face acest lucru, deschideți setările Reguli de pagină în Cloudflare. Cu planul gratuit Cloudflare, putem crea doar reguli de 3 pagini, iar dacă doriți să creați mai mult de reguli de 3 pagini, trebuie să cumpărați mai multe reguli de pagină de la Cloudflare.

După cum puteți vedea în imaginea de mai sus, am creat o regulă de 3 pagini pe site-ul meu TheGuideX pentru a-și îmbunătăți performanța. Aceste reguli de 3 pagini sunt una dintre cele mai importante reguli care ajută la optimizarea site-ului nostru.

Acum, primul lucru este să faceți clic pe butonul Creare regulă de pagină care se afișează în culoarea albastră. Odată ce facem clic pe el, se va deschide o pagină de unde putem crea prima noastră regulă de pagină.

După cum puteți vedea în imaginea de mai sus, în primul câmp, trebuie să introducem adresa URL a paginii unde trebuie să aplicăm setările Regulii paginii, apoi trebuie să alegem setările din meniul drop-down. După ce am terminat, faceți clic pe butonul Salvare și implementare pentru a activa aceste reguli de pagină.

Regula prima pagină pentru Cloudflare

Deci prima regulă este;

• Adresa URL : example.com/wp-login.php
• Regula (pentru a selecta din meniul drop-down) : Nivel de securitate și apoi selectați Ridicat sau Sunt atacat

Exemplu;

Utilizarea acestei reguli de pagină

Această regulă a paginii adaugă un strat suplimentar de securitate fișierului tău wp-login.php. Ori de câte ori cineva încearcă să acceseze datele de conectare la tabloul de bord WordPress, acesta va verifica mai întâi integritatea browserului și va preveni atacurile cu forță brută pe site-ul dvs.

De asemenea, putem folosi câteva plugin-uri pentru a preveni atacurile de forță brută pe site-ul nostru, dar aceste tipuri de plugin-uri au nevoie de resurse uriașe ale site-ului și vă pot încetini site-ul. Prin urmare, folosim Cloudflare pentru a preveni tentativele rău intenționate pe pagina noastră de conectare.

Regulă pentru pagina a doua pentru Cloudflare

A doua regulă este;

• Adresa URL : example.com/wp-admin/*
• Regulă (de selectat din meniul drop-down) : Dezactivați performanța

Exemplu;

Utilizarea acestei reguli de pagină

Această regulă a paginii a dezactivat performanța în folderul wp-admin. Dezactivarea acestuia va dezactiva Minification, Rocket Loader, Mirage și Polish din partea de backend a site-ului dvs.

Regulă pentru pagina a treia pentru Cloudflare

A treia regulă este;

• Adresa URL : example.com/wp-content/*
• Regula 1 : Browser Cache TTL => un an
• Regula 2 : Întotdeauna online => Activat
• Regula 3 : Nivelul cache => Cache totul
• Regula 4 : Edge Cache TTL => o lună

Exemplu;

Utilizarea acestei reguli de pagină

A treia regulă a paginii funcționează în folderul wp-content și memorează în cache tot ce este în interiorul folderului wp-content, iar cache-ul browserului expiră TTL este momentul în care Cloudflare instruiește browserul unui vizitator să memoreze o resursă în cache.

Până la expirarea timpului, browserul încarcă resursele din memoria cache locală, astfel ajută la accelerarea site-ului.

Și Edge Cache TTL este o setare care controlează cât timp serverele Cloudflare vor stoca în cache o resursă înainte de a solicita o copie nouă.

Dacă ați implementat aceleași setări pe site-ul dvs. folosind Cloudflare, există multe șanse ca site-ul dvs. să înceapă să funcționeze bine pe GTmetrix și alte instrumente de testare a vitezei paginii.

Și până acum, tocmai am partajat un CDN pentru a îmbunătăți performanța generală a site-ului nostru. Acum vom distribui mai multe CDN-uri care pot funcționa împreună cu Cloudflare CDN.

4.2 Utilizați ImageKit pentru optimizarea imaginii

Acum vom folosi ImageKit pentru a ne optimiza imaginile în timp real. Este una dintre rețelele CDN de optimizare și transformare a imaginii în timp real care ajută site-ul web să reducă dimensiunea reală a fotografiilor fără a avea de fapt niciun efect asupra calității vizuale vizibile a imaginii.

Unul dintre cele mai bune lucruri care mi-au plăcut cel mai mult în acest CDN este integrarea rapidă cu aplicația precum WordPress. Oferă prețuri rezonabile și am considerat că este o opțiune mult mai bună de a alege pentru o mai bună optimizare a imaginii.

ImageKit oferă trei tipuri de prețuri pentru CDN și le puteți alege în funcție de cerințele site-ului dvs. (folosesc Forever Free Plan pe site-ul meu).

După ce alegeți prețul și vă înregistrați pe platforma lor, trebuie să creați un punct final . După ce ați creat punctul final , veți primi adresa URL CDN (verificați imaginea de mai jos)

După cum puteți vedea, am creat o adresă URL CDN bazată pe server web pentru numele de domeniu TheGuideX . URL-ul meu CDN este https://ik.imagekit.io/tgx/

Odată ce obținem adresa URL ImageKit, trebuie să o activăm pe site-ul nostru WordPress. Pentru a face acest lucru, trebuie să deschidem setarea WP Rocket CDN vizitând WordPress Admin Panel > Setări > WP Rocket > CDN,

Odată ce ne aflăm pe pagina CDN, trebuie să activăm CDN -ul pentru site-ul nostru web și apoi în câmp introduceți URL-ul ImageKit și în setarea „ rezervare pentru” , schimbați-l în imagini.

Odată ce o faci, WP Rocket rescrie doar adresa URL a imaginilor de la numele https://theguidex.com la https://ik.imagekit.io/tgx. Deci, imaginile dvs. vor începe să se încarce de la adresa URL CDN în timp real.

Odată ce faceți aceste modificări, acum vom face câteva optimizări în ImageKit pentru compresii mai bune și livrarea imaginilor.

Și pentru aceste modificări de optimizare, ne conectăm din nou la ImageKit Dashboard și apoi facem clic pe Setări imagine.

Odată ce vă aflați pe pagina Setări imagine , puteți personaliza setările în funcție de nevoile dvs.

Aici, după cum puteți vedea, am activat „ Utilizați cel mai bun format pentru livrarea imaginii” și am activat și calitatea imaginii la 70%.

Dacă doriți, puteți activa și setările pentru Data Saver. Dacă un utilizator al site-ului dvs., folosește modul Data Saver în browserul său, ImageKit va folosi diferite metode, inclusiv reducerea calității și fără suport DPR automat, făcând imaginile mai ușoare și încărcate mai rapid.

Iar lângă Setări de optimizare , veți primi o opțiune de Optimizare rețea. În setările de optimizare a rețelei, veți obține o opțiune de a difuza calitatea imaginilor în funcție de tipul de rețea al utilizatorilor.

În mare parte, oamenii folosesc dispozitive 4G. Examinați-vă îndeaproape analizele pentru a afla mai multe despre tipul de rețea. Dacă descoperiți că oamenii folosesc rețeaua mai lentă pentru a vă accesa site-ul web, atunci puteți seta manual calitatea livrării imaginii de aici.

Deci, acestea sunt cele mai importante setări pentru ImageKit, dar puteți face mult mai multe setări din pagina lor de setări imagine .

Aceste setări pot include setarea manuală a înălțimii și lățimii imaginii pentru dispozitivele mobile și desktop, salvarea unei copii a imaginilor dvs. etc., dar nu vom discuta despre aceste setări în această postare și nu ne sunt de nici un folos.

Acum vom trece la a treia parte a utilizării unui CDN pe site-ul nostru web. Și în acest pas, vă vom arăta cum să implementați și să utilizați Cloudfront pe site-ul nostru web pentru JS și CSS.

4.3 Utilizați Amazon Cloudfront pentru JS și CSS

După cum știți, Amazon CloudFront este unul dintre cele mai populare CDN pe care le-ați primit vreodată, iar cele mai mari site-uri web din lume se bazează pe serviciul Amazon CloudFront CDN.

Au 61 de servere implementate pe tot globul, care sunt capabile să transmită și să livreze imaginile site-urilor web mai rapid în anumite locații.

Mai întâi, faceți clic pe „ Începeți cu Amazon Cloudfront” și înregistrați-vă pe site-ul lor folosind ID-ul dvs. Amazon existent, sau puteți utiliza, de asemenea, un nou ID de e-mail pentru a vă înregistra pe platforma lor.

După ce v-ați conectat la contul Amazon AWS, căutați Cloudfront (puteți face clic aici și pentru a vizita pagina Cloudfront direct) și apoi faceți clic pe „ Creați distribuție” , apoi selectați proprietatea Web și faceți clic pe „ Începeți”.

În Numele de domeniu de origine, introduceți numele domeniului dvs. În acest caz, numele meu de domeniu este https://theguidex.com, așa că intru în theguidex.com (fără www sau https).

Alături, trebuie să introduceți calea de origine , să introduceți calea către folderul wp-content și apoi să selectați TLSv1 în protocolul SSL și să selectați „ Match Viewer” în protocolul de origine.

Acum, derulați în jos la „ Setări de distribuție”, apoi selectați „ Utilizați toate locațiile Edge” în clasa de preț și setați setările implicite CloudFront SSL.

De asemenea, puteți seta versiunea HTTP suportată S și o puteți schimba în „HTTP/2, HTTP/1.1, HTTP/1.0”. După ce ați făcut aceste setări, faceți clic pe „ Creați distribuție”.

Mergeți din nou la pagina de distribuție Cloudfront și verificați dacă distribuția dvs. este activată corect (se va afișa în textul de culoare verde sub secțiunea de stare).

După ce este activat, faceți clic pe ID -ul domeniului dvs. de origine.

Când faceți clic pe ID-ul de distribuție, se va deschide o pagină similară pe care am arătat-o ​​în imaginea de mai sus. Copiați numele domeniului (afișat în caseta roșie) și lipiți-l în secțiunea CDN a WP Rocket.

După ce lipiți numele domeniului în WP Rocket, selectați rezervat pentru => „ Javascript/CSS ”.

Acum ați configurat cu succes AWS Cloudfront pe numele dvs. de domeniu.

Aceste setări sunt suficiente pentru ca site-ul dvs. să-și sporească performanța în Google PageSpeed ​​Insight, GTmetrix și Pingdom. Acum puteți vedea o creștere instantanee a performanței site-ului dvs.

Totuși, dacă nu sunteți sigur cum să creșteți viteza site-ului dvs. web sau aveți nevoie de un serviciu de optimizare a vitezei site-ului, mă puteți contacta la adresa de e-mail [email protected] .

Până acum, am făcut în mare parte toate lucrurile posibile pentru a optimiza viteza site-ului nostru – Dar dacă sunteți un utilizator avansat, atunci vă împărtășesc câteva metode care vă vor ajuta să creșteți viteza site-ului.

Dar dacă sunteți începător sau dacă nu aveți cunoștințe tehnice, atunci v-aș recomanda să contactați asistența pentru găzduire pentru a gestiona acest tip de lucruri.

Reglarea fină a WordPress pentru viteză (avansat)

În această metodă de optimizare a vitezei WordPress, vă împărtășim câteva sfaturi avansate care funcționează uimitor pentru a optimiza viteza site-ului dvs.

1. Utilizați cea mai recentă versiune PHP

Prin urmare, prima metodă de optimizare a site-ului dvs. este utilizarea celei mai recente versiuni PHP. Noul PHP 7 este de două ori mai rapid decât predecesorii săi. Acesta este o creștere uriașă a performanței de care trebuie să profite site-ul dvs.

De ce să folosiți cea mai recentă versiune de PHP?

Dacă nu știți de ce să utilizați cea mai recentă versiune de PHP pe site-ul dvs., atunci iată răspunsul, WordPress este scris în principal în limbaj PHP, iar PHP este un limbaj pe partea de server.

Deci, dacă utilizați cea mai recentă versiune PHP pe site-ul dvs. web, puteți crește performanța site-ului dvs. Cea mai recentă și stabilă versiune de PHP este v7.4; Eu chiar folosesc această versiune de PHP pe acest site.

2. Limitați revizuirile post

Uneori uităm să ne optimizăm baza de date folosind plugin-uri precum WP-Optimize și, așa cum am menționat mai sus, că atunci când scriam această postare, a salvat peste 40 de revizuiri în baza mea de date.

Uneori, salvarea automată a atât de multe revizuiri poate scădea performanța site-ului dvs. la cel mai rău nivel. Puteți limita cu ușurință numărul de revizuiri pe care WordPress le păstrează pentru fiecare articol.

Adăugați această linie de cod în fișierul dvs. wp-config.php.

 define('WP_POST_REVISIONS', 4);

3. Dezactivați Hotlinkingul și Leeching-ul conținutului dvs

Uneori, dacă creăm conținut de calitate pe site-ul nostru web, acesta este furat prin utilizarea RSS și, uneori, alte site-uri web vă oferă imaginile direct de la URL-urile lor de pe site-ul dvs. web, în ​​loc să le încarce pe propriile servere.

În acest fel, vă dăunează site-ului, deoarece v-au furat lățimea de bandă a site-ului și nu obțineți niciun beneficiu din aceasta.

Așadar, în acest caz, trebuie să folosim codul .htaccess pentru a bloca hotlink-ul imaginilor pentru a salva resursele site-ului și lățimea de bandă. Codul este după cum urmează;

 #disable hotlinking de imagini cu opțiunea de imagine interzisă sau personalizată
RewriteEngine activat
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?theguidex.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L] 

Notă: Nu uitați să schimbați theguidex.com cu propriul nume de domeniu.

De asemenea, puteți dezactiva fluxul RSS dacă nu îl utilizați pe site-ul dvs. web.

4. Utilizați firewall-ul site-ului la nivel DNS

Un alt factor cel mai important pentru optimizarea vitezei este utilizarea unui firewall de site la nivel de DNS. Dacă ți-ai amintit, am creat o regulă de pagină Cloudflare pe theguidex.com/wp-login.php pentru a crește securitatea paginii mele de conectare.

Ei bine, folosesc și versiunea premium a Wordfence pe site-ul meu, este un plugin fantastic și ajută la blocarea amenințărilor, atacurilor de forță brută în timp real, dar fără îndoială; este un plugin greu și este nevoie de o mulțime de resurse ale site-ului meu pentru a lupta împotriva amenințărilor.

Și pentru a preveni utilizarea ridicată a resurselor CPU, folosesc firewall-uri pentru site-uri la nivel DNS pe site-ul meu. Prin urmare, asigurați-vă că utilizați firewall-uri la nivel DNS pentru a îmbunătăți performanța site-ului dvs. și pentru a opri amenințările la nivel de DNS.

5. Reduceți apelurile la baza de date

Acest pas este puțin mai complex și necesită cunoștințe tehnice pentru a reduce apelurile la baza de date de la tema ta. Există multe teme prost codificate care nu respectă regulile WordPress și fac prea multe apeluri inutile către o bază de date.

Aceste teme pot încetini site-ul dvs. și pot reduce apelurile la baza de date și pot crește performanța generală a site-ului dvs.

Chiar și unele dintre temele curate codificate și bine optimizate fac apeluri inutile la baza de date pentru a obține informații de bază din baza de date. Deci, creați o temă copil și adăugați static aceste informații de bază pentru a reduce numărul de apeluri la baza de date.

6. Împărțiți comentariile în pagini

Dacă primești multe comentarii pe blogul tău, atunci în primul rând, felicitări! Acesta este un semn grozav de a construi un public grozav.

Dar dezavantajul este că încărcarea unei postări cu toate comentariile poate încetini viteza.

În acest caz, puteți împărți comentariile în diferite pagini pentru a improviza și mai mult viteza paginilor dvs. web. Procesul este ușor, pur și simplu accesați Setări » Discuție și bifați caseta de lângă opțiunea „ Sparți comentariile în pagini ”.

7. Verificarea compresiei GZIP

Comprimarea GZIP este un alt factor crucial pentru creșterea vitezei unui site web. Dacă utilizați pluginul wp rocket pe site-ul dvs. web, acesta îl activează automat pentru dvs.

Comprimarea GZIP este activată pe partea serverului și ajută la comprimarea dimensiunii fișierelor HTML, JS și CSS. Nu va funcționa pe imagini, deoarece acestea sunt deja comprimate într-un mod diferit.

Puteți utiliza unele instrumente precum Verificați compresia GZIP pentru a verifica dacă site-ul dvs. folosește GZIP sau nu.

Dacă site-ul dvs. nu folosește GZIP, atunci puteți utiliza acest cod în fișierul .htaccess pentru a activa GZIP pe site-ul dvs. - Dar asigurați-vă că utilizați serverul Apache pe site-ul dvs. înainte de a utiliza acest cod.

 # Comprimați HTML, CSS, JavaScript, Text, XML și fonturi
  AddOutputFilterByType DEFLATE aplicația/javascript
  AddOutputFilterByType DEFLATE aplicația/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE aplicația/x-font
  AddOutputFilterByType DEFLATE aplicația/x-font-opentype
  AddOutputFilterByType DEFLATE aplicația/x-font-otf
  AddOutputFilterByType DEFLATE aplicația/x-font-truetype
  AddOutputFilterByType DEFLATE aplicația/x-font-ttf
  AddOutputFilterByType DEFLATE aplicația/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE aplicație/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE imagine/svg+xml
  AddOutputFilterByType DEFLATE imagine/pictogramă x
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plat
  AddOutputFilterByType DEFLATE text/xml

  # Eliminați erorile din browser (necesar doar pentru browserele foarte vechi)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Adăugați antet Vary User-Agent

8. Folosiți preîncărcarea

Preluarea resurselor este o altă tehnică excelentă de optimizare pentru a crește performanța site-ului dvs. Îl putem folosi pentru a spune browserului de ce active ar putea avea nevoie utilizatorul în viitor, chiar înainte de a avea nevoie de ele.

În calitate de dezvoltator, cunoaștem aplicațiile mai bine decât le cunoaște browserul. Deci, folosim aceste informații pentru a informa browserul despre resursele de bază.

De exemplu,

 < link rel = " prefetch " href = " image.png " >

9. Reduceți utilizarea fonturilor web

Uneori, pentru a face un text captivant, folosim mai multe fonturi web – Dar cel mai mare dezavantaj al folosirii prea multor fonturi web este că crește timpul de redare a paginii. Acest lucru adaugă, de asemenea, o solicitare HTTP suplimentară la resursele externe. Și, în general, doriți să mențineți cererile HTTP la minimum.

După cum puteți vedea în imaginea de mai sus, folosesc doar patru fonturi web pe site-ul meu, de care chiar am nevoie. De asemenea, ar trebui să vă asigurați că blogul dvs. nu folosește tone de fonturi web inutile pentru a reduce timpul de redare a paginii dvs.

Acum e rândul tău

Printre diferitele moduri de a vă optimiza blogurile WordPress, am împărtășit câteva tehnici de optimizare, pe care le folosesc personal pe propriul meu site web pentru optimizarea vitezei. Aceste metode sunt simple și ușor de implementat.

Și acum este timpul să investești o oră în îmbunătățirea vitezei site-ului tău WordPress.

Și credeți-mă, odată ce vă optimizați cu atenție blogul folosind aceste metode, performanța site-urilor dvs. web va crește și, de asemenea, va îmbunătăți timpul general de încărcare a site-ului.

Sper că acest articol vă oferă o clarificare clară cu privire la unele dintre modalitățile eficiente de a crește viteza blogului dvs. WordPress și, dacă ați găsit acest articol util, anunțați-ne în secțiunea de comentarii. Și dacă utilizați o altă metodă pentru a vă optimiza site-ul web, anunțați-mă în secțiunea de comentarii de mai jos.