16 moduri de a vă accelera site-ul WordPress astăzi!

Accelerarea site-ului dvs. este singura modalitate garantată de a obține mai mult trafic și de a face mai multe vânzări.

În 2010, Google a confirmat că viteza site-ului este unul dintre cei peste 200 de indicatori care influențează clasamentele de căutare. Datele lor arată că atunci când paginile se încarcă lent, oamenii petrec mai puțin timp. Cu toate acestea, cei mai mulți dintre noi ne concentrăm puțin în a face site-urile noastre web mai rapide.

Poate că reglarea fină a declanșatorilor de viteză interioară a site-ului dvs. WordPress este prea descurajantă.

Pentru a face lumină cu privire la reducerea timpului de încărcare la jumătate, l-am invitat pe Stavros Papadakis să-și prezinte procesul de accelerare a site-urilor web ale clienților.

Dacă timpul de încărcare este mai mare de 3 secunde sau dimensiunea paginii depășește 2 MB, aceasta poate fi o problemă mare care vă costă bani, atât în ​​vânzări pierdute, cât și în taxele de server.

Există multe instrumente online gratuite, cum ar fi WebPageTest, GTmetrix, Google PageSpeed ​​Insights și Pingdom, care vă pot ajuta să identificați problemele care cauzează timpi de încărcare lenți și o experiență proastă a utilizatorului pentru site-ul dvs.

Iată cum să preiei controlul asupra performanței site-ului tău.

1. Activați compresia

Comprimarea fișierelor CSS și Javascript va ajuta browserele să le descarce mai rapid.

Comprimarea Gzip poate reduce cu ușurință dimensiunile fișierelor de la 200+KB (necomprimat) la mai puțin de 40KB (comprimat). Atâta timp cât serverul dvs. are compresia activată, profitați de ea.

Puteți fi sigur că utilizatorii dvs. vor experimenta o accelerare drastică a site-ului dvs. atât pentru desktop-uri, cât și pentru dispozitive mobile, prin activarea compresiei pe server.

Adăugați următorul fragment de cod la fișierul dvs. .htaccess pentru a activa compresia pentru fișierele statice.

AddOutputFilterByType DEFLATE aplicație/x-httpd-php text/php text/html text/plain text/css text/xml application/x-javascript text/javascript application/javascript text/x-js

BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Adăugați antet Vary User-Agent

2. Optimizați-vă imaginile

Imaginile sunt principalul vinovat pentru încetinirea unui site web. Optimizați-vă întotdeauna imaginile (în special cele de peste 50 KB) înainte de a le încărca pe site-ul dvs. web.

Modul optim de optimizare a acestora este utilizarea Photoshop sau orice alt software de manipulare a imaginilor. Salvați imagini pentru web cu o calitate a imaginii de până la 60%.

De asemenea, ar trebui să utilizați imagini progresive pentru fișierele JPG, deoarece redarea progresivă a imaginilor oferă o experiență mai fluidă pentru utilizator.

Vă rugăm să verificați următoarele două imagini, arată la fel, dar cea din stânga este neoptimizată și are 80KB și cea din dreapta este optimizată și are doar 18KB, de 4 ori mai mică.

Imagine neoptimizată

Imagine optimizată

3. Mutați fișierele Javascript în subsol

Deși bibliotecile Javascript, cum ar fi jQuery, Mootools și Prototype sunt minunate, deoarece extind funcționalitatea site-ului dvs., ele pot bloca și redarea paginilor dvs.

Browserele nu încep să încarce conținutul până când toate fișierele Javascript din antetul paginii nu au fost descărcate.

O modalitate ușoară de a rezolva această problemă este să mutați fișierele Javascript, cele care nu sunt necesare în timpul redării inițiale a paginii, de la antet la subsolul paginii.

Dacă utilizați Wordpress, puteți muta apelurile de script de la header.php la footer.php la tema dvs. și puteți utiliza true ca al patrulea parametru ori de câte ori utilizați funcția wp_enqueue_script.

Mutați scripturile JS la subsolul paginii

4. Asigurați-vă că ați activat KeepAlive

Apache (cel mai frecvent utilizat server pentru planurile de găzduire partajată la companiile de găzduire cu costuri reduse) are o „funcție” grozavă numită KeepAlive, care menține conexiunile deschise pentru mai mult de o solicitare HTTP.

Asigurați-vă că KeepAlive este activat la compania dvs. de găzduire.

Dacă aveți acces la fișierul dvs. httpd.conf, activați KeepAlive asigurându-vă că aveți „KeepAlive On” în el, altfel adăugați următorul cod la fișierul .htaccess.

 <ifModule mod_headers.c>
 Setul antet Conexiune menține în viață
</ifModule>

Activați KeepAlive pentru site-ul dvs

5. Îmbina fișierele CSS – fișiere CSS mici în linie

Browserele gestionează doar atât de multe solicitări HTTP în același timp. Când se atinge această limită, unele fișiere așteaptă în timp ce altele sunt descărcate.

Prin îmbinarea tuturor fișierelor dvs. CSS într-un singur fișier CSS, pagina se redă mult mai rapid.

Dacă aveți fișiere CSS care au mai puțin de 2 KB, atunci ar trebui să le includeți în loc să faceți o solicitare HTTP suplimentară.

Wordpress are câteva plugin-uri grozave, cum ar fi Autoptimize și Better WordPress Minify, care vă pot ajuta să îmbinați sau chiar să vă integrați foile de stil CSS.

Îmbinați fișierele CSS și integrați-le

6. Activați stocarea în cache

Memorarea în cache îmbunătățește drastic timpul de încărcare a paginilor care nu se schimbă atât de des.

Prin activarea stocării în cache pe site-ul dvs., codul dvs. nu va continua să genereze aceeași pagină din nou și din nou. În acest fel, experiența utilizatorului este mult mai bună și serverul tău poate gestiona mai mult trafic.

W3 Total Cache, WP Super Cache și WP Fastest Cache sunt doar o scurtă selecție de pluginuri Wordpress gratuite care oferă diferite tipuri de stocare în cache, de exemplu, cache pentru pagini, cache pentru baze de date și cache pentru obiecte, printre altele.

Pluginul W3 Total Cache oferă cache pentru pagini, DB și obiecte

7. Utilizați o rețea de livrare de conținut

Indiferent dacă utilizați un CMS precum Wordpress, Joomla, Magento, Drupal sau un site PHP sau HTML personalizat, vă recomand cu căldură să configurați o rețea de livrare de conținut (CDN).

Un CDN este un sistem distribuit de servere implementat în mai multe centre de date de pe internet.
Când un client vă vizitează site-ul, conținutul static, cum ar fi imaginile și fișierele CSS, este difuzat de pe serverul care este cel mai apropiat din punct de vedere geografic, astfel încât acestea să fie redate mult mai rapid.

Apropo, încărcarea pe serverul dvs. este, de asemenea, redusă drastic datorită unui CDN.

CloudFlare este un furnizor gratuit de CDN și DNS, printre altele. MaxCDN este, de asemenea, o opțiune excelentă și accesibilă pentru a optimiza timpul de încărcare a site-ului dvs. Amândoi sunt cât se poate de buni.

CloudFlare este o rețea gratuită de livrare de conținut

8. Minimizați numărul de solicitări HTTP

Cu cât aveți mai multe solicitări HTTP, cu atât timpul de încărcare a site-ului dvs. va fi mai lent.

Combinați fișierele CSS, îmbinați fișierele Javascript și combinați imaginile în sprite-uri de date, printre altele, pentru a face cât mai puține solicitări HTTP.

Când lucrez pe site-ul unui client, unul dintre obiectivele mele majore este de a minimiza numărul de solicitări HTTP încărcate pe pagină.

Îmbinați fișierele CSS, utilizați sprite-uri de date sau URI-uri de date pentru a reduce numărul de solicitări HTTP

9. Alegeți tipul de fișier corect pentru imaginile dvs

Utilizați JPG ca implicit. Este cel mai mic și cel mai rapid tip de fișier de încărcare.

Utilizați PNG numai pentru imaginile cu text (JPG rasterizează textul, ceea ce îl face neclar) sau dacă aveți nevoie de un fundal transparent.

Minimizați sau chiar eliminați orice fișier GIF greu, deoarece acestea pot încetini drastic timpul de încărcare a site-ului dvs.

Deși următoarele două imagini arată la fel, există o diferență uriașă între ele. Cel din stânga este salvat ca fișier png și cântărește 102KB, iar celălalt este un fișier JPG cu dimensiunea de 18KB, așa e, de 6 ori mai ușor!

Imaginea salvată ca PNG

Imaginea salvată ca JPG

10. Remediați erorile 404

Credeți sau nu, orice fișier lipsă generează o eroare HTTP 404 și cu siguranță va încetini timpul de încărcare a site-ului dvs.

Verificați întotdeauna dacă există erori 404 în timpul redării paginilor dvs. pentru a obține cel mai rapid timp de încărcare.

Dacă „cascada” (modul în care browser-ul vă redă site-ul) arată așa (atenție la orice rând roșu), atunci erorile 404 strică timpul de încărcare a site-ului dvs.

Erorile 404 pot distruge timpul de încărcare a site-ului dvs

11. Aveți grijă de dimensiunea paginii dvs

Deși este tentant să afișați mult conținut în fiecare pagină, ar trebui să încercați să păstrați dimensiunea paginii la minimum.

Acest lucru este și mai important pentru telefoane mobile. A trebui să încărcați un site de 2 MB prin mobil într-o conexiune 3G este o rețetă pentru dezastru. Luați în considerare faptul că utilizatorilor nu le place să aștepte mai mult de 2-3 secunde pentru ca o pagină să fie redată.

O nouă imagine adaugă valoare site-ului? Dacă nu, atunci nu ar trebui să-l adăugați pe site-ul dvs. Simplu așa.

Reduceți dimensiunea paginii

12. Scala imaginile

Nu scala niciodată imaginile din mers în HTML. Creați o miniatură a imaginii de care aveți nevoie la dimensiunile exacte pe care aceasta va fi folosită în paginile dvs.

De exemplu, dacă aveți o imagine care are 1200px x 675px și doriți să utilizați o versiune „scalată” la 480px x 270px, creați o nouă versiune redimensionată a imaginii originale și utilizați-o în schimb.

Această imagine trimite la o versiune „mare” a imaginii folosind o miniatură la scară în loc să modifice dimensiunile imaginii în HTML.

Miniatură (Imagine la scară) Legături către imaginea de dimensiuni mari

13. Utilizați memorarea în cache a browserului

Google recomandă un timp minim de cache de o săptămână și, de preferință, până la un an pentru activele care se modifică rar.

Setați o politică de stocare în cache pentru toate răspunsurile serverului la fișierele statice (imagini, CSS și Javascript), astfel încât browserul să poată determina dacă poate reutiliza sau nu un fișier încărcat anterior.

Acest lucru se face de obicei prin adăugarea acestui fragment de cod la fișierul .htaccess pentru planurile de găzduire partajată

<ifmodule mod_expires.c>
ExpirăActiv pe
ExpiresByType text/html „acces plus 7200 de secunde”
ExpiresByType imagine/gif „acces plus 864000 secunde”
ExpiresByType imagine/jpg „acces plus 864000 secunde”
ExpiresByType imagine/png „acces plus 864000 secunde”
ExpiresByType text/css „acces plus 864000 secunde”
ExpiresByType text/javascript „acces plus 864000 secunde”
Aplicația ExpiresByType/javascript „acces plus 864000 secunde”
</ifmodule>

14. Optimizați-vă baza de date

Atâta timp cât aveți un site bazat pe baze de date (care include WordPress și toate celelalte site-uri bazate pe CMS), asigurați-vă că vă optimizați baza de date.

Monitorizați-vă codul pentru interogări lente. Dacă sunteți pe un VPS sau un server dedicat, activați interogarea cache și optimizați configurația serverului de baze de date.

Deși optimizarea completă a bazei de date poate fi un proces cu adevărat complicat și consumator de timp, phpMyAdmin vă oferă câteva opțiuni de optimizare de bază prin „optimizarea tabelelor”.

Optimizați-vă baza de date prin phpMyAdmin

15. Selectează-ți cu înțelepciune compania de găzduire

Alegeți un plan de găzduire care să corespundă nevoilor site-ului dvs.

Majoritatea companiilor de găzduire aplică limitări planurilor lor de găzduire partajată și găzduiesc sute de site-uri pe server pentru a menține taxele la minimum.

Primesti ceea ce platesti. Dacă aveți un site de comerț electronic, un CMS greu, mult trafic sau vârfuri de trafic, evitați planurile de găzduire partajată.

Recomand cu căldură compania de găzduire Wordpress gestionată de WPEngine pentru orice site WordPress de comerț electronic sau orice site WordPress cu vârfuri de trafic.

16. Angajați un expert

Scopul meu este să vă ofer suficiente informații pentru a începe să optimizați viteza site-ului dvs.

Dar după cum știți, cel mai bine este să angajați un expert atunci când este important să faceți bine.

Unul dintre clienții mei m-a contactat pentru a optimiza timpul de încărcare a site-ului său. Paginile site-ului au durat mult să se încarce, iar vizitatorii se plângeau pentru că experiența utilizatorului era proastă.

Am actualizat WordPress la cea mai recentă versiune, am migrat site-ul către o companie de găzduire de încredere și am aplicat modificări de optimizare a vitezei pentru a obține cel mai bun timp de încărcare posibil.

Timpul de încărcare a trecut de la 8,2 la 2,6 secunde. Primul octet și timpul de randare de pornire au fost optimizate până la 0,147 și, respectiv, 0,384 secunde, iar numărul de solicitări HTTP a fost redus de la 96 la 78. Google PageSpeed ​​Insights a fost, de asemenea, optimizat la 88%.

Rata de respingere a scăzut cu aproximativ 10% în câteva săptămâni. Clientul și, mai important, utilizatorii site-ului au fost mulțumiți și întreținerea site-ului a devenit o experiență grozavă.

Pentru a rezuma, optimizarea timpului de încărcare a site-ului dvs. este o situație avantajoasă pentru dvs. și clienții potențiali.

Imaginează-ți cât de fericiți vor fi utilizatorii tăi să vadă timpii de încărcare foarte rapid!

Dacă vrei să mă angajezi, te ajut cu plăcere. Vedeți portofoliul meu și contactați-mă pe AwesomeWeb astăzi!

Concluzie

Totul se îmbunătățește atunci când site-ul tău se încarcă mai repede.

Google te clasează mai sus. Utilizatorii sunt mai fericiți. Ratele de respingere scad. Ratele de conversie cresc. Și faci mai multe vânzări.

Nu mai pierdeți trafic și bani. Începeți să optimizați timpul de încărcare a site-ului dvs. astăzi.

Astăzi ofer un pachet special de 497 USD pentru cititorii IncomeDiary. Aceasta este jumătate din rata mea normală. Dacă site-ul tău îndeplinește calificările mele minime, mă voi ocupa de tot ce este enumerat în această postare. Menționați IncomeDiary în mesajul dvs. și vă voi contacta în curând. Începeți 2015 cu cel mai rapid site pe care îl puteți avea!

Angajați-mă aici sau găsiți alți freelanceri de optimizare a vitezei pe AwesomeWeb aici.