Ghid total pentru optimizarea vitezei WordPress

Imaginează-ți că ai o întâlnire mare și că echipa ta a repetit toată luna. După toate aceste pregătiri, un coechipier desemnat să aducă laptopul de care aveți nevoie pentru prezentare se află în urmă. Și, colegul de echipă apare cu zece minute mai târziu decât programul, iar clientul tău potențial este obosit să aștepte.

Ei bine, asta sună prea dăunător și nu va merge bine cu clientul. Acum, vă puteți imagina cum se simt vizitatorii dvs. atunci când trebuie să stea și să aștepte ca site-ul dvs. să se încarce în browserul lor. Ce crezi că vor face dacă o pagină web durează peste zece secunde să se încarce? Sau chiar șase? Patru?

Nu este un mare secret că viteza unui site contează. Nimeni nu vrea un site web cu încărcare lentă – în special Google. Deci, dacă nu doriți să construiți o experiență de utilizator slabă și să vă reduceți șansele de clasare în Google, este timpul să faceți ceva pentru optimizarea vitezei WordPress.

Cu aproape 40,0% din web alimentat de WordPress, există o sută de mii de plugin-uri, teme și alte tehnologii care trebuie să coexiste pentru a optimiza WordPress pentru viteză. Un utilizator obișnuit de WordPress ar putea găsi acest lucru un coșmar atunci când site-ul său este configurat în blocaj și nici măcar nu știu de ce.

Aici, vă vom împărtăși absolut tot ce trebuie să știți despre optimizarea vitezei WordPress, astfel încât să puteți începe să vă accelerați site-ul astăzi. Sperăm că putem ghida optimizarea performanței WordPress fără a deveni prea tehnic sau „bazat pe cod”. De fapt, depunem eforturi pentru a evita exemplele de cod aici.

Deci, ești gata? Sa incepem.

i) Ce vă încetinește site-ul WordPress?

În primul rând, să ne uităm la câțiva vinovați importanți care tind să facă site-ul dvs. lent. Acestea sunt secțiunile în care ar trebui să vă concentrați.

A. Imagini

Dimensiunea ciudată a imaginii distruge viteza site-ului.

b. Videoclipuri

Funcțiile WordPress, cum ar fi fundalurile video, sunt grozave, dar sunt și o performanță reală pentru viteza site-ului.

c. Pluginuri WordPress

Pluginurile WordPress sunt cu siguranță uriașe salvatoare, dar „care” și „câte” vor face diferența.

d. Teme WordPress

Aceeași regulă se aplică temelor. Un design web WordPress bun este o necesitate. Cu toate acestea, o temă prost codificată are prea multe fișiere și scripturi pentru a vă cauza probleme.

e. Scripturi

Orice lucru cu cantități excesive de JavaScript, jQuery sau alte scripturi terțe vă poate încetini paginile web.

f. API-uri

API-urile ajută cu siguranță în gestionarea conținutului. Dar dacă serverele site-ului dvs. sunt conectate sunt lente, pentru început, răspunsul site-ului va fi lent.

g. Nesimțire

Nelipsit se poate întâmpla în folderul dvs. media, în pluginuri, în conținutul blogului sau în baza de date.

h. Legături rupte

Una sau două legături rupte nu este groaznic. Dar un site plin de link-uri întrerupte poate afecta experiența utilizatorului și poate reduce viteza pe măsură ce serverul tău continuă să lucreze la acea conexiune întreruptă.

i. Redirecționare

Din nou, redirecționarea îi împiedică pe vizitatori să întâlnească linkurile rupte/adresele URL vechi, dar a avea prea multe dintre ele este o sarcină de muncă pentru server.

Înainte să începem…

ii) Backup, Staging & Testing

Cea mai bună strategie pentru a crea copii de rezervă pentru site-ul WordPress este să creați un nou subdomeniu (cum ar fi testing.domain.com) și să faceți toată munca de optimizare pe acesta. Majoritatea furnizorilor de servicii de găzduire, cum ar fi WPEngine, Siteground, Kinsta și alte companii populare oferă organizare cu un singur clic. Dacă compania dvs. de găzduire nu vă oferă crearea de site-uri, puteți utiliza pluginurile de backup gratuite sau premium pentru a obține backupul. Când sunteți mulțumit de rezultatele de pe site-ul dvs. de organizare, puteți încorpora modificările fundamentale în site-ul dvs. live. Acum, site-ul dvs. este optimizat pentru viteză fără probleme.

O altă tehnică pe care o poți adopta este construirea unei teme pentru copil. Utilizarea unei teme secundare asigură că modificările făcute în fișierele dvs. de temă nu sunt suprascrise pe tema părinte.

În cele din urmă, testați-vă viteza actuală cu utilizarea acestor site-uri de testare a vitezei WordPress.

• Viteza paginii Google
• GTmetrix
• Pingdom

Acum, să începem pașii pentru optimizarea performanței WordPress.

1. Alegeți un furnizor de găzduire web de înaltă performanță

Să începem cu o companie de găzduire care are următoarele caracteristici:

• Unul care este specializat în găzduire WordPress - ei înțeleg problemele de performanță asociate CMS-ului
• Oferă câteva opțiuni de găzduire gestionată
• Utilizează cele mai recente și mai rapide tehnologii
• Include cache și un CDN
• Și asistență excelentă pentru clienți nu ar strica

Dar cum îl putem alege pe cel mai bun?

Cel mai simplu mod de a măsura calitatea găzduirii pentru a verifica TTFB. Timpul până la primul octet indică timpul de răspuns al serverului, care reprezintă practic cât de rapid este serverul. Puteți utiliza ByteCheck pentru testarea TTFB gratuită. WPengine, Kinsta, SiteGround, Bluehost, HostGator etc., sunt câțiva furnizori de găzduire a site-urilor web în care se poate avea încredere.

2. Folosiți memoria cache

Memorarea în cache a site-ului web este tehnica prin care o versiune HTML statică a paginii dvs. web este stocată și ulterior reutilizată atunci când vizitatorii vin pe un site web. În acest fel, browserul ar avea deja informațiile necesare cu privire la site, ceea ce face WordPress mai rapid.

În special pentru site-ul static care nu se actualizează frecvent, utilizarea pluginului de cache ar fi de maxim beneficiu. WP Rocket, Cache Enabler, WP Super Cache, W3 Total Cache etc., sunt cele mai bune de pe piață.

Aceste pluginuri reduc timpul de încărcare pe serverul dvs. și gestionează alte sarcini de optimizare a vitezei, cum ar fi:

• Browserul și stocarea în cache la nivel de pagină
• Comprimarea fișierului Gzip
• Combinați fișierele CSS și JavaScript
• Minificare CSS, HTML și JavaScript
• Integrare CDN

Dacă furnizorul dvs. de găzduire vine deja cu un sistem de stocare în cache, adăugarea unui plugin suplimentar nu va fi necesară.

3. Alegeți cu înțelepciune pluginurile și temele

Sunteți conștient de tensiunea pe care o temă și un plugin o pot pune pe serverul lor? De aceea trebuie să fii pretențios în ceea ce privește utilizarea temelor și pluginurilor WordPress.

A. Tema WordPress corectă

O temă prost codificată și neactualizată adaugă scripturi inutile paginilor, ceea ce conferă o experiență slabă de încărcare a paginii. Deci, setați-vă alegerea pentru problemele de control al calității înainte de a o instala pe site-ul dvs. Din păcate, majoritatea temelor WordPress gratuite de pe piață arată bine în design și sunt pline de mai multe funcții, dar ignoră performanța.

Tema noastră bună vine cu un set de funcții de performanță dedicate și elimină nevoia de pluginuri suplimentare de la terți.

b. Folosiți doar pluginul cel mai necesar

Când alegeți pluginuri WordPress, țineți cont de următoarele sfaturi:

• Știind dacă pluginul este necesar sau unele caracteristici WordPress/codarea simplă este disponibilă ca supliment la plugin.
• Examinați fiecare plugin împreună cu problemele notate de performanță – nu instalați niciodată ceva care are un istoric îndoielnic.
• Căutați pluginuri cu mai multe caracteristici și funcționalități, astfel încât să puteți utiliza doar unul în loc de atâtea
• Actualizarea temelor și a pluginurilor este o necesitate pentru a vă menține site-ul sigur și rapid. Dar, în același timp, unele dintre actualizări ar putea face temele/pluginurile și WordPress incompatibile. Deci, instalați doar dacă actualizarea este utilă.

c. Regândirea utilizării pluginului

Da, folosirea prea multor plugin-uri WordPress va încetini cumva site-ul dvs. Dar numărul de pluginuri nu este la fel de vital ca calitatea pluginurilor pe care le utilizați. Ceea ce contează de fapt este modul în care a fost dezvoltat acel plugin - a fost construit având în vedere performanța? Adică, ați putea dori, de asemenea, să vă uitați la unele dintre pluginurile dvs. vechi și să le înlocuiți cu cele noi și ușoare.

4. Folosiți PHP 7 și mai sus

Ați auzit vreodată de versiuni PHP? Trebuie să ai. PHP este un limbaj de scripting open-source, pe partea de server. Cele mai multe dintre temele și pluginurile dvs., împreună cu software-ul de bază WordPress, sunt scrise fundamental în PHP.

În primul rând, asigurați-vă că gazda dvs. WordPress folosește cel puțin PHP 7 sau mai mare. Conform datelor, doar 6,8% din totalul site-urilor WordPress folosesc PHP 7.3, dar alți 28,6% încă folosesc PHP 5.6 (lansat în 2014).

Ce se întâmplă dacă cineva ți-ar da un telefon care a fost lansat în 2014? Ar avea un răspuns lent și lent pentru a te înnebuni.

Exact așa se vor simți vizitatorii tăi cu PHP 5.6.

5. Folosiți SSL/HTTPS

Certificatul SSL nu afectează direct viteza WordPress, dar este totuși foarte recomandat să obțineți unul. În primul rând, și cel mai important, Google confirmă că utilizarea corectă a HTTPS/SSL vă aduce pe cele mai bune poziții.

Mai mult, deoarece site-urile web certificate SSL sunt prezentate cu un mic semn verde de lacăt situat deasupra barei de adrese, acestea cresc încrederea clienților.

Celălalt motiv este securitatea. Deținerea unui certificat SSL pe site-ul tău va cripta transferul de date/informații către și de la site-ul tău, făcând site-ul mai sigur.

6. Optimizarea imaginii

Să ai imagini pe site-ul tău este întotdeauna un lucru bun. Dar tipul greșit poate fi cel mai mare dezastru pentru site-ul tău. O modalitate rapidă de a vă accelera site-ul este optimizarea imaginilor.

Știți cum optimizarea imaginii vă poate face site-ul mai rapid? Poate reduce utilizarea lățimii de bandă a site-ului dvs. web, poate deschide rapid pentru a menține utilizatorii implicați și nu poate oferi motoarelor de căutare Google un motiv în plus pentru a vă urî site-ul.

Există diferite moduri de a optimiza o imagine. Vom afla totul despre ele aici.

A. Alegerea formatului de imagine potrivit

Cele mai utilizate formate de imagine pentru acest deceniu sunt JPG, PNG, SVG și GIF. GIF-ul este în principal pentru imaginile animate și JPG și PNG pentru imaginea statică. Dintre acestea două, formatul JPG (sau JPEG) este ideal pentru afișarea imaginilor multicolore. Formatul SVG este utilizat în mod explicit pentru logo-uri. PNG-urile sunt folosite doar în cazurile în care SVG este imposibil, iar transparența unei imagini trebuie păstrată, așa că și un JPG iese din opțiune.

Dar cu atât de multe aplicații de editare de pe internet, nu ar trebui să fii confuz cu privire la ce format de imagine să alegeți. Un astfel de instrument este XnConvert. Puteți doar să trageți și să plasați imaginea aici și să o salvați în formatul de cea mai mică dimensiune. De asemenea, puteți utiliza XnConvert pentru a redimensiona, a decupa, a schimba formatele de imagine și multe altele, în blocuri de o sută.

b. Utilizați compresia imaginii

Acum ați salvat fișierul în format JPG și PNG; este timpul să comprimați fișierul.

Ce-i asta?

Când faceți pentru prima dată o imagine, aceasta este considerată la o calitate de 100%. Puteți reduce calitatea imaginii (comprima) la o dimensiune mai mică. Puteți comprima fișierul imagine JPG la 85-90% fără nicio modificare.

Puteți fie să convertiți imaginile manual înainte de a le încărca, fie să utilizați doar un plugin. Există o mulțime de plugin-uri cunoscute pentru comprimarea imaginilor în WordPress. ShortPixel Image Optimizer, reSmush.it, EWWW Image Optimizer și compresorul WP sunt unele benefice.

Dar, optimizarea incorectă a imaginii afectează și performanța site-ului dvs. Unele dintre cele mai bune tehnici de optimizare a imaginii este optimizarea imaginilor bazată pe server și optimizarea imaginilor la nivel local înainte de a le încărca.

Ca alternativă, se poate folosi pluginul LiteSpeed, care este practic un plugin de cache care permite, de asemenea, comprimarea imaginii folosind addonul Google Pagespeed. Deoarece LiteSpeed ​​comprimă toate imaginile de pe serverul lor, timpul de răspuns al serverului tău nu va afecta funcționarea. Dar trebuie să le comprimați în loturi.

c. Specificați dimensiunile imaginii

Specificarea dimensiunilor imaginii sunt legate în principal de experiența utilizatorului. Să învățăm cum.

Când pagina încarcă mai întâi textul, dimensiunea imaginii este, de asemenea, determinată pe măsură ce este setată aspectul paginii. Dar după ce imaginile sunt descărcate simultan, browserul găsește apoi diferite dimensiuni ale imaginii și ajustează automat aspectul paginii. Practic, pentru fiecare încărcare ulterioară a imaginii după un timp, browserul trebuie să recreeze aspectul paginii. Cu astfel de modificări, vizitatorul nu poate citi textul când pagina continuă să se miște.

Specificarea dimensiunilor imaginii în prealabil vă scutește de această bătaie de cap.

d. Serviți imagini la scară

Acest lucru trebuie făcut dacă tema dvs. nu este optimizată pentru a gestiona imagini. În mod ideal, puteți schimba o temă pe care o utilizați cu cea cu optimizare a imaginii. Sau puteți folosi și pluginuri precum Force Regenerate Thumbnails sau Regenerate Thumbnails pentru a vă construi miniaturile. Doar setați dimensiunile corecte pentru miniaturi înainte de a utiliza astfel de pluginuri.

7. Optimizare Gravatar

Avatarul global vă permite dvs., precum și comentatorii site-ului dvs., să obțineți poze în profilul lor. Fără îndoială, folosirea unui Gravatar are avantaje enorme, dar cel mai semnificativ dezavantaj este adus de timpul lent de încărcare. În plus, Gravatar încorporează și mai multe redirecționări pentru a vă încetini și mai mult site-ul.

Puteți evita balonarea introdusă de Gravatar prin următoarele moduri:

• Dezactivați Gravatar pe site-urile dvs. web
• Ștergeți comentariile excesive și spam din postări
• Adăugați reCAPTCHA pe formularul de comentarii
• Configurați setarea WordPress pentru a afișa doar câteva comentarii la un moment dat
• Și, în sfârșit, utilizați pluginul de cache pentru Gravatar

8. Încărcare leneșă pentru videoclipuri și imagini

Lazy-Loading imagini este o opțiune de optimizare eficientă și ușoară pentru a îmbunătăți în mod semnificativ timpul de încărcare a site-ului dvs. Fără încărcare leneșă, toate fișierele media, cum ar fi imaginile și videoclipurile, sunt încărcate chiar înainte de a fi derulat în jos la acea secțiune. Acest lucru vă face, evident, site-ul mai lent, mai ales când aveți multe imagini/videoclipuri pe site-urile dvs. Încărcarea leneră încarcă imagini și alte active grele numai după ce vizitatorul derulează la secțiunea de pe o pagină web în care apar acestea. Când este făcut corect, Lazy Load poate crește considerabil viteza site-ului.

Să învățăm cum să folosim Lazy Load

1. Mai întâi, obțineți pluginul lazy load din WordPress Directory și instalați-l
2. Accesați setările pluginului și configurați-l

Amintiți-vă că încărcarea leneșă vine cu o tehnică complexă. Dacă nu este configurat corect, vă poate distruge întregul site.

9. Lazy-load Disqus

Poate că este timpul să înlocuim sistemul clasic de comentarii WordPress cu un Disqus. În timp ce funcționalitatea sa avansată și extrem de eficientă de prevenire și moderare a spam-ului merită o mulțime de laudă, aceasta are un cost, adică timpul de încărcare.

Ori de câte ori se încarcă un Disqus pe site-ul dvs., acesta provoacă zece solicitări suplimentare pentru a încetini site-ul dvs. Din fericire, există un plugin precum Disqus Conditional Load care provoacă încărcarea leneșă a Disqus-ului în sine. Această încărcare condiționată Disqus încarcă comentariul numai atunci când vizitatorul derulează până la sfârșitul paginii.

10. Limitați revizuirile post

În mod implicit, WordPress este conceput pentru a salva toate revizuirile postărilor, chiar și atunci când faceți cea mai mică modificare. Așadar, pentru postarea editată/actualizată frecvent, sunt făcute zeci de copii ale aceleiași postări pentru a vă completa baza de date.

Pentru a evita acest lucru, puteți limita numărul de revizuiri/actualizări salvate în WordPress. De obicei, 3 până la 5 ar trebui să fie suficiente. Puteți face acest lucru plasând un cod simplu în fișierul wp-config.php .

 define ('WP_POST_REVISIONS', 3);

Puteți modifica numărul din cod pentru a ajusta numărul de revizuiri de care ați putea avea nevoie.

Dar acest cod va funcționa numai pentru noua postare. Pentru a elimina revizuirile postărilor mai vechi, puteți utiliza pluginuri de curățare a bazei de date, cum ar fi WP-Optimize și Advanced Database Cleaner. După ce utilizați pluginurile, puteți pur și simplu să ștergeți pluginul.

11. Limitați păianjenii și crawler-urile

Păianjenii și crawlerele web caută mereu resursa de pe site-ul tău. În afară de păianjenii folositori ai motoarelor de căutare, alți roboți, cum ar fi spamboți, scrapers, e-mail scrapers accesează frecvent site-ul dvs. cu crawlere. Ei nu numai că fură informațiile de pe site-ul dvs., dar serverul trebuie să cheltuiască resurse pentru a le servi.

Așadar, este înțelept să gestionați activitățile de bot de pe site-ul dvs. pentru a verifica dacă există o astfel de accesare inutilă prin următoarele moduri.

1. Puteți folosi fișierul .htaccess pentru a bloca roboții răi cunoscuți.
2. Puteți bloca roboții de pe site-ul dvs. atunci când astfel de roboți sunt văzuți nou pe piață.
3. Se poate folosi pluginul de securitate WordFence pentru a accelera roboții și pentru a bloca manual adresele IP.

12. Utilizarea butoanelor de partajare a rețelelor sociale gratuite JavaScript

Da, vom avea nevoie de frumoasele butoane de partajare socială pentru a ne încuraja vizitatorii. Dar butoanele de partajare socială realizate în principal în JavaScript sunt grele. Ei urmăresc utilizatorii pe web și durează mult timp pentru a se încărca.
Deci, ar fi de ajutor dacă utilizați butoane de partajare socială fără JavaScript. Pentru asta, eliminați butoanele existente și utilizați un serviciu precum sharingbuttons.io.

13. Bonus

Iar dacă nu ești încă mulțumit de rezultat, mai poți urma câteva trucuri. Aceste trucuri sunt în primul rând pentru programatori profesioniști. Să le enumeram.

• Dezactivați Emojis și Embeds
• Eliminați șirurile de interogare
• Eliminați eticheta Shortlink
• Eliminați linkurile API REST
• Dezactivați Google Maps
• Dezactivați foile de stil/widgeturi WooCommerce
• Evitați fonturile Google/Serverul local
• Optimizați fontul Pictograme minunate
• Dezactivați XML-RPC
• Ascunde versiunea WordPress
• Eliminați eticheta de legătură RSD
• Concatenează CSS și Javascript

iii) Probleme diferite, soluții diferite

A cunoaște avantajul optimizării vitezei site-ului și tehnica acesteia este un început bun. Dar nu trebuie să aplicați toate aceste tehnici pe site-ul dvs. Ceea ce ne referim este că, din moment ce nu există două afaceri la fel sau două site-uri la fel, primul pas este să înțelegeți natura/tipul site-ului WordPress pe care îl dețineți.

Deci, dacă aveți un site static, nu veți actualiza conținutul site-ului dvs. în mod regulat; poate că faci doar de câteva ori pe lună. Site-ul static include site-uri web de afaceri locale, bloguri, fotografii, persoane individuale etc. A avea un astfel de site indică mai puține baze de date și, astfel, nu veți avea nevoie de numeroase resurse pentru a obține o performanță bună.

Pe de altă parte, având un site web extrem de vibrant, cum ar fi comerțul electronic, forumuri online etc., datele site-ului WordPress se schimbă frecvent (la fiecare minut sau chiar la fiecare secundă). Într-un astfel de caz, este nevoie de surse de server adăugate, precum și de interogări de baze de date.

Și apoi există și alte tipuri de site-uri web, pe una de trecere și pe cea consumatoare. Dacă site-ul web este în principal informativ, vizitatorul poate rămâne timp de 5 sau 10 minute și poate găsi când trebuie să plece. Pe de altă parte, site-urile web consumatoare își păstrează vizitatorii ore întregi - de exemplu, un site web de cursuri de formare online. Vizitatorii simultani pe astfel de site-uri vin pentru sesiunile simultane.

Poți să vezi unde se duce asta? Vizitatorii simultani trebuie să acumuleze rapid informațiile din sesiunea anterioară. Având o mulțime de vizitatori simultani ai site-ului, împreună cu problema „conținutului web necacheabil” îl face un coșmar.

Practic, nu puteți trata toate site-urile dvs. WordPress în același mod - ar trebui luată o decizie bine informată.

Concluzie

Fără îndoială, există mai mult decât o abundență de tutoriale care acoperă diferite moduri de a optimiza WordPress pentru viteză. Dar poate fi confuz să găsești totul într-un singur loc. Sper că acesta v-a fost de ajutor, deoarece am enumerat toate tehnicile pe care le puteți urma pentru ca site-ul dvs. să se încarce rapid. În plus, dacă doriți să obțineți ajutor de la un expert, puteți găsi expertul nostru WordPress certificat în codificare sau trimiteți un formular de solicitare de personalizare pentru a ne contacta.

Cele mai bune gânduri!!