Optimizarea timpului de încărcare a site-ului dvs. este o abordare câștigătoare pentru a menține vizitatorii site-ului dvs. fericiți și pentru a crește veniturile generate de afacerea dvs. online.

Pentru a face lumină asupra tuturor acelor probleme care vă încetinesc site-ul web, l-am invitat pe Stavros Papadakis să-și prezinte procesul de accelerare a site-urilor web lente.

Ce face site-ul dvs. lent?

Ar trebui să verificați cu siguranță postarea mea anterioară cu 16 moduri de a vă accelera site-ul WordPress.

Deși această postare a oferit o listă de verificare rapidă cu cele mai bune ajustări pentru a optimiza timpul de încărcare a site-ului dvs. WordPress, există încă multe probleme care vă pot încetini site-ul.

Dacă ați activat compresia pentru fișierul dvs. htaccess, fișierele CSS combinate, ați mutat fișiere Javascript în subsol, dar încă nu sunteți mulțumit de timpul de încărcare a site-ului dvs., atunci verificați aceste 18 probleme comune care încetinesc site-ul dvs.

1. Site-uri web super-grele

Nu există nicio îndoială că o pagină de 3MB care face 180 de solicitări HTTP va fi mai lentă decât un site de 1MB cu 60 de solicitări HTTP.

Doriți să optimizați timpul de încărcare a site-ului dvs.?

Una dintre cele mai bune modalități de a face acest lucru este reducerea la minimum a dimensiunii fiecărei pagini a site-ului dvs.

Deși puteți să vă optimizați imaginile, să combinați fișiere CSS, să minimizați fișierele Javascript și să aplicați multe ajustări de optimizare front-end, un site de 3 MB va face site-ul dvs. lent și utilizatorii site-ului dvs. nemulțumiți.

21 MB reprezintă o sarcină uriașă pentru server și browser.

În timp ce proiectați sau reproiectați site-ul dvs., ar trebui să faceți tot posibilul pentru a încărca doar ceea ce aveți nevoie și nimic mai mult.

Cu alte cuvinte, ar trebui să vă întrebați întotdeauna:

Chiar am nevoie de 8 imagini mari la prezentarea de diapozitive de pe pagina principală?

Trebuie să afișez 20 de articole din portofoliu pe pagina de pornire?

Ar trebui să arăt 12 mărturii ale utilizatorilor fericiți pe pagina de pornire sau 3 mărturii vor face și ele treaba?

Încărcarea tuturor acestor date face ca site-ul tău să arate frumos, dar și site-ul tău va fi mai lent datorită tuturor acestor date.

Doriți să aveți un site cu încărcare lentă? Dacă nu, atunci minimizați datele încărcate pe pagină a site-ului dvs.

2. Imagini neoptimizate

Știți că 80% din timpul necesar pentru încărcarea unui site web este controlat de structura front-end?

Acesta este un fapt uimitor al optimizării performanței web.

80% din timpul de răspuns al utilizatorului final este cheltuit pe front-end. Concentrează-te pe asta.

Puteți încerca să vă optimizați baza de date sau codul PHP, dar dacă ignorați acest fapt de o importanță capitală, atunci site-ul dvs. va fi lent.

Un fișier PNG de 460 KB poate deveni 90 KB prin optimizarea acestuia.

Dacă aveți 10 imagini neoptimizate pe site-ul dvs., atunci puteți adăuga 2-3 MB de încărcare suplimentară a paginii.

Dacă nu vă optimizați imaginile, atunci timpul de încărcare a site-ului dvs. poate fi grav afectat.

Vestea bună este că majoritatea imaginilor JPG și PNG pot deveni cu 40% sau chiar cu până la 80% mai mici fără a pierde calitatea imaginii prin optimizarea lor folosind Photoshop, ImageOptim sau un instrument terță parte, cum ar fi Kraken.

3. Utilizarea excesivă a reclamelor

Google Adsense și alte servicii similare pot fi o sursă suplimentară de venit pentru dvs., dar vă pot încetini și site-ul.

Un site web care încarcă reclame în antet, în bara laterală din dreapta, în corpul postării și în partea de jos a paginii, folosind 2 sau 3 servicii publicitare diferite, va fi mult mai lent decât un site web cu doar 1 anunț în bara laterală din dreapta sau în corpul postului.

Nu numai că reclamele sunt enervante pentru majoritatea utilizatorilor, dar vă vor încetini și site-ul.

Vă rugăm să verificați următoarea captură de ecran de pe site-ul web al unui client.

Chiar ai nevoie de toate aceste reclame enervante?

Credeți sau nu, există 4 anunțuri diferite în el, un anunț în partea de sus a capturii de ecran, videoclipul care este un anunț, un anunț în bara laterală din dreapta și un alt anunț în partea de jos a paginii! Inutil să spun că aceste reclame sunt enervante pentru majoritatea utilizatorilor și încetinesc și timpul de încărcare a site-ului dvs.

Pentru a rezuma, reclamele ar trebui întotdeauna folosite cu prudență. Atâta timp cât un anunț nu generează bani, acesta ar trebui eliminat.

4. Dimensiuni greșite pentru imaginile dvs

Nu ar trebui să scalați imaginile în HTML, ar trebui să redimensionați o imagine mare și să utilizați în schimb imaginea redimensionată.

De exemplu, să presupunem că aveți o imagine care are 1200px x 600px și doriți să utilizați o versiune „mai mică” a acesteia, de exemplu, 400px x 200px.

În acest caz, nu utilizați imaginea originală și reduceți-o prin modificarea dimensiunilor de lățime și înălțime în HTML.

Trebuie să creați o nouă imagine în miniatură redimensionând imaginea originală de la 1200px x 600px la 400px x 200px și să utilizați noua imagine care este mai mică și se va încărca mai repede.

Am întâlnit multe site-uri care încărcau o imagine Facebook de 256 x 256 de 150KB în loc de o pictogramă Facebook de 32 x 32 de 2KB!

5. Redirecționări inutile

Am un test rapid pentru tine.

Care dintre următoarele imagini se încarcă mai repede, A, B, C sau D?

A. http://www.domain.com/image.jpg
B. http://domain.com/image.jpg
C. https://www.domain.com/image.jpg
D. https://domain.com/image.jpg

Ai ales A? Gresit.
Ai ales B? Gresit.
Ai ales C? Gresit.
ai ales D? Gresit din nou!

Răspunsul corect este că depinde de site-ul tău!

Dacă site-ul dvs. este https://www.domain.com, atunci apelând versiunea non-HTTPS a imaginii (http://www.domain.com/image.jpg), va exista o redirecționare suplimentară de la http: //www.domain.com/image.jpg la https://www.domain.com/image.jpg de către browser pentru a încărca imaginea.

Dacă utilizați versiunea non-www pentru site-ul dvs. (http://domain.com/), atunci ar trebui să utilizați întotdeauna versiunea non-www pentru imaginile dvs. (de exemplu, http://domain.com/image. jpg în loc de http://www.domain.com/image.jpg).

Browserelor nu le plac acest tip de redirecționări inutile.

Redirecționările inutile vă vor încetini site-ul

Folosind adrese URL relative pentru fișierele dvs. (de exemplu, <img src="//eadn-wc04-1126528.nxedge.io/image.jpg" />), puteți scăpa cu ușurință de această problemă comună care încetinește timpul de încărcare a Site-ul tău.

6. Locație greșită a serverului

Dacă traficul site-ului dvs. este în principal din SUA sau Marea Britanie, atunci site-ul dvs. ar trebui să fie găzduit de o companie de găzduire situată în SUA sau, respectiv, Marea Britanie.

Cu cât serverul este mai aproape de vizitatorii site-ului dvs., cu atât site-ul dvs. va fi mai rapid.

Inutil să spun, dacă primiți trafic din toată lumea, atunci vă recomand cu căldură să utilizați o rețea de livrare de conținut sau CloudFlare, astfel încât imaginile, fișierele CSS și Javascript să fie încărcate de pe un server mai aproape de locația fiecărui utilizator.

7. Planuri de găzduire partajată Dodgy

Nimeni nu vrea să plătească $$$ pentru găzduirea unui site, dar deservirea unui site WooCommerce cu 40 de plugin-uri active sau a unui site Magento cu 5000 de produse printr-un plan de găzduire partajată care costă 5 USD pe lună este o rețetă pentru dezastru.

Ar trebui să investești întotdeauna într-o companie de găzduire bună pentru a obține cel mai bun timp de încărcare pentru site-ul tău.

Dacă site-ul dvs. este indisponibil sau lent, atunci puteți economisi câțiva dolari pe lună utilizând un plan de găzduire partajată, dar veți pierde mult mai mult dacă vă pierdeți clienții (un utilizator care vizitează un site cu încărcare lentă nu va revedea acest site).

Dacă aveți un site WordPress greu, folosind Woocommerce sau multe plugin-uri active, atunci vă recomand cu căldură WP Engine și FlyWheel (linkuri afiliate).

Nu ar trebui să vă așteptați să obțineți 200.000 de vizite unice pe lună pentru a face upgrade la un VPS, acest lucru nu se va întâmpla niciodată în timp ce vă găzduiți site-ul pe același server supraîncărcat cu sute de site-uri pe el.

8. Utilizarea excesivă a scripturilor de social media

Scripturile pentru rețelele sociale (Facebook, Twitter, Pinterest etc.) adaugă o căutare DNS, un set de fișiere Javascript și, de asemenea, câteva imagini ori de câte ori sunt adăugate într-o pagină.

Deși multe dintre aceste opțiuni de partajare ar trebui să fie disponibile la sfârșitul postărilor, astfel încât utilizatorii să vă poată partaja cu ușurință postările, nu are sens să încărcați toate acele opțiuni de partajare pe fiecare pagină.

Care este rostul să încărcați acele pictograme de rețele sociale în fiecare pagină, de exemplu, pe pagina de contact sau pe paginile categoriei dvs.?

Afișarea a 5 numărări diferite de rețele sociale pentru fiecare postare pe pagina de pornire sau paginile categoriei adaugă multă încărcare site-ului dvs. Cât de important este să arăți numărătoarea pe aceste pagini? Trebuie să afișați și Facebook, Twitter, Pinterest, Google Plus și LinkedIn?

Prea multe scripturi de social media pot distruge performanța site-ului dvs

Ai fi cel mai bine să arăți doar 1 sau 2 care au rezultate bune pentru tine? Dacă nu primești multe acțiuni, are rost să arăți vreuna?

Ar trebui să vă gândiți întotdeauna de două ori înainte de a adăuga orice opțiune de social media într-o pagină a site-ului dvs.

9. Tip de fișier greșit pentru imaginile dvs

Dacă aveți nevoie de transparență pentru imaginile dvs., atunci nu puteți evita tipul de fișier PNG, DAR dacă nu aveți nevoie de transparență, nu ar trebui să salvați niciodată imaginile ca fișiere PNG, deoarece acestea sunt mult mai mari în dimensiunea fișierului, mult mai lente decât imaginile JPG.

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 asemenea, ar trebui să încercați să evitați salvarea imaginilor cu text ca conținut, deoarece poate fi un proces consumator de timp pentru a edita textul pe imagini, iar imaginile generate sunt, de asemenea, mult mai grele.

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

10. Nu profita de serviciile dedicate

Există un număr mare de servicii populare care pot reduce sarcina serverului dvs.

Ai videoclipuri pe site-ul tău? Ar trebui să utilizați Youtube, Wistia sau Vimeo.

Ai multe comentarii pe site-ul tău? Ar trebui să utilizați Disqus, IntenseDebate sau
Discurs.

Folosiți jQuery, jQuery UI, AngularJS sau Mootools? Ar trebui să le încărcați prin bibliotecile găzduite de Google.

Folosiți WordPress și afișați postări populare? Ar trebui să utilizați Jetpack care face asta automat pentru dvs.

De asemenea, puteți utiliza o rețea de livrare de conținut (CDN) pentru a vă difuza imaginile de pe aceasta în loc de site-ul dvs.

Dacă site-ul dvs. înregistrează trafic semnificativ și încărcați multe imagini și videoclipuri, timpul de încărcare al site-ului dvs. poate fi optimizat drastic prin echilibrarea volumului de lucru al site-ului dvs. cu trucurile menționate mai sus.

11. 404 erori

Dacă încercați să încărcați un fișier care nu există sau browserul nu poate găsi, atunci timpul de încărcare a site-ului dvs. va fi afectat de această eroare HTTP 404.

Ar trebui să verificați întotdeauna dacă există erori 404 în timpul redării paginilor dvs. pentru a obține cel mai rapid timp de încărcare. Puteți face acest lucru fie verificând cascada generată de site-ul dvs. utilizând Webpagetest și GTMetrix, fie utilizând fila de rețea a browserelor precum Chrome și Firefox.

Dacă Webpagetest arată linii roșii pe cascadă, atunci ar trebui să depanați imediat și să remediați acele erori 404.

Erorile 404 pot distruge timpul de încărcare

Acest tip de erori poate distruge cu adevărat timpul de încărcare a site-ului dvs., mai ales dacă vă serviți site-ul printr-un plan de găzduire partajată.

12. Nu memorarea în cache a site-ului dvs

Fiecare sistem de management al conținutului (WordPress, Joomla, Drupal, Magento) utilizează o bază de date pentru a salva un set mare de date pe ea.

Deși acest lucru este excelent pentru gestionarea site-ului dvs., înseamnă, de asemenea, că adaugă încărcare suplimentară pe serverul dvs. pentru a genera fiecare pagină de fiecare dată când este solicitată.

Puteți rezolva această problemă folosind memoria cache.

Dacă utilizați WordPress, atunci puteți fie să utilizați un plugin de stocare în cache, cum ar fi
W3 Total Cache sau WP Super Cache sau ZenCache sau utilizați o companie de găzduire a serverelor gestionate, cum ar fi WP Engine și FlyWheel (linkuri afiliate), care se ocupă de stocarea în cache.

Inutil să spun că Joomla, Drupal și Magento oferă și opțiuni de stocare în cache, care pot ajuta foarte mult, oferind versiuni stocate în cache ale site-ului dvs. pentru vizitatorii următori ai site-ului, în loc să genereze fiecare pagină din nou și din nou.

Memorarea în cache a paginilor vă poate accelera drastic site-ul

Memorarea în cache este o idee simplă pentru orice site web bazat pe baze de date. Chiar și o perioadă de stocare în cache de 10 minute poate optimiza drastic timpul de încărcare a site-ului dvs.

13. Sute de solicitări HTTP

Fiecare fișier CSS, fișier Javascript sau imagine încărcată pe site-ul dvs. este o solicitare HTTP. Cu cât site-ul tău are mai multe solicitări HTTP, cu atât site-ul tău va fi mai lent.

Deși puteți încerca să combinați fișiere CSS și Javascript, să utilizați fișiere CSS inline și să utilizați sprite-uri CSS pentru imagini mici, dacă implementați acele ajustări și aveți încă 150 de solicitări HTTP, atunci ar trebui, evident, să încercați să vă dezordinea site-ul eliminând conținutul din aceasta.

246 de solicitări HTTP vor încetini site-ul dvs., indiferent cât de optimizat este acesta

Știu că este tentant să afișați mult conținut în fiecare pagină a site-ului dvs., dar vă rugăm să rețineți că „mai puțin înseamnă mai mult”, așa că încercați să nu încărcați atât de multe imagini sau scripturi.

14. Configurare proastă a serverului

Dacă aveți un plan de găzduire partajată, este destul de comun ca aceștia să facă tot posibilul pentru a servi cât mai multe site-uri pe server.

De obicei, fac asta dezactivând funcții precum compresia și KeepAlive, printre altele.

Activarea HTTP Keep-Alive permite aceleiași conexiuni TCP să trimită și să primească mai multe solicitări HTTP, reducând astfel latența pentru cererile ulterioare.

Comprimarea reduce dimensiunea fișierelor trimise de pe server pentru a crește viteza la care sunt transferate în browser.

Dacă aveți un plan de găzduire partajată și compania dvs. de găzduire a dezactivat compresia și Keep-Alive, atunci ar trebui să schimbați compania de găzduire cât mai curând posibil.

Keep-Alive și compresia ar trebui să fie activate pe serverul dvs

15. Importuri CSS

Importurile CSS sunt o modalitate bună de a importa fișiere CSS în partea de sus a unui fișier CSS nou, de exemplu, importul unui fișier de resetare CSS, dar adaugă întârzieri suplimentare și în timpul încărcării unei pagini web.

Ar trebui să evitați importurile CSS, ori de câte ori este posibil.

16. Încărcarea fișierelor inutile pe fiecare pagină

Ar trebui să încărcați fișierele CSS și Javascript numai atunci când acestea sunt necesare pe o pagină a site-ului dvs.

De exemplu, dacă un anumit fișier Javascript este necesar doar pe o singură pagină, în acest caz, ar trebui să încărcați acel fișier Javascript numai la această adresă URL, în loc să îl încărcați pe fiecare pagină a site-ului dvs.

Dacă nu respectați această regulă simplă, atunci puteți ajunge să încărcați 30 de fișiere CSS și 40 de fișiere Javascript pe o pagină care are nevoie de doar 3 fișiere CSS și 4 fișiere Javascript, astfel încât să faceți 63 de solicitări HTTP suplimentare și să adăugați multe sute de kilobyți pe pagină. mărimea.

17. Încărcarea fișierelor grele pe fundal

Multe site-uri obișnuiau să încarce imagini de fundal mari, care sunt greu vizibile.

Chiar aveți nevoie de o imagine de 500KB încărcată pe fundal? Ar trebui să încercați să utilizați CSS3, ori de câte ori este posibil sau să utilizați o culoare de fundal.

De asemenea, este o practică proastă să încărcați fișiere de sunet pe fundal în timp ce site-ul dvs. se încarcă.

Cele mai multe dintre aceste tehnici încetinesc site-ul dvs. și ar trebui evitate.

18. Nu folosiți un expert

Scopul meu a fost să vă ofer suficiente informații pentru a începe să remediați paginile de încărcare lentă ale site-ului dvs.

Optimizarea timpului de încărcare a site-ului dvs. este o situație avantajoasă pentru dvs. și pentru toți cei care vă vizitează site-ul. Site-uri mai rapide înseamnă conversii mai mari, clasamente mai bune în motoarele de căutare și o experiență de utilizator mai plăcută.

Cel mai bine este să angajați un expert atunci când doriți o lucrare bine făcută.

Amatorii pot urma cele mai bune practici, dar nu știu de unde să înceapă.

Un expert va rezolva problemele reale care vă încetinesc site-ul.

Ori de câte ori un amator nu cunoaște problemele reale ale site-ului dvs., va recomanda o soluție temporară inutilă, cum ar fi mutarea gazdelor, schimbarea temei, instalarea unui alt plugin de cache sau chiar schimbarea CMS.

Mulți dintre clienții mei și-au pierdut timpul și banii pe amatori care tocmai instalaseră un plugin de cache fără a remedia problemele reale ale site-ului lor.

Ar trebui să rețineți întotdeauna că fiecare site web este unic, așa că trebuie aplicate diferite ajustări de optimizare a vitezei pe site.

Pentru a rezuma, optimizarea timpului de încărcare a site-ului dvs. ar trebui să fie făcută întotdeauna de un expert care va efectua ajustările de optimizare a vitezei cu precizie chirurgicală.

Imaginează-ți cât de fericiți vor fi utilizatorii tăi să vadă timpi de încărcare super-rapidi!

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