Cum să accelerezi un site web WordPress: un ghid pentru performanță îmbunătățită

Viteza și toleranța la erori sunt cei mai importanți factori care afectează SEO și rata de succes a site-ului dvs. WordPress. Popularitatea resursei tale este amenințată dacă funcționează încet, deoarece cele 2-3 secunde suplimentare de așteptare pe Internet sunt deja o eternitate. Chiar și cu un conținut ideal (unic, original, informativ, organic din punct de vedere stilistic), un site de lucru lent va irita vizitatorii și, într-o zi, s-ar putea să-i pierzi.

Am dedicat acest ghid cuprinzător pentru a optimiza WordPress – cel mai popular motor pentru site-uri web din lume. Mulți ani de experiență cu acest motor ne-au permis să dobândim cunoștințele insiderului și să răspundem la întrebarea frecventă a multor utilizatori: cum să creștem viteza site-ului WordPress. Așadar, am adunat aici toate cunoștințele experților noștri despre metodele de îmbunătățire a performanței site-ului.

Paginile cu încărcare rapidă îmbunătățesc experiența utilizatorului și factorul comportamental (ceea ce afectează favorabil indexarea site-ului și poziția acestuia în SERP, ceea ce înseamnă că crește traficul de căutare) și ajută la atingerea metricilor SEO dorite.

Cu acest ghid detaliat pentru optimizarea site-urilor web, puteți afla de ce viteza de încărcare a paginii este atât de crucială și problemele care vă încetinesc site-ul. Am creat un ghid practic pas cu pas, astfel încât să puteți îmbunătăți viteza site-ului dvs. chiar acum.

De ce este atât de importantă viteza de descărcare?

Numeroase studii raportate de Time și New York Times au arătat că atenția concentrată a oamenilor a scăzut de la 12 secunde în 2000 la 8 secunde până astăzi, adică a devenit mai scurtă decât nivelul de concentrare al unui pește de acvariu (peștele auriu mediu reține atenția timp de 9 secunde) .

Ce înseamnă pentru proprietarul unui site web? Aveți din ce în ce mai puțin timp să le arătați utilizatorilor conținutul și să-i convingeți să devină vizitatorii dvs. obișnuiți. În plus, dacă site-ul dvs. este lent, șansele ca vizitatorii să vă părăsească resursa chiar înainte de a se încarca și să plece în căutarea uneia mai eficiente sunt destul de mari.

Care sunt efectele adverse cuantificabile ale funcționării lente a unui site web?

Când a discutat despre rezultatele performanței Amazon, Greg Linden în raportul său a atras atenția asupra importanței vitezei de încărcare a paginii a site-ului web în ceea ce privește generarea de venituri. El a descoperit că întârzierea în încărcare a paginilor în 100 de milisecunde duce la o scădere a profiturilor companiei cu 1%. Având în vedere faptul că în 2017 veniturile Amazon au fost de 177,9 miliarde de dolari, înseamnă că încetinirea site-ului pentru doar o fracțiune de secundă ar costa compania 1,780 miliarde de dolari!

Eric Schumann de la Bing a vorbit despre importanța întârzierilor serverului în raportul său. În timpul experimentului, a aflat ce s-ar întâmpla dacă paginile site-urilor ar fi încărcate cu 1,5 secunde mai mult decât de obicei.

În timpul experimentului, următorii indicatori au arătat o deteriorare:

• Numărul de clicuri (-4,4%);
• Venituri de la un client (-4,3%);
• Indicele de satisfacție a utilizatorilor (-3,8%).

Cercetarea realizată de StrangeLoop oferă următoarele fapte de la managerii de top ai marilor companii IT din SUA (Google, AOL, Shopzilla): întârzierea de încărcare a paginii pentru 1 secundă echivalează cu o scădere cu 7% a conversiilor, o scădere a numărului de vizualizări ale paginii. cu 11% și o scădere cu 16% a indicelui de satisfacție a utilizatorilor.

Mai mult, motoarele de căutare (Google, Bing) au impus deja pedepse site-urilor lente, scăzându-le în rangul rezultatelor căutării ceea ce duce inevitabil la scăderea traficului organic.

Așadar, dacă scopul tău este să obții mai mulți abonați, să faci trafic, să-ți monetizezi site-ul, atunci ar trebui să-ți faci site-ul cât mai rapid posibil.

Cum pot verifica viteza de încărcare a unui site WordPress?

Adesea, noii webmasteri cred că viteza site-ului lor este ok doar pentru că nu simt performanța lentă a computerelor lor. Este o mare greșeală.

Deoarece vă vizitați site-ul în mod regulat, browserele moderne stochează datele acestuia în cache și vi le oferă automat mult mai rapid. Cu toate acestea, un utilizator care vă vizitează site-ul pentru prima dată, eventual, se va confrunta cu dificultatea încărcării. Este important să luați în considerare geografia (unde este locația vizitatorului), deoarece joacă, de asemenea, un rol important în timpul de încărcare.

Vă recomandăm să verificați viteza site-ului dvs. cu instrumente speciale. Una dintre cele mai bune este Pingdom. Este un serviciu gratuit care efectuează o testare operativă și vizuală a vitezei de descărcare a fiecărui element de pagină și oferă rezultate sub forma unei diagrame detaliate despre care elemente sunt încărcate mai lent decât altele. Diagnosticarea altor zone cu probleme este ușoară.

Testați site-ul web pentru viteza de încărcare cu Pingdom

După lansarea testului de viteză a site-ului web, s-ar putea să vă întrebați ce viteză de încărcare este optimă pentru site-ul dvs.

Timpul excelent de încărcare a paginii este mai mic de 2 secunde. Dar amintiți-vă, cu cât mai repede, cu atât mai bine.

YSlow este un plugin pentru FireFox, care este încorporat în Firebug. Analizează 20 de factori care au un impact direct asupra vitezei site-ului și estimează productivitatea resursei pe o scară de 100 de puncte, iar fiecare element este estimat de la A la F.

Rezultatele verificării site-ului pentru viteza de descărcare cu YSlow

Testează-ți site-ul web cu GT Metrix

GT Metrix este unul dintre cele mai bune servicii pentru analizarea vitezei de încărcare a paginii. Spre deosebire de analogii săi, GT Metrix oferă nu numai informații despre viteza de încărcare a paginilor, numărul de solicitări și viteza de încărcare a fiecărui element de pagină, dar oferă și recomandări pentru îmbunătățirea situației.

Google PageSpeed ​​Insights (https://developers.google.com/speed/pagespeed/insights/) este unul dintre cele mai populare instrumente pentru optimizarea și estimarea vitezei de încărcare a paginii. Este destinat să primească recomandări pentru îmbunătățirea site-ului. Cu toate acestea, recent mulți oameni ignoră acest sfat și nu este întâmplător. Ce s-a întâmplat și de ce nu trebuie să vă faceți griji cu privire la rezultatele testului Google PageSpeed?

Experimentul nostru a arătat că scorul Google PageSpeed ​​nu este un indicator al vitezei de descărcare a site-ului. Mai mult, prin implementarea tuturor recomandărilor serviciului, ardoarea ta se estompează rapid, deoarece toate sfaturile nu pot fi luate în considerare. De exemplu, vi se va oferi să adăugați un antet de cache la scripturile care nu se află pe site-ul dvs.

O altă recomandare frecventă a Google PageSpeed ​​este eliminarea JavaScript și CSS care blochează antetul paginii. Prin executarea instrucțiunilor Google PageSpeed, riscați să spargeți site-ul sau o parte a funcționalității.

Desigur, instrumentul în ansamblu este util dacă îl folosiți fără fanatism. Va identifica zonele cu probleme: unele dintre ele merită atenție – de exemplu, lipsa compresiei gzip sau prezența imaginilor mari care sunt mai bine comprimate. Este important să rețineți că sarcina dvs. principală este să îmbunătățiți viteza site-ului, mai degrabă decât indicatorii PageSpeed.

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

Raportul privind rezultatele testului privind viteza de încărcare a paginilor conține recomandări de îmbunătățire. În cea mai mare parte – dificil pentru nuanțe tehnice începători. Este esențial să cunoașteți zonele de risc în care apare blocajul performanței resursei dumneavoastră pentru a lua măsuri pentru a le elimina.

Principalele zone cu probleme pentru încetinirea site-ului WordPress sunt:

1. Gazduire. Dacă serverul nu este configurat corect, încetinește site-ul (dacă este un server VPS). Alegând găzduirea virtuală optimă, trebuie să selectați un plan tarifar care se potrivește cel mai bine cerințelor dumneavoastră pentru site.
2. Configurare WordPress. Dacă site-ul dvs. nu folosește pagini stocate în cache, acesta supraîncărcă serverul, ceea ce provoacă încetinirea resursei și eroarea 500 - eșec pe server.
3. Pluginuri proaste. Utilizarea pluginurilor cu cod ineficient/malițios sau abuzul de pluginuri duce la o încetinire severă a site-ului.
4. Dimensiunile imaginii. Multe imagini nu sunt optimizate pentru web, ceea ce afectează negativ viteza site-ului.
5. Scripturi. Publicitatea, analiza codului, încărcarea fonturilor etc. afectează performanța site-ului.
6. Lățime de bandă gazdă redusă / fără CDN.

Cu zonele cu probleme care vă încetinesc site-ul, WordPress și-a dat seama. Acum puteți continua să rezolvați problema și să răspundeți la întrebarea cum să accelerați descărcarea site-ului WordPress.

Furnizor de găzduire pentru WordPress

Optimizarea site-ului WordPress poate fi luată în considerare cu seriozitate, atunci când veți înțelege exact – aceasta nu este gazda de care aveți nevoie. Îți încetinește site-ul și trebuie să-i pui o cruce. O gazdă 100% groaznică este una care găzduiește mii de site-uri pe un server partajat. Plasarea pe o astfel de gazduire te costa bani, nervi si timp pierdut. De aceea este important să te asiguri că nu faci greșeli în alegerea unei găzduiri, ca un începător clasic.

Pentru a face acest lucru, vizitați comunitatea pasionaților de găzduire web. De exemplu, WebHostingTalk (http://www.webhostingtalk.com/). Aici veți găsi recenzii obiective și imparțiale ale companiilor de găzduire, teste de blocare, rezultate ale cercetării; în general, obțineți răspunsuri exhaustive.

Amintiți-vă: o gazdă bună este o investiție în dezvoltarea resursei dumneavoastră pe termen lung.

Să ne oprim pe scurt asupra principalelor tipuri de găzduire. Există trei opțiuni:

• Virtual (partajat) – pe un server sunt aproximativ 100 de site-uri.
• VPS (server privat virtual) – 20 de site-uri web sunt găzduite pe un server.
• Dedicat – un server dedicat pentru site-ul dvs.

Gazduire partajata

Găzduirea partajată este o opțiune pentru site-urile cu trafic redus, dar pe măsură ce traficul pe site crește, trebuie să mergeți la un server privat, de exemplu.

Gazduirea partajata este ca si cum ai inchiria o camera intr-un apartament. Ai un loc de locuit, dar baia, televizorul, bucătăria etc. sunt comune, așa că uneori trebuie să aștepți să îți vină rândul la baie.

Avantaj: ieftin. Potrivit dacă tot ce aveți nevoie este un site web simplu. Pentru cine? Pentru incepatori, start-up-uri (bloguri, carti de vizita, portofoliu, orice mici proiecte).

Server privat virtual (VPS)

VPS este conceput pentru utilizatori avansați sau puteți comanda o găzduire WordPress gestionată pentru afaceri online populare. VPS într-o opțiune bună pentru site-urile cu trafic mare/mediu. Gazduirea VPS este o varianta de coabitare, dar atunci cand inchiriezi un apartament intr-un bloc. Aveți bucătăria, baia, dar locul de parcare comun (spațiu pe disc), lift (conexiune la internet), etc.

Avantaj: ai mai mult spațiu. Pentru cine? Pentru resurse informaționale (portale de știri, magazine de dimensiuni medii, site-uri de informare cu o cantitate semnificativă de conținut).

Gazduirea dedicata este conceputa pentru portaluri mari cu o milionea de audienta zilnica.

Server dedicat

Gazduirea dedicata este ca a locui intr-o casa decomandata cu garaj, piscina, gradina si zona de gratar. Iar casa, sediul și infrastructura din jurul casei vă stau în întregime la dispoziție.

Avantaj: primești totul și nu împărtășești cu nimeni. Dar e scump. Pentru cine? Pentru proiecte mari (rețele sociale, site-uri de întâlniri, magazine uriașe cu o varietate de produse, portaluri).

Furnizorii de găzduire buni (cum ar fi Kinsta, BlueHost, SiteGround) iau măsuri pentru a-și optimiza puterea de calcul pentru nevoile site-ului dvs. Cu toate acestea, dacă site-ul dvs. este pe o găzduire partajată, trebuie să partajați resursele serverului cu alți clienți. Înseamnă că atunci când primești trafic mare (un număr mare de vizite) de către vecinul tău pe server, performanța întregului server este redusă, ceea ce ajută la încetinirea site-ului tău. Datorită caracteristicilor geografice, vă recomandăm să utilizați un server de găzduire care să fie situat cât mai aproape de publicul țintă.

Utilizarea găzduirii gestionate pentru WordPress (dacă bugetul nu te limitează) îți oferă cele mai optimizate configurații de server pentru a rula WordPress și pentru a oferi backup-uri automate, actualizări automate WordPress și modalități mai sofisticate de a-ți proteja site-ul.

Ghid pas cu pas pentru accelerarea site-ului dvs. WordPress

Înțelegem că efectuarea de modificări în configurația site-ului este un gând oribil pentru începători, mai ales dacă nu sunteți un dezvoltator web. Nu-ți face griji și nu ești singur. Am ajutat mulți utilizatori să îmbunătățească performanța site-ului și vă vom arăta cum să îmbunătățiți site-ul WordPress în câteva clicuri fără o singură linie de cod.

Pasul 1. Instalați un plugin de cache și utilizați Content Delivery Network (CDN)

Paginile WordPress sunt dinamice. Înseamnă că acestea sunt create de fiecare dată când un utilizator vă vizitează site-ul. Acestea. Pentru a crea pagini, WordPress ar trebui să înceapă procesul de găsire a informațiilor necesare, să colecteze toate împreună și apoi să afișeze pagina vizitatorului.

Dacă există mulți vizitatori pe site-ul dvs. în același timp, chiar poate încetini resursa și, uneori, chiar o poate dezactiva. Prin urmare, vă recomandăm să utilizați pluginuri speciale de stocare în cache sau un serviciu CDN de stocare în cache pe fiecare site WordPress. Îți vor face site-ul de 2 până la 5 ori mai rapid.

Cum funcționează WordPress cache și CDN?

În loc să fie nevoie să proceseze procesul de generare a paginii de la început, pluginul dvs. de stocare în cache creează o copie a paginii după prima vizită de către utilizator și apoi deschide această versiune în cache pentru fiecare oaspete ulterior al site-ului.

Când un vizitator vizitează site-ul WordPress, serverul procesează PHP și baza de date solicită extragerea informațiilor necesare. Odată cu aceasta, serverul web lansează scripturi Java (efecte speciale, analize etc.), după ce serverul web generează cod HTML, îl trimite utilizatorului. Este un proces care necesită mult resurse, dar îl puteți optimiza dacă utilizați cache și CDN.

Există o mulțime de plugin-uri de cache pentru WordPress, dar unele dintre ele oferă o flexibilitate fantastică, unele pur și simplu funcționează din fabricație, sunt destul de ușor de configurat chiar și pentru începători. Opțiunile complexe sunt potrivite pentru un utilizator WordPress încrezător și vă permit să reglați site-ul web, ținând cont de arhitectura specifică a proiectului.

Cu cuvinte simple, atunci când un plugin de cache este activ pe site-ul dvs., acesta vă copiază paginile pe server. Reduce dramatic accesul la baza de date MySQL, elimină sau minimizează solicitările PHP, accesul la server pentru resurse statice și chiar solicitările HTTP (dacă mai multe fișiere sunt îmbinate într-unul singur).

Vă recomandăm să utilizați pluginul WP Super Cache. Este ușor de configurat, este ușor de utilizat, iar vizitatorii site-ului tău vor simți imediat diferența – paginile site-ului se vor deschide mult mai repede.

WP Super Cache creează versiuni HTML statistice ale fiecărei pagini și le descarcă de fiecare dată, fără interogări în baza de date. Nu doar accelerează activitatea site-ului dvs. și reduce sarcina pe server. Plugin-ul servește vizitatorilor site-ului folosind tehnologia mod_rewrite sau PHP, iar opțiunea preferată este să alegeți în setări – „Simple” sau „Expert”. În WP Super Cache, configurați singur programul de ștergere a memoriei cache, specificând timpul și frecvența curățării cache-ului și a paginilor expirate. Există integrare cu CDN.

Pentru începători, se recomandă modul „Simple”. Doar bifați toate elementele „Recomandat”, creați programul de ștergere a memoriei cache și plug-in-ul va fi gata de utilizare. Funcțiile suplimentare sunt personalizabile; WP Super Cache este bine tradus, toate explicațiile sunt logice și clare. Modalitățile de rezolvare a problemelor sunt descrise în detaliu în forumul de asistență tehnică. Aici puteți pune o întrebare, deși până acum doar în engleză.

Oferă astfel de funcții de stocare în cache:

• Cache-ul paginii;
• cache de obiecte;
• Cache-ul bazei de date;
• cache-ul browserului;
• Minimizează;
• CDN.

Minify întrerupe unele pluginuri bazate pe JS, dacă nu le configurați în mod explicit. Rețineți că trebuie să configurați browserul pentru a utiliza întregul potențial al memoriei cache a browserului.

Pro: instalare rapidă și simplă, suport pentru CDN.

Contra: Unii au avut probleme de compatibilitate cu alte plug-in-uri, hosting, dar în cea mai recentă versiune a acestor probleme nu mai sunt observate. În comparație cu W3 Total Cache, funcționalitatea simplificată este prezentată aici.

O alternativă la gestionarea și instalarea simplă și ușor de înțeles a WP Super Cache este W3 Total Cache. Fiind suficient de flexibil pentru „ajustare fină”, poate acoperi soluția unei liste mai extinse de sarcini. Profi este numit cadrul său pentru îmbunătățirea site-ului.

Pluginul funcționează bine pe găzduirea virtuală. Cu toate acestea, puteți extrage mai multă funcționalitate. Pentru extrem, există o versiune de PRO.

Pro: Există totul pentru stocarea în cache completă, minimizare, suport CDN.

Contra: un număr mare de funcții poate deruta începătorul.

Ce ar trebui să aleg – WP Super Cache sau W3 Total Cache?

Ambele plug-in-uri sunt bune la sarcinile de stocare în cache.

Diferențe:

• WP Super Cache se poziționează drept cea mai simplă soluție pentru stocarea în cache a site-urilor WordPress, dar are și o versiune cu setări avansate;
• W3 Total Cache – mai flexibil în configurație. Dacă site-ul tău se află pe un server dedicat, acest plugin poate fi cel mai bun prieten al tău pentru a menține performanța optimă a site-ului.

Optimizează-ți memoria cache a browserului

Configurați serverul astfel încât browserul utilizatorului să memoreze fișierele în cache. Utilizați modulul headers al serverului Apache, care monitorizează și modifică anteturile solicitărilor HTTP și răspunsurilor HTTP. Browserul descarcă date de pe server în memoria cache locală, care sunt modificate foarte rar, iar când vizitezi site-ul, le încarcă din cache. Puteți chiar să memorați în cache anumite tipuri de fișiere pentru o anumită perioadă, după care acestea vor fi descărcate din nou de pe server. Un plugin care memorează automat paginile va efectua munca de stocare în cache pentru dvs.

Pasul 2: utilizați o rețea de livrare de conținut ( CDN)

Amintiți-vă, am vorbit despre faptul că pentru utilizatorii din diferite țări, timpul de descărcare a site-ului dvs. va fi diferit? Se datorează faptului că locația serverelor de găzduire afectează viteza site-ului. Dacă găzduirea dvs. este în India, atunci vizitatorii site-ului dvs. din India îl descarcă mai repede decât, de exemplu, din SUA. Dacă site-ul este direcționat către o anumită țară și regiune, este mai bine să cumpărați găzduirea de acolo.

Cum se rezolvă o problemă?

Utilizați CDN! Va accelera timpul de încărcare a site-ului dvs. pentru toți vizitatorii dvs.

Descărcarea resurselor statice ale site-ului dvs., de exemplu, imagini, scripturi, fișiere CSS, va accelera site-ul. Nu numai că aceste resurse se vor încărca mai repede pentru vizitatori dacă utilizați un CDN, dar serverul dvs. principal va avea, de asemenea, mai puțină sarcină de lucru și, astfel, veți obține performanță maximă în timp ce deserviți restul site-ului dvs.

Aceste resurse statice vor fi livrate vizitatorilor dvs. de către serverul cel mai apropiat de ei. Există destul de multe rețele de livrare de conținut. Căutați unul ușor de configurat pe site-urile WordPress? Este MaxCDN.

• CDN este o rețea de livrare de conținut care conține servere din întreaga lume. Fiecare server stochează fișiere „statice” care sunt folosite pentru a vă afișa site-ul.
• Fișierele statice sunt fișiere imuabile (imagini, stiluri CSS, JavaScript).
• Fișiere dinamice – pagini și postări texte, comentarii etc.

Aproape toate site-urile web cu trafic mare folosesc CDN pentru conținutul lor static. CDN-urile au dispozitive de stocare situate în întreaga lume pentru a oferi un serviciu global de livrare de conținut ideal pentru site-uri cu o acoperire demografică largă, după cum este prezentat mai jos:

Când folosește CDN, ori de câte ori un utilizator vizitează site-ul tău, el primește fișiere statice de la cel mai apropiat server. Sarcina de pe hosting va scădea, ceea ce înseamnă că performanța acesteia va crește.

Aproape toate site-urile cu trafic mare astăzi folosesc CDN pentru conținutul lor static – conform estimărilor aproximative, tehnologia CDN este o realitate pentru fiecare al treilea magazin online din SUA și Europa din top 100.

CDN-urile, cum ar fi MaxCDN (https://www.maxcdn.com/), au unități solid-state situate strategic în întreaga lume pentru a oferi un serviciu global de livrare de conținut ideal pentru site-urile web cu o acoperire demografică largă.

Utilizarea unor astfel de giganți CDN mari precum Rackspace Cloud Files, Amazon S3, permite acces mai rapid la conținut și mai puțină latență în blocajele. Serviciile acestor operatori CDN sunt plătite. Cu toate acestea, puteți utiliza un CDN gratuit de la Cloudflare.

Este important să alegeți o locație strategică a serverului pentru gazda dvs. WordPress. Pentru că, deși un CDN vă ajută să vă distribuiți conținutul media și conținutul, o solicitare inițială trebuie să fie făcută furnizorului de găzduire atunci când site-ul dvs. este încărcat. Consultați câteva teste de viteză CDN WordPress, astfel încât să puteți judeca mai bine cât de mult o creștere a performanței vă puteți aștepta să vedeți pe propriul site.

Pasul 3: Optimizați imaginile și videoclipurile pe site-ul WordPress

Imaginile revitalizează conținutul și se concentrează asupra lor, comentează. Cu alte cuvinte, imaginile activează interacțiunea. Cercetătorii au descoperit că efectele vizuale ale culorii cresc probabilitatea de a citi materialul dvs. cu 80%, îmbunătățesc clasamentul în motoarele de căutare și, în general, îmbunătățesc indicatorii SEO. Și, în același timp, imaginile sunt unul dintre cele mai grele elemente ale site-ului.

Dar dacă imaginile nu sunt optimizate, vor dăuna, nu vor ajuta. Cea mai frecventă problemă a descărcărilor lungi de site sunt imaginile neoptimizate, care se găsesc adesea pe site-urile începătorilor.

Nu uitați să specificați dimensiunile maxime ale imaginii pentru miniaturi ca mediu. Înseamnă că dacă încărcați o imagine cu o lățime de 1024 pixeli, iar zona de conținut are o lățime de numai 604 pixeli, imaginea va fi de obicei redusă cu CSS. Când specificați lățimea maximă a imaginilor dvs. „mari” ca 604 pixeli, atunci va fi afișată o imagine cu o dimensiune mărită de 604 pixeli, care va fi mult mai mică.

În 2018, interes reînnoit pentru imagini ca mijloc de marketing. În primul rând, vorbim despre suport pentru markup pentru fotografiile produselor – Screma.org (http://schema.org/Product). Markup permite motorului de căutare să furnizeze informații complete despre produs în conformitate cu imaginea acestuia (actuală pentru tranzacționarea pe Internet).

Înainte de a încărca o fotografie de pe telefon sau cameră, vă recomandăm să utilizați programul de editare foto pentru a optimiza imaginile de pe Internet, mai întâi creați-le versiunile web. Fișierele sursă ale acestor imagini au adesea dimensiuni mari. Recomandăm ca acestea să fie reduse la 5 ori cu ajutorul programelor de editare grafică.

De exemplu, comprimarea imaginilor fără pierderi de calitate oferă plug-in-ul EWWW Image Optimizer (https://ru.wordpress.org/plugins/ewww-image-optimizer/). Promite să comprima până la 60% pentru imaginile JPEG și 80% pentru imaginile PNG. Cu toate acestea, nu funcționează în toate sistemele de găzduire, așa că vă recomandăm, ca alternativă, să utilizați serviciul TinyPNG (https://ru.wordpress.org/plugins/tiny-compress-images/) pentru a comprima fișierele PNG.

Plugin-ul acceptă JavaScript, VBScript și AppleScript, automatizare batch, ceea ce face posibilă comprimarea mai multor imagini simultan. Fișierele sunt convertite automat în format sRGB pentru o mai bună compatibilitate. Avantajul plug-in-ului Comprimare imagini JPEG și PNG este comprimarea automată a imaginilor în timpul descărcării unui fișier nou, păstrând în același timp calitatea imaginii. Minus – există o limită lunară pentru comprimarea datelor, însă plata acolo este pur simbolică.

Cea mai simplă metodă de optimizare a imaginilor de pe site este pluginul WP Smush (https://ru.wordpress.org/plugins/wp-smushit/). Este destul de simplu de instalat, apare imediat în panoul de administrare în secțiunea „Fișiere media” și oferă un upgrade la o versiune plătită. Optimizarea automată a imaginii este conectată implicit. Astfel, fișierele sunt imediat optimizate atunci când sunt încărcate în bibliotecă.

Livrarea rapidă a imaginilor poate fi aranjată folosind CDN. Va reduce timpul de așteptare, deoarece conținutul este mai aproape geografic de utilizator, rezultând mai puțin timp pentru primirea și afișarea imaginilor din partea utilizatorului. Acesta va face site-ul dvs. mai receptiv în ceea ce privește viteza de răspuns la cerere.

În al doilea rând, va reduce traficul de rețea, deoarece reutilizarea conținutului reduce cantitatea de date transmise vizitatorului. Nu numai că economisește banii clientului (presupunând că acesta plătește pentru trafic), dar face și cerințele de lățime de bandă ale canalului mai flexibile.

Modulul Photon al plug-in-ului JetPack este responsabil pentru procesarea și accelerarea imaginilor. Există filtrarea înregistrărilor și paginilor fără modificarea bazei de date, dimensiunea imaginilor este tăiată în funcție de atributele specificate de înălțime și lățime sau lățime a elementului care le conține atunci când este mai mic.

Din dezavantajele metodei – stocarea în cache a imaginilor este pentru totdeauna cu o deteriorare a calității lor, dezavantaje, adică, dacă trebuie să „actualizați” imaginea, aceasta va trebui să fie încărcată din nou.

Configurați LazyLoad – încărcarea imaginii în așteptare

Actual pentru site-urile cu un număr mare de imagini. Încărcarea elementelor grafice începe atunci când vizitatorul trece la un anumit fragment de pe pagină. Nu veți vedea efectul vizual al LazyLoad, dar utilizarea pluginului va minimiza consumul de resurse de server de către site-ul dvs., descarcând mai puține informații pentru cei care nu derulează paginile până la sfârșit.

A3 Lazy Load (https://wordpress.org/plugins/a3-lazy-load/) – plug-in pentru descărcarea simultană a tuturor imaginilor de pe pagină. Sub scriptul Lazy Load, puteți configura site-ul WordPress pentru a descărca conținut vizual (imagini, videoclipuri, scripturi) numai atunci când utilizatorul accesează această parte a elementului site-ului.

Astfel, vizitatorii site-ului văd mai întâi imaginile care sunt prezentate pe ecranele lor de vizualizare. Când derulează în jos, instrumentul încarcă conținutul în continuare. Reduce numărul de solicitări pe care o pagină le primește atunci când pagina este prima încărcată. În acest fel, ajută la economisirea lățimii de bandă și la creșterea timpului de descărcare.

Utilizați două formate de imagine - JPEG și PNG.

Care este diferența?

PNG – format de imagine raster. Când comprimați o imagine, aceasta pierde informații, astfel încât PNG va fi mai calitativ și va conține informații detaliate. Dezavantajul este că acesta este de dimensiune mare a fișierului, iar descărcarea acestuia durează mai mult.

JPEG este un format de fișier comprimat care reduce puțin calitatea imaginii, dar are o dimensiune mult mai mică.

Ce format de imagine ar trebui să aleg?

Dacă fotografia ta are multe culori, încearcă să folosești JPEG.

Dacă aceasta este o imagine mai simplă sau aveți nevoie de un fundal transparent, utilizați PNG.

Pe site-ul nostru, folosim JPEG mai des. Raportul aproximativ dintre JPEG și PNG este de 80:20.

În fiecare an tendința spre consumul video crește din ce în ce mai mult. Tendința este mai frecventă în rândul publicului la vârsta de 14-25 de ani, dar consumul de video de pe PC-uri și dispozitive mobile se observă la fiecare categorie de vârstă.

Volumul de videoclipuri online până în 2021, conform unui studiu al Cisco, se va tripla:

În 2016, videoclipurile au reprezentat 73% din traficul global, cererea pentru toate tipurile de videoclipuri este în creștere. Segmentul de video cu cea mai rapidă creștere de pe Internet este LIVE – video în timp real. Până în 2021, videoclipurile „în direct” vor reprezenta 13% din traficul total.

Ce înseamnă acest lucru pentru profesioniști în marketing și SEO? Prezența videoclipurilor pe site crește experiența utilizatorului, ridică astfel de site-uri în rezultatele căutării și afectează efectiv creșterea factorilor comportamentali (cel mai important criteriu al motoarelor de căutare pentru SEO în prezent). Deja merită să ne gândim la video ca un instrument util pentru promovarea pe internet.

În consecință, este logic să vorbim despre optimizarea clipurilor video, deoarece acestea sunt cel mai greu de încărcat. Încercați o descărcare leneșă, despre care am scris chiar mai sus, pentru videoclip. Aliatul tău în această afacere este pluginul Lazy Load For Videos. Pentru a gestiona încărcarea leneră a tuturor videoclipurilor, imaginile site-ului pot fi realizate cu ajutorul Lazy Load XT, care este conceput pentru a verifica toate elementele grele ale site-ului.

Cele mai bune modalități de a îmbunătăți performanța site-ului WordPress

Instalând pluginul de cache și comprimând imaginea, veți înțelege – site-ul se încarcă mult mai repede.

Cu toate acestea, acest lucru nu este suficient. Vă recomandăm să utilizați metode suplimentare de personalizare. Sfaturile noastre nu sunt tehnice, nu trebuie să știți cum funcționează codul. Dar aplicarea lor va rezolva principalele probleme care încetinesc activitatea site-ului tău WordPress.

Pasul 4: Nu descărcați direct în WordPress

Da, vei descărca cu ușurință videoclipul pe site-ul tău WordPress și îl va afișa automat în playerul HTML5. Dar nu trebuie să faci asta!

Găzduirea video vă va costa lățime de bandă. Compania de găzduire are dreptul de a vă închide site-ul, chiar dacă tariful dumneavoastră include lățime de bandă nelimitată.

Găzduirea videoclipurilor crește serios dimensiunea copiilor de rezervă și îngreunează restaurarea site-ului dintr-o copie de rezervă.

Cum se rezolvă o problemă?

Există 2 moduri:

1. Utilizați servicii de găzduire video, inclusiv YouTube, Vimeo, DailyMotion etc.
2. WordPress are o funcție încorporată pentru adăugarea fișierelor video. Puteți copia linkul către videoclip și îl puteți lipi direct în postare. Videoclipul va apărea automat pe pagină.

Pasul 8. Alegeți un subiect cu accent pe viteză

Atunci când alegeți o temă WordPress pentru site-ul dvs., este esențial să acordați o atenție deosebită optimizării acesteia. Unele teme importante sunt create fără a ține cont de performanța site-ului și folosesc un cod ineficient și pot încetini serios site-ul.

Principiul de aur al programării – KISS susține că sistemul funcționează cât mai bine dacă rămâne simplu și nu se complică. De aceea, în zona designului site-ului, simplitatea este unul dintre obiectivele cheie.

Ar trebui să evitați complexitatea inutilă și să alegeți o temă elegantă cu un „design curat”, plug-in-uri de calitate. Este mai bine să le eviți pe cele umflate de machete complexe, cu o mulțime de efecte vizuale și alte funcții. De regulă, subiectele plătite pentru WordPress sunt optimizate și construite ținând cont de cele mai bune practici de programare și SEO.

Pasul 6. Folosiți glisorul „luminoasă”.

Utilizarea unui glisor este un element de design interesant, dar poate încetini site-ul. Chiar dacă ați petrecut timp optimizând imagini, cu un plugin de glisare prost implementat, această muncă este o pacoste.

Am comparat pluginurile slider-ului WordPress, iar Soliloquy a fost mai rapid decât celelalte (pagina a fost descărcată în 1,34 secunde față de 2,12 secunde când ați folosit LayerSlider).

Comparație între glisoarele pluginului pentru viteza de descărcare

Pasul 7. Utilizați vizualizatorul rapid de galerie foto cu plugin

Dacă site-ul dvs. este un portofoliu sau o galerie foto, cel mai probabil veți dori să utilizați pluginul pentru galerie de imagini. Este important să utilizați pluginul care este optimizat pentru viteză și nu vă încarcă site-ul. Din experiența noastră, am fost convinși că unul dintre cele mai bune plugin-uri pentru galeria WordPress de pe piață este Envira (https://enviragallery.com/) / A fost de două ori mai rapid decât omologii săi.

Ajustări pentru accelerarea site-ului WordPress (pentru utilizatori avansați)

Folosind metodele și recomandările enumerate pentru a optimiza viteza WordPress, ar trebui să simți o reducere semnificativă a timpului de încărcare a site-ului.

Fiecare secundă contează aici. Dacă scopul tău este viteza cea mai rapidă, trebuie să mai faci câteva modificări.

Aceste sfaturi sunt puțin mai tehnice și necesită cunoștințe de bază despre PHP. Prin urmare, înainte de a trece la următorii pași, salvați o copie de rezervă a site-ului.

Pasul 8. Reduceți numărul de solicitări HTTP

Fiecare element al paginii este o cerere HTTP separată: text, stil, fiecare pictogramă, imagine. De exemplu, dacă utilizați sistemul standard de comentarii WordPress, acesta creează o solicitare HTTP separată pentru fiecare comentator. Înțelegi, atunci când există o mulțime de comentarii, acest lucru duce la o mulțime de solicitări cu redirecționări inutile.

Oferim două soluții la această problemă.

1. Dezactivați gravatare personalizate. Not the best way, but working when loading speed is really important.

How to do it?

Install the free WP User Avatar plug-in (https://wordpress.org/plugins/wp-user-avatar/) and choose “Disconnect Gravatar” from the menu.

2. Use the lazy loading of Disqus Conditional Load (https://wordpress.org/plugins/disqus-conditional-load/). Disqus works faster due to fewer HTTP requests.

Disable scripts

There is a plugin Gonzalez (https://tomasz-dobrzynski.com/wordpress-gonzales), which allows you to disable unnecessary scripts and do not download them on the pages of the site. The plugin is not free, but it costs money, especially if you want to add a gascode to the site.

Many plugins and themes download all files from third-party sites – scripts, style sheets, images, for example, from Google, Facebook.

You can use several such plugins because these files are usually optimized for fast download. But if your plugins make many such requests, this can seriously slow down the work of the WordPress site.

You can reduce the number of requests made to the servers of your site. Every time someone visits your site, it requests site files. It includes HTML, CSS and JS files.

How to solve a problem?

Reduce HTTP requests by disabling scripts, styles, or merging them into a single file. You can use a caching plugin for this.

Minify and combine CSS and JavaScript

Minification is the removal of unnecessary characters (spaces, comments, delimiters, etc.) from HTML, Javascript and CSS files. It reduces the amount of code that requires a response from the server and, accordingly, speeds up the loading of the site.

Combine – combine CSS and Javascript files into 1 file.

How to do it?

Use the plugin. For example, WP Rocket. If you are looking for an alternative free version of the plugin – we offer you such lightweight solutions as Better WordPress Minify and Autoptimize. Remember that it's better to put CSS at the top, and Javascript from the bottom.

Step 9. Diagnose your plugins

All plugins are code snippets that help you perform the functions assigned to them. Sometimes they become burdensome and unproductive. It is a big load on the server.

How to solve a problem?

There is a special plugin – the organizer of your Plugin Organizer plug-ins (https://wordpress.org/plugins/plugin-organizer/). He will find out which of your plug-ins significantly affect the load time of your site. You can quickly determine which plug-in badly affects the speed of your site. If there is a plug-in that slows down the site, it is suggested to find a worthy replacement.

Remember, aging versions of plug-ins are usually more vulnerable to attack, new ones are more optimized, quicker and safer, they contain fewer errors. We recommend that you disable and even remove plugins that you do not use. Many plug-ins do not necessarily mean a slower site, but many low-quality plug-ins will significantly slow down the resource.

Step 10. Reduce database queries

Unfortunately, we often see topics with bad code. They ignore the standard methods of working WordPress and make direct calls to the database or abuse requests to the database. It slows down your server. WordPress themes with pure code access the database, usually to get necessary information from your site.

How to solve a problem?

It's enough to use a caching plugin. We recommend using WP Super Cache (https://ru.wordpress.org/plugins/wp-super-cache/).

The plugin will remove all your spam-waiting comments, marked messages, automatically saved drafts. They can also perform common queries to optimize the MySQL database without having access to PHP.

Step 11: Optimize the WordPress database

After starting the WordPress site and first working with it, there will be a lot of information in your database that you will most likely never need. To optimize the site, it will have to be removed.

It is easily managed with the WP-Sweep plug-in (https://en.wordpress.org/plugins/wp-sweep/). It cleans the database, removing corrupted messages, unused tags, duplicating metadata, optimizing database structure at the click of a mouse.

The WP-Sweep database optimization plug-in will get rid of:

• Spam, deleted and unapproved by the moderator of comments;
• Duplicate content;
• Editable versions of posts, messages;
• Unused content (themes, plugins, broken links).

A well-optimized, responsive database is a huge bonus for WordPress.

Step 12. Limit editing posts

Editing publications take up a lot of space in the WordPress database. Some experts believe that these changes affect database queries launched by plug-ins.

If the plugin does not specifically exclude editing of records, this can be the reason for slowing down your site, because the site will be without the need to go to the search for all versions of the post, including draft versions.

We recommend limiting the number of versions (edits) of each post. You need to add this line of code to the wp-config.php file:

define ('WP_POST_REVISIONS', 4);

This code will limit WordPress in terms of saving edited versions of articles: now you will not see more than four changes of each material or page. It will automatically delete the old versions.

Step 13. Disable Hotlinks

If you create quality unique content, sooner or later it will be stolen.

Every time you use a server for storing images, you are exploiting more of its resources. Often people borrow your pictures, putting hotlinks on their servers. Thus, they do not load their servers but use your bandwidth of web hosting. It creates an unnecessary load on your server.

Just add this code to your .htaccess file to block the hotlinking images from your site:

#disable hotlinking of images with forbidden or custom image option

RewriteEngine on

RewriteCond %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)? stylemixthemes.com [NC]

RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]

RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

Important! Do not forget to replace stylemixthemes.com with your own domain.

Step 13: Divide comments into pages

Do you have many comments on the posts? Congratulations! It is a good indicator of the interest of your readers.

The drawback here is only one – downloading numerous comments slows down the download of the site. If you have a caching plugin installed, you can skip this step.

WordPress has a solution for this! You do not need to download anything. Internal WordPress tools can quickly fix this problem.

How to do it?

1. Go to the Settings tab in the Admin panel.
2. Select the “Discussions” item.
3. Check the “Split comments on pages” option.

The second way is to use an easy plugin to exchange views.

Exchange of messages and commenting is a big part of the marketing strategy of any website. However, sometimes people set too many exchange options that irritate visitors and slow down the site.

Our policy with the use of plugins for social media is minimal and straightforward. Social Sharing (by Danny) (https://wordpress.org/plugins/dvk-social-sharing/) weighs 50Kb, and to enable pop-up windows you need a font size of 600 bytes. We mean that the plugin does not affect the performance of the site.

Step 14. Update WordPress to the latest version

WordPress is a well-functioning open source project with frequent updates. Each subsequent update offers new features and eliminates errors, security issues, and vulnerabilities. Note that WordPress themes and plugins are also updated frequently.

Do not forget to update the site, plugins, themes to the latest versions, previously making a backup copy.

We hope our material has helped you to find useful tricks for speeding up your WordPress site. Be sure to use at least part of them and check the download speed of the site before and after, and write us in the comments your results. We are waiting!