10 moduri eficiente și ușoare de a accelera site-ul WordPress

Publicat: 2016-12-23


10 Effective and Easy Ways to Speed up a WordPress Site

10 moduri eficiente și ușoare de a accelera un site WordPress

În epoca modernă, un număr mare de companii au recurs să se bazeze pe puterea venerabilului WordPress – așa că nu este de mirare că viteza de încărcare a site-urilor WordPress este un factor critic pentru succesul afacerii. Fără a prevarica, site-urile WordPress lente care se târăsc de-a lungul ca melasa sunt dăunătoare afacerii tale. De aceea, este extrem de important să se asigure un site web extrem de rapid, care este în mod dublu SEO și ușor de utilizat, adunând o implicare excepțională a utilizatorilor alături de vizualizările prețioase ale paginilor.

În acest articol amplu de cercetare, echipa noastră tehnică conștiincioasă a întreprins diverse teste interne pentru a determina factorii care pot accelera un site web WordPress și, în cele din urmă, îi permit să devină cât mai prietenos cu SEO.

Pașii meticuloși pe care i-am întreprins pentru a accelera site-ul nostru WordPress de testare au fost următorii:

  1. Instalarea pluginului WordPress Cache și Leverage Browser Caching
  2. Minimizarea CSS și JavaScript
  3. Optimizarea imaginilor
  4. Activarea compresiei gzip și
  5. Utilizarea unei rețele de livrare de conținut (CDN)

După efectuarea acestor pași, site-ul a început deja să prezinte unele îmbunătățiri ale vitezei, dar abia a ajuns la nivelul necesar. În etapele ulterioare, am introdus mai mulți pași suplimentari pentru a ne asigura că experimentul nostru a fost mai cuprinzător și, mai ales, orientat către rezultate concrete. Desigur, pentru a urma instrucțiunile, vă recomandăm să aveți cunoștințe WordPress intermediare/începătoare și abilități de depanare, astfel încât să puteți urma cu plăcere fiecare dintre instrucțiunile sugerate.

Pe durata diverselor noastre experimente, am folosit instrumentul Google Page Speed ​​Insight pentru a măsura viteza reală a paginii dintr-un scor de 100. Cu cât scorul este mai ridicat, cu atât site-ul este mai rapid. Acest instrument a indicat, de asemenea, câțiva factori negativi care au fost responsabili pentru încetinirea site-ului WordPress și a oferit sugestii pentru a acționa pentru creșterea vitezei site-ului WordPress.

Pentru ca nu cumva să fim acuzați de teste de laborator care eșuează în lumea reală, am transformat aceste instrumente și expertiza noastră către unul dintre blogurile clienților noștri. Cu răspunsuri lente, niciun utilizator nu avea să aibă o primă impresie bună, așa că scopul lor a fost urgent și accelerează dramatic site-ul lor WordPress. După ce am efectuat toți următorii pași bine enumerați, am rezolvat cu succes totalitatea problemelor de viteză WordPress ale clientului și am obținut un punctaj exemplar 100/100 cu instrumentul Google PageSpeed.

OBȚINEȚI WORDPRESS HOSTINGHIRE PROGRAMATOR WORDPRESS

Iată primele 10 moduri ușoare de a vă accelera site-ul WordPress

  1. Alegeți cel mai bun furnizor de găzduire web
  2. Instalați WordPress Cache Plugin și Leverage Browser Caching
  3. Reduceți CSS și JavaScript
  4. Optimizați imaginile
  5. Activați compresia Gzip
  6. Goliți gunoiul și optimizați baza de date WordPress
  7. Utilizați Rețeaua de livrare de conținut
  8. Reduceți revizuirile postate și dezactivați trackback-urile și pingback-urile
  9. Împărțiți comentariile și postările lungi în pagini
  10. Nu încărcați videoclipuri direct pe WordPress

1. Alegeți cel mai bun furnizor de găzduire web

Acest lucru ar trebui să fie evident, dar să fim sinceri, nu este întotdeauna simplu. Merită să cercetezi temeinic înainte de a da bani și este asemănător cu fundațiile casei tale - ultimul domeniu în care vrei să fii avar. Înainte de a începe chiar să optimizați site-ul dvs. WordPress, asigurați-vă că furnizorul dvs. de găzduire web nu încetinește site-ul dvs. la un acces cu crawlere din proprie voință. Furnizorii de găzduire web, din păcate, își exagerează frecvent serverele și acest lucru va afecta în mod dăunător timpul de răspuns extrem de important al serverului dvs.

În cazul în care timpul de răspuns al serverului dvs. este mai mare de 200 de milisecunde (ms), testul Google PageSpeed ​​va semnala cu un semnal roșu agitat „timpul de răspuns redus al serverului”. Acest lucru indică probabil că serverul dvs. de găzduire web este lent și că va trebui să contactați direct furnizorul dvs. de găzduire pentru a îmbunătăți timpul de răspuns al serverului. Diferențele dintre furnizori pot fi puternice. Aici, de exemplu, am efectuat un test PageSpeed ​​pentru blogul WordPress al clientului nostru înainte de a le migra în mediul nostru de găzduire. Rezultatele vorbesc de la sine și vă puteți arunca privirea asupra rezultatelor dramatice ale testelor de mai jos.

Google Page Speed Insight Feedback to Reduce Server Response Time

Rezultatele testului sunt indicate alături de steagul roșu menționat mai sus, care ne instruiește în mod util să „reducem timpul de răspuns al serverului”. Mulțumesc Google! Această întârziere îngrozitoare a fost măsurată ca fiind de aproximativ 4,2 secunde inacceptabile. Astfel, din cauza timpului slab de răspuns al serverului, scorul PageSpeed ​​pentru site a fost redus la un mizer 68. Ne-am putea descurca mult mai bine, întrucât se spune că site-urile WordPress cu timpi de încărcare a paginii sub 2 secunde sunt bune. În mod ideal, totuși, ar trebui să te străduiești să o faci cât de repede poți. Google chiar sugerează, conform informațiilor lor PageSpeed, că, în mod ideal, răspunsul serverului ar trebui să fie excepțional de rapid și menținut sub 200 ms.

Care este scorul PageSpeed ​​al site-ului dvs. WordPress? Click aici pentru a afla.

În urma acestui test primar, am migrat în mod natural site-ul WordPress al clientului nostru către platforma noastră de găzduire WordPress extrem de optimizată și am efectuat un al doilea test PageSpeed. Cu o cutie verde fericită, rezultatele ies în evidență de la sine:

Feedback-ul privind timpul de răspuns al serverului Google Page Speed ​​Insight a fost remediat

Feedback-ul privind timpul de răspuns al serverului Google Page Speed ​​Insight a fost remediat

După migrarea noastră, timpul de răspuns al serverului a fost redus la un nivel excepțional de 200 ms și eroarea neliniștită „Reducere timp de răspuns a serverului” a fost rezolvată cu hotărâre, sperăm să nu se întoarcă niciodată insidios.

Desigur, nu putem arăta întotdeauna cu degetul către furnizorul de găzduire, deoarece cu siguranță nu sunt întotdeauna sursa problemei. Uneori, puteți găsi timpi de răspuns slabi, chiar și de la cel mai exemplar și inteligent furnizor de găzduire web. Foarte posibil, site-ul dvs. și-a depășit hardware-ul anterior și vă solicită în liniște să-l furnizați cu tehnologie superioară. Dacă acesta este cazul, atunci planul dvs. actual de găzduire nu mai este capabil să ruleze în mod optim site-ul dvs.

Într-un astfel de caz, va trebui pur și simplu să actualizați pachetul de găzduire WordPress la următorul plan care este mai sus pe scară sau chiar la o opțiune de găzduire complet nouă și semnificativ mai puternică, cum ar fi cu un VPS . Desigur, dacă nu reușiți să vedeți nicio îmbunătățire a timpului de răspuns al serverului dvs. după o schimbare a planului, cu siguranță este timpul să începeți să căutați furnizori superiori de găzduire și, ulterior, să treceți.

OBȚINEȚI WORDPRESS HOSTINGHIRE PROGRAMATOR WORDPRESS

2. Instalați WordPress Cache Plugin și Leverage Browser Caching

După minimizarea timpului de răspuns al serverului, ne vom îndrepta energia către următoarea eroare pe care o vom rezolva, care este legată de „caching” mereu importantă a conținutului. Google însuși recomandă cu fermitate păstrarea în cache a conținutului static al site-ului dvs. WordPress și, în consecință, utilizarea funcției puternice de stocare în cache a browserului dvs. Memorarea în cache a conținutului static va oferi confortabil o creștere a vitezei site-ului dvs. WordPress de până la 3 până la 7 ori .

WordPress are o multitudine de pluginuri de stocare în cache care nu numai că îți memorează în cache conținutul, dar oferă și integrare CDN utilă perenă, compresie Gzip, minimizare CSS/JavaScript și o multitudine de alte caracteristici. Activarea memoriei cache a browserului nu este dificilă, este pur și simplu necesar să instalați și să configurați pluginul cache ales din tabloul de bord WordPress, la fel ca în cazul oricărui alt plugin WordPress.

Instalați pluginul de cache și activați memorarea în cache a browserului

Instalați pluginul de cache și activați memorarea în cache a browserului

După testarea noastră extinsă pe câteva plugin-uri WordPress Caching, au existat trei plugin-uri care s-au evidențiat de restul pachetului proverbial. Acestea erau:

  • #1 – W3 Total Cache
  • #2 – WP Super Cache
  • #3 – Cel mai rapid cache WP

Acum, dacă nu doriți să instalați cu adevărat un plugin WordPress din orice motiv, este posibil să activați manual memorarea în cache a browserului prin adăugarea unui cod de antet Expires la fișierul dvs. .htaccess.

După cum vă prezentăm mai jos, scorul Google PageSpeed ​​înainte de instalarea oricărui plugin de cache pentru WordPress a fost de 64/100. Dacă ați ținut pasul cu noi, există o modalitate excelentă de a remedia acest lucru, conform erorii pe care Google a generat-o pentru aceasta. scor slab: „Folosește stocarea în cache a browserului”!

Google Page Speed Insight Score Before Enabling Caching Plugin

Scorul Google Speed ​​Insight înainte de a activa pluginul de cache]

Acum, în mod clar, asta nu este suficient de bun, așa că am decis să instalăm pluginul W3 Total Cache pentru nevoile noastre de stocare în cache a conținutului. După instalare, am retestat cu nerăbdare viteza paginii, iar rezultatele au fost exemplare.

După instalarea pluginului de cache W3 Total Cache
Scor de viteză a paginii Google : 83 / 100 (îmbunătățit)
Motivul acestei îmbunătățiri : eroarea de stocare în cache a browserului este corectată în proporție de 95%.

Pentru a accelera WordPress, pluginul W3 Total Cache setează în mod util și inteligent timpii de expirare pentru toate scripturile interne la durate sensibile. De exemplu, scripturile dvs. CSS vor fi stocate în cache timp de 7 zile, imaginile vor fi stocate în cache timp de 30 de zile și așa mai departe. După configurarea acestei memorări în cache internă utilă, avertismentul „leverage browser caching” a fost corectat în proporție de 95%.

Google Page Speed Insight Score After Enabling Caching Plugin

Scorul Google Speed ​​Insight după activarea pluginului de cache

95% dintre erorile din memoria cache a browserului Leverage au fost apoi corectate. Pentru cei care țin evidența, asta lasă 5% dintre erori existente. Din păcate, acestea s-au datorat unor scripturi terță parte, cum ar fi Facebook și Twitter, pentru care acest instrument nu poate seta memorarea în cache. Este puțin de făcut în acest sens, deoarece nu controlați stocarea în cache a unor astfel de date terțe. Nu vă faceți griji, totuși, efectele sunt probabil mici și, prin urmare, nu ar trebui să vă faceți griji în mod nejustificat pentru a învinge complet eroarea de „leverage browser caching”.

3. Minimizează CSS și JavaScript

Minificarea este un cuvânt drăguț, dar nu este pur și simplu nimic altceva decât eliminarea caracterelor inutile și inutile dintr-un document text, cum ar fi spațiile albe, liniile noi, comentariile și delimitatorii de blocuri din fișierele HTML, JavaScript și CSS.

Pentru a fi clar, aceste caractere îmbunătățesc foarte mult astfel de fișiere pentru lizibilitatea umană, dar sunt complet inutile pentru procesarea computerelor și browserelor web. Eliminarea caracterelor inutile și a codului redundant poate accelera foarte mult WordPress prin reducerea dimensiunii paginii cu un număr mare de kiloocteți.

Aici, prezentăm rezultatele vitezei paginii WordPress, arătându-ne câteva feedback despre minimizarea fișierelor noastre CSS și JS.

Avertisment privind reducerea vitezei paginii Google

Avertisment privind reducerea vitezei paginii Google

Conform rezultatelor, este posibil să ne mărim și mai mult viteza atât prin reducerea numărului de apeluri către CSS și JS, cât și prin minimizarea dimensiunii paginii.

Top pluginuri WordPress pentru a reduce CSS și JavaScript

Din fericire, pentru WordPress, există o multitudine de pluginuri care vă vor reduce rapid fișierele CSS și JavaScript. Mai jos sunt enumerate primele cinci plugin-uri WordPress populare care vor face față în mod eficient tuturor nevoilor dvs. de minificare.

  • #1 – WP Minify
  • #2 - Optimizare automată
  • #3 – WP Super Minify
  • #4 – Remediere WP Minify
  • #5 – Minificare WordPress mai bună

WP-Minify Plugin Minifies the CSS, HTML & JS

Pluginul WP-Minify Minimizează CSS, HTML și JS

Vă rugăm să rețineți că, deși unele plugin-uri de stocare în cache, cum ar fi W3 Total Cache și WP Fastest Cache, oferă minificarea ca o funcție suplimentară, am ales să folosim pluginul WP Minify pentru a realiza minificarea noastră. Vă rugăm să vă asigurați că activați doar un (1) plugin de minificare/opțiune de plugin activ simultan. În caz contrar, este foarte probabil să întâmpinați diferite conflicte de plugin-uri, cum ar fi între W3 total cache și WPMinify.

Înainte de a instala orice plugin de Minification
Scor de viteză a paginii Google: 83 / 100
Motivul acestui scor slab: Minimizează CSS, JS și HTML

Google Page Speed Insights Feedback for JS and CSS Minify

Feedback despre viteza paginii Google pentru JS și CSS Minify

După instalarea WP Minify, am efectuat testul de viteză a paginii și rezultatele sunt următoarele.

După instalarea pluginului WP Minify
Scor de viteză a paginii Google: 84 / 100 (îmbunătățit)
Motivul acestei îmbunătățiri: avertismentul de reducere a CSS și JavaScript este corectat.

Feedback-ul privind viteza paginii Google a fost remediat prin pluginul WP-Minify

Feedback-ul privind viteza paginii Google a fost remediat prin pluginul WP-Minify

Poate că nu este o diferență colosală, dar fiecare bit contează. Mai ales pentru dispozitivele mobile. Ocazional, chiar și după instalarea pluginului de minificare, aceste avertismente pot persista parțial nerezolvate.

În acest caz, instrumentul PageSpeed ​​în sine este capabil să vă ofere fișiere CSS și JS deja reduse. Puteți descărca direct aceste resurse JavaScript și CSS optimizate și le puteți înlocui pe site-ul dvs. WordPress (vezi pătratul albastru evidențiat în partea de jos în exemplul de mai sus).

OBȚINEȚI WORDPRESS HOSTINGHIRE PROGRAMATOR WORDPRESS

4. Optimizarea imaginilor

Un site WordPress cu imagini rafinate de înaltă rezoluție arată uimitor și, fără îndoială, va capta atenția valoroasă a mai multor cititori decât o pagină WordPress tradițională bazată pe text. Dar există o captură nefericită - pe măsură ce încărcați mai multe imagini sau creșteți rezoluția și calitatea lor excesiv, dimensiunea WordPress va crește, ceea ce, la rândul său, va duce la o viteză slabă a site-ului.

Pentru a evita și a minimiza aceste probleme, este imperativ să vă optimizați imaginile înainte de a continua să le publicați.

Instrumente online gratuite pentru optimizarea imaginilor

Există diverse instrumente online puternice, cum ar fi Optimizilla sau Image Optimizer, pentru a vă optimiza imaginile fără a le afecta în mod dăunător calitatea. Aceste instrumente sunt simple – vă încărcați imaginile, selectați opțiunile relevante/dorite și, ulterior, descărcați imaginile optimizate.

Ne place în special Optimizilla, deoarece puteți optimiza în loturi 20 de imagini simultan și, în plus, puteți selecta alegerea dvs. atât pentru raportul de compresie, cât și pentru calitatea imaginii.

Top pluginuri WordPress pentru optimizarea imaginilor

WordPress are o multitudine de plugin-uri care vă vor optimiza automat imaginile pe măsură ce le încărcați. Iată un gust, cu câteva enumerate mai jos:

  • WP Smush – #1 – Folosit pe scară largă cu peste 600.000 de descărcări
  • #2 – Imagine Optimizer de imagine
  • #3 – Optimus – Optimizator de imagine WordPress
  • #4 – ShortPixel Image Optimizer
  • #5 – EWWW Image Optimizer
  • #6 – CW Image Optimizer

Am optat pentru cea mai populară opțiune și, astfel, din această listă, ne-am stabilit pe pluginul WP Smush, l-am instalat pe WordPress și am trecut la efectuarea testului nostru de performanță. Revenind la instrumentele utile Google, următoarele rezultate ale testelor au fost obținute înainte și după optimizarea imaginii.

Înainte de a instala orice plugin de optimizare a imaginii
Scor de viteză a paginii Google: 84/100
Motivul acestui scor slab: Imaginile nu sunt optimizate.

Scorul Google Speed ​​Insight înainte de a optimiza imaginile

Scorul Google Speed ​​Insight înainte de a optimiza imaginile

Am folosit pluginul WP Smush Image Optimizer pentru a optimiza automat imaginile blogului.

WP-Smush Plugin Optimizes the Images

Pluginul WP-Smush optimizează imaginile

Rezultatele testului după activarea pluginului WP Smush. Observați că avertismentele referitoare la optimizarea imaginilor au dispărut.

După instalarea pluginului WP Smush
Scor de viteză a paginii Google: 92/100 (îmbunătățit)
Motivul acestei îmbunătățiri: pluginul WP Smush a optimizat toate imaginile.

Google Page Speed Insight Score After Optimizing the Images

Scorul Google Speed ​​Insight după optimizarea imaginilor

Vă rugăm să rețineți că vi se permite doar să „smush” 50 de imagini la un moment dat cu versiunea gratuită a WP Smush Image Optimizer. Restul imaginilor pot fi eliminate din biblioteca media WordPress, așa cum este prezentat în ecranul de mai jos.

Smush Images From WordPress Media Library

Smush Imagini din Biblioteca Media WordPress

Dacă încă primiți un avertisment nemulțumit de optimizare a imaginii, nu vă stresați excesiv. Instrumentul Google PageSpeed ​​oferă și o versiune optimizată a acestor imagini. Le puteți descărca așa cum se arată în pasul 3. În consecință, puteți actualiza aceste imagini din biblioteca media a DashBoard sau, alternativ, le puteți actualiza din Managerul de fișiere al contului dvs. de găzduire web. În plus, vă rugăm să vă asigurați că memoria cache a serverului dvs. web este șters dacă se întâmplă să utilizați un instrument de cache terță parte, cum ar fi Xvarnish. Dacă nu faceți acest lucru, este posibil ca Google să continue să afișeze imagini învechite chiar și după optimizările dvs. minuțioase.

OBȚINEȚI WORDPRESS HOSTINGHIRE PROGRAMATOR WORDPRESS

5. Activați compresia Gzip

Când vizitatorii navighează pe site-ul dvs. WordPress, browserele lor descarcă paginile web și procedează la redarea conținutului. Acesta este adesea necomprimat, iar dacă paginile dvs. WordPress au o dimensiune uriașă datorită elementelor necesare și bogate pe care le includ, va crește în mod necesar și, din păcate, timpul de încărcare a paginii.

Există o modalitate utilă de a evita acest lucru: prin activarea compresiei inteligente Gzip, puteți reduce dimensiunea răspunsurilor transferate de la server la browserele clienților. Acest lucru va reduce considerabil secundele necesare pentru a descărca resursele, va minimiza utilizarea datelor și va spori viteza de redare a frumosului dvs. site WordPress în browserul clientului dvs.

Folosind compresia Gzip, dimensiunea totală a paginii dvs. poate fi redusă cu 50% până la 70% pentru clientul dvs., ceea ce, fără a fi surprinzător, va servi pentru a crește viteza blogului dvs. WordPress. Desigur, atunci când Gzip nu este activat, instrumentul Google PageSpeed ​​Insight va nota acest lucru și vă avertizează să activați compresia.

1. Activarea compresiei Gzip folosind pluginul W3 Total Cache

Există un plugin WordPress pentru majoritatea sarcinilor, iar compresia Gzip nu face excepție. Un plugin de cache deosebit de popular este pluginul W3 Total Cache, menționat anterior, care vă permite să faceți Gzip site-ul dvs. WordPress. Pentru a activa compresia Gzip, conectați-vă la tabloul de bord WordPress, călătoriți la Performanță → Cache browser și bifați în caseta de selectare intitulată „Activați compresia HTTP (Gzip)”.

Enable HTTP GZIP Compression Using W3 Total Cache Plugin

Activați compresia HTTP GZIP utilizând pluginul W3 Total Cache

2. Activarea compresiei Gzip prin .htaccess

Mai mult, puteți activa și compresia Gzip adăugând codul de compresie Gzip în fișierul dvs. .htaccess.

3. Activarea compresiei Gzip prin pluginul de compresie

Pentru un plugin dedicat, instalați unul dintre următoarele pluginuri WordPress pentru a activa compresia Gzip.

  • GZip Ninja Speed ​​Compression – #1
  • Creșterea vitezei avansate – #2
  • Verificați și activați compresia GZIP - #3

Aceste plugin-uri adaugă reguli de compresie Gzip în fișierul dvs. .htaccess folosind modulul mod_deflate în mod automat, astfel încât să nu fie nevoie să vă deplasați singur în aceste fișiere pentru a le modifica.

Pentru o modalitate excelentă de a determina dacă compresia Gzip este activată pe site-ul dvs. web sau nu, puteți să vă testați site-ul aici. Acest instrument util permanent vă poate arăta în mod concret câți octeți prețioși (și astfel viteza de redare și lățimea de bandă) au fost salvați prin activarea compresiei Gzip. Consultați exemplul de mai jos pentru o ilustrare remarcabilă a câți octeți am salvat și am economisit pe site-ul nostru de testare.

URL Compression Test Website

Site-ul web de testare a compresiei URL

Activarea compresiei Gzip cu una dintre metodele de mai sus ar trebui să repare recomandarea Google PageSpeed ​​Insights la „Activați compresia”.

Înainte de a instala orice plugin de compresie
Scor de viteză a paginii Google: 92/100
Motivul acestui avertisment: compresia nu este activată.

Feedback de comprimare Viteza paginii Google

Pentru acest exemplu, am activat Gzip Compression prin pluginul W3 Total Cache și, astfel, puteți observa că avertismentul Enable Compression este acum eliminat, cu rezultatul de mai jos.

După instalarea pluginului W3 Total Cache pentru compresie
Scor de viteză a paginii Google: 92/100
Motivul acestei îmbunătățiri: avertismentul Activare compresie este rezolvat.

Scorul Google Speed ​​Insight după activarea compresiei GZIP

Scorul Google Speed ​​Insight după activarea compresiei GZIP

Remedierea avertismentului de conținut deasupra plierii

În ciuda faptului că a obținut un scor de performanță destul de respectabil de 92/100, pagina Google PageSpeed ​​Insights arăta în continuare un avertisment că trebuie să reparăm JavaScript și CSS care blochează randarea în partea de sus a paginii. Desigur, totul contează și nu ne oprim aici, așa că am mers înainte și am decis să reparăm și asta. Să continuăm și să vedem cum am reușit să reparăm acest avertisment pentru blogul nostru de testare WordPress.

Eliminarea blocării redării JavaScript în partea de sus a paginii

Pentru aceasta, am folosit pluginul WordPress Async JavaScript, apoi am procedat la ajustarea setărilor, așa cum se arată în captura de ecran ulterioară. Acest plugin adaugă atributul „async” sau „defer” la orice JavaScript încărcat de funcția wp_enqueue_script a WordPress.

Eliminate Render Blocking JavaScript and CSS in Above The Fold Content Warning Fixed

Eliminați JavaScript și CSS de blocare a randării din Avertismentul de conținut de deasupra plierii a fost remediat

Acum, nici măcar nu trebuie să recurgeți la un plugin. Dacă doriți să evitați încărcarea unui alt plugin, puteți pur și simplu să adăugați următorul cod în fișierul functions.php.

/*Add async to all scripts*/
function js_async_attr($tag)
{
# Add async to all remaining scripts
return str_replace( ' src', ' async="async" src', $tag );
}
add_filter( 'script_loader_tag', 'js_async_attr', 10 );

Acum, pentru a remedia același avertisment pentru CSS-ul nostru, am folosit un plugin WordPress numit Autoptimize. După instalarea acestui plugin, accesați Setări → Autotomizare . În setările Autoptimize, faceți clic pe butonul „afișați setările avansate” situat în colțul din dreapta sus. Asigurați-vă că „minify” nu este activ cu W3 Total Cache sau WPminify, deoarece poate genera conflicte frustrante cu Autoptimzer.

Odată ce setările avansate sunt populate și ajustate, derulați în jos la secțiunea Opțiuni CSS. Bifați caseta de selectare Inline și Defer CSS, inserați codul CSS de pliere (adresa URL sugerată de pagina Google Insight Tool în secțiunea „Eliminați blocarea randării”, Deschideți fiecare adresă URL în browser și preluați codul .css de pliere) și faceți clic pe „ butonul Salvați modificările și goliți memoria cache.

Eliminați JavaScript și CSS de blocare a randării din Avertismentul de conținut de deasupra plierii a fost remediat

Eliminați JavaScript și CSS de blocare a randării din Avertismentul de conținut de deasupra plierii a fost remediat

După ce ați efectuat cu meticulozitate acești pași, veți putea să priviți instrumentul Google fără nicio mențiune despre un avertisment cu privire la blocarea de mai sus a randării plierii.

După instalarea pluginului Async JavaScript & Autoptimize
Scor de viteză a paginii Google: 100/100
Motivul acestei îmbunătățiri: S-a rezolvat eliminarea JavaScript și CSS care blochează randarea din avertismentul de conținut de deasupra paginii.

Toate avertismentele sunt remediate pentru desktop

Toate avertismentele sunt remediate pentru desktop

All Warnings Are Fixed For Mobile

Toate avertismentele sunt remediate pentru mobil

Amintiți-vă, PageSpeed ​​Insights de la Google este un instrument de performanță util permanent care vă ajută să identificați numeroasele moduri în care vă puteți strădui să vă optimizați site-ul. Cu toate acestea, rareori merită să dezvolți o obsesie privind obținerea unui punctaj perfect de 100/100 , deoarece este obișnuit ca unele scenarii să fie în esență imposibil de reparat.

OBȚINEȚI WORDPRESS HOSTINGHIRE PROGRAMATOR WORDPRESS

6. Asigurați-vă că goliți coșul de gunoi și optimizați baza de date WordPress

Utilizarea îndelungată a WordPress aduce cu sine o bază de date care conține probabil volume de date pentru care nu prea le folosiți. De exemplu, de fiecare dată când salvați o nouă postare sau pagină, WordPress va crea cu plăcere o revizuire a acelei postări sau pagini și, ulterior, va stoca în baza de date în continuă expansiune.

De exemplu, dacă editați o postare de 10 ori, este posibil să aveți 9 copii separate ale acelei postări stocate ca revizuiri. Deși uneori utilă, această acumulare de date adaugă rapid cantități mari de date rar accesate la tabelele care scârțâie ale bazei de date, umflandu-le în mod inutil și provocând încetinirea accesului la ele.

Prin eliminarea judicioasă a revizuirilor nedorite, a schițelor, a comentariilor moderate, a paginilor/postărilor de gunoi, a comentariilor spam, a comentariilor în gunoi, a meta postării orfane și a oricăror alte date inutile, puteți păstra o bază de date elegantă, curată, optimizată și sigură. Merită deranjamentul, deoarece prin simplul act de a vă întreprinde optimizarea bazei de date, veți spori în mod dublu viteza site-ului dvs. și, în mod esențial, eficiența acestuia.

Optimize WordPress Database Using WP Optimize

Optimizați baza de date WordPress folosind WP-Optimize

Top pluginuri WordPress pentru optimizarea bazei de date

Mai jos este listată o mostră de opțiuni ale pluginurilor WordPress preferate care sunt utilizate pentru a optimiza o bază de date WordPress.

  • WP-Optimize – #1
  • WP-Sweep – #2
  • Soluție avansată de curățare a bazelor de date – #3
  • Optimizați baza de date după ștergerea revizuirilor

Aceste plugin-uri elimină toate problemele nedorite din baza de date WordPress și efectuează interogări generale de optimizare a bazei de date MySQL fără a accesa PHPMyAdmin.

Unele astfel de plugin-uri, cum ar fi în cazul WP-DB Manager, vă permit să programați date pentru optimizarea regulată și consecventă a bazei de date. Asigurați-vă întotdeauna că faceți o copie de rezervă a bazei de date înainte de a permite oricărui plugin să atingă sau să optimizeze baza de date!

7. Utilizați Rețeaua de livrare a conținutului

A Content Delivery Network CDN) este un cluster de servere distribuite geografic care furnizează conținut static rapid vizitatorilor, de la cele mai apropiate servere disponibile și pertinente. Mai inteligibil, atunci când un vizitator navighează pe site-ul dvs. web, CDN-ul dvs. va selecta cel mai apropiat server pentru a furniza conținutul static (imagini, CSS, biblioteci și fișiere JavaScript) utilizat pe site-ul dvs.

Un CDN adept promovează, de asemenea, încărcări mai rapide ale paginilor, ridicând în consecință clasarea paginilor dvs. Google, deoarece site-urile web cu performanțe slabe și care se încarcă lent sunt penalizate semnificativ de algoritmii de clasare ai celor mai populare motoare de căutare.

Din fericire, configurarea unui CDN pentru a funcționa cu WordPress este simplă. Într-adevăr, poate fi finalizat în 5 minute (!), folosind un plugin de cache precum W3 Total Cache. Dacă doriți să integrați un CDN cu site-ul dvs. WordPress, vă rugăm să aruncați ochii către Tutorialul nostru prietenos și informat .

Desigur, pentru a ilustra beneficiile unui CDN pentru site-ul tău WordPress, a trebuit neapărat să efectuăm un test rapid în laboratorul nostru hi-tech pentru tine.

Timpul mediu de răspuns înainte de a activa orice CDN pe site-ul nostru WordPress a fost de 124,721 ms.

Response Time Of A WordPress Website Before Enabling CDN

Timpul de răspuns al unui site WordPress înainte de a activa CDN

După activarea unui CDN pe site-ul WordPress, timpul de răspuns a scăzut la 26,346 ms.

Response Time Of A WordPress Website After Enabling CDN

Timpul de răspuns al unui site web WordPress după activarea CDN

8. Reduceți revizuirile postate și dezactivați trackback-urile și pingback-urile

Reducerea revizuirilor post

Sistemul de revizuiri WordPress este proiectat pentru a păstra o înregistrare a fiecărei schițe salvate sau a fiecărei actualizări publicate. Deși este destul de util (vă permite să răsfoiți versiunile anterioare ale articolelor dvs. și să le restaurați dacă este necesar), la urma urmei, poate crește enorm dimensiunea și volumul oricărei baze de date WordPress.

De exemplu, să presupunem că articolul dvs. a trecut prin 10 revizuiri , atunci sistemul de revizuire WordPress va stoca fiecare dintre aceste revizuiri în baza sa de date, ceea ce își va spori amprenta de date de 10 ori uluitor.

În mod implicit, WordPress va continua să salveze un număr nelimitat și nerestricționat de revizuiri, dar ar trebui și într-adevăr îl puteți limita la o valoare drastic mai practică (să zicem de la 4 la 5). Pentru a realiza acest lucru, pur și simplu adăugați următorul cod în fișierul dvs. wp-config.php.

define( 'WP_POST_REVISIONS', 5 );

List of Post Revisions

Lista de revizuiri post

Dacă doriți să dezactivați complet sistemul de post-reviziune WordPress, atunci pur și simplu continuați să adăugați următorul cod de o linie în fișierul wp-config.php.

define( 'WP_POST_REVISIONS', false );

Vă rugăm să rețineți că revizuirea postării WordPress este extrem de utilă pentru bloggeri, așa că nu dorim să vă recomandăm să o dezactivați complet. Pentru liniștea dumneavoastră, asigurați-vă că păstrați întotdeauna unele revizuiri ale lucrării dvs.

Dezactivarea trackback-urilor și pingback-urilor

În fiecare caz în care un alt blog sau site web trimite către site-ul dvs. web, veți primi o notificare, care actualizează ulterior baza de date pentru respectiva postare, servind în cele din urmă la aglomerarea resurselor serverului dvs.

Dacă nu doriți acest lucru, atunci Trackback-urile și Pingback-urile pot fi dezactivate din Setările de discuții WordPress. Odată autentificat în tabloul de bord WordPress, treceți la Setări → Discuție, apoi debifați primele două casete de selectare, așa cum se arată în imaginea de mai jos.

Disable Pingback and Trackback

Dezactivarea Pingback și Trackback

OBȚINEȚI WORDPRESS HOSTINGHIRE PROGRAMATOR WORDPRESS

9. Împărțiți comentariile și postările lungi în pagini

Fără întrebare, este într-adevăr întâmplător să atragi un public implicat, care comentează în masă pe blogul tău. Din păcate, o astfel de activitate generează un potențial efect advers: încărcarea acestor comentarii poate încetini dramatic viteza de încărcare a site-ului dvs.

WordPress a încorporat util o funcție intitulată „Comentarii de pauză” pentru a remedia acest lucru. Pur și simplu accesați Setări → pagina de administrare Discuții și bifați caseta de selectare intitulată „Sparți comentariile în pagini”.

Break Comments Into Pages

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

În cazul în care postările tale se întâmplă să conțină în tracturi prelungite de proză, combinate cu o utilizare copioasă a imaginilor frumoase, viteza de încărcare a site-ului tău ar putea avea de suferit. Există o soluție simplă și eficientă: împărțiți aceste postări plictisitoare în pagini separate.

Pur și simplu adăugați următorul fragment de cod în orice moment doriți o împărțire a paginii. Asigurați-vă că adăugați această linie de cod în modul Text și nu în modul vizual.

<!--nextpage-->

Tot conținutul adăugat mai jos < !–nextpage–>, va apărea în pagina următoare a postării, iar la sfârșitul paginii, veți vedea link-uri de paginare așa cum este demonstrat mai jos.

Opțiunea următoarei pagini

Opțiunea următoarei pagini

10. Nu încărcați videoclipuri direct pe WordPress

Încărcarea directă a conținutului video poate fi o pierdere puternică a lățimii de bandă potențiale pe site-ul dvs. Furnizorul dvs. de găzduire web poate percepe taxe suplimentare pentru o astfel de utilizare, astfel încât aveți un motiv întemeiat pentru a evita efectuarea unei astfel de acțiuni.

În al doilea rând, videoclipurile lungi sau de înaltă rezoluție pot crește colosal dimensiunea copiei de rezervă, ceea ce duce la o situație în care restaurarea site-ului dvs. web din copii de siguranță poate fi o sarcină mult mai herculeană.

Deoarece probabil că nu doriți pentru scenariile de mai sus, puteți încărca direct videoclipul la unul dintre următorii furnizori populari de găzduire video și, ulterior, puteți utiliza un link încorporat.

  • YouTube
  • Vimeo
  • Flickr
  • DailyMotion

Încorporarea unui videoclip YouTube pe WordPress este, din fericire, elementară. Mai întâi, găsiți pur și simplu videoclipul pe care doriți să îl încorporați de pe YouTube. Apoi, faceți clic pe linkul Partajați și copiați adresa URL a videoclipului relevant.

Copiați adresa URL a videoclipului de pe YouTube

Copiați adresa URL a videoclipului de pe YouTube

În cele din urmă, inserați adresa URL a videoclipului direct în postarea dvs. și faceți clic pe butonul Actualizare, încorporându-l automat.

Lipiți adresa URL a videoclipului YouTube în Postarea WordPress

Inserați adresa URL a videoclipului YouTube în postarea WodPress

Concluzie

Am enumerat cele mai eficiente și populare 10 modificări pentru a elibera viteza potențială a site-ului dvs. WordPress. În opinia noastră, cercetătorii noștri sârguincioși care lucrează în laboratorul lor au demonstrat că o implementare eficientă a unor astfel de modificări poate îmbunătăți dramatic viteza de încărcare a site-ului dvs. WordPress. Dacă întâmpinați vreodată o instalare WordPress care pare să se miște la fel de repede ca un melc care își ia o zi liberă de la muncă, veți avea aceste sfaturi practice pentru a îmbunătăți fără îndoială și a îmbunătăți scorurile de viteză ale paginii.

Următorul grafic frumos reprezintă scorul Google PageSpeed ​​după fiecare modificare pe care am implementat-o ​​pe blogul WordPress.

Scorul paginii Google vs. Modificări WordPress

Scorul paginii Google vs. Modificări WordPress

Se întâmplă să cunoașteți modalități alternative și eficiente de a accelera site-urile WordPress și de a le îmbunătăți timpul de încărcare? Orice este extrem de valoros, mai ales atunci când milisecundele pot conta pentru client. Vă rugăm să ne împărtășiți orice idei performante în următoarea secțiune de comentarii!

Should you require our aid to improve the PageSpeed score of your WordPress website, please also drop your website name in the comment section and we will endeavor to get back to you.

OBȚINEȚI WORDPRESS HOSTINGHIRE PROGRAMATOR WORDPRESS