Îmbunătățirea vitezei site-ului: tot ce trebuie să știți

Viteza site-ului nu este tocmai un subiect plin de farmec, așa că nu te învinovățesc dacă ai evitat să te gândești mult la el.

Dar realitatea nu este întotdeauna convenabilă - viteza site-ului devine din ce în ce mai importantă, iar atenția utilizatorilor de internet cu siguranță nu se mai lungește.

Poate și mai important, Google acordă atenție acestei probleme, iar timpul de încărcare de 8 secunde are un efect asupra clasamentului dvs., indiferent dacă vă place sau nu.

Din ce în ce mai mult, proprietarii de site-uri ajung să înțeleagă că viteza site-ului face parte din orice strategie SEO bună. Așa că pune-ți capacele de învățare, haideți să încercăm.

Cât de mult contează de fapt?

Lasă-mă să te opresc chiar acolo.

Acesta nu este unul dintre acele lucruri pe care le puteți respinge și spune „este doar pentru perfecționist” sau „nu am suficient trafic pentru ca asta să conteze”.

Viteza site-ului contează pentru fiecare site web și face acest lucru din mai multe motive. Ați fi înțelept să nu le respingeți.

În primul rând, gândiți-vă la vizitatorii dvs. și la obiceiurile lor de navigare. Câteva fapte:

Imagine prin amabilitatea Kissmetrics

De parcă acestea nu ar fi suficiente pentru a vă convinge, voi merge mai departe și vă spun că și Google îi pasă - și asta ar trebui să fie rezonabil, nu?

În cele din urmă, obiectivul Google este să îmbunătățească internetul pentru utilizatori, este în interesul lor să încurajeze continuu proprietarii de site-uri să se implice într-un comportament bun și să facă din web o experiență mai sigură și mai plăcută. Și având în vedere atât de mulți utilizatori de internet că viteza site-ului este importantă, este firesc ca Google să o ia în considerare în algoritmul său.

De fapt, aceasta este orice altceva decât o știre - Google a anunțat încă din 2010 că viteza site-ului a fost într-adevăr un factor de clasare, așa că puteți paria că acest lucru nu s-a schimbat, având în vedere că a fost coroborat de date terțe în mod repetat.

Cum se măsoară viteza site-ului

În primul rând, va trebui să măsurați viteza site-ului dvs. pentru a evalua dacă are nevoie sau nu de dragoste.

Există o serie de instrumente disponibile pentru dvs. și toate sunt libere de utilizat.

Probabil veți ajunge cu un favorit, dar vă recomand să le folosiți pe toate pe măsură ce vă parcurgeți procesul. Spun asta pentru că fiecare instrument are o prezentare unică și unele afișează informații ușor diferite față de altele.

În cele din urmă (și aceasta este o mare avertizare), vă rugăm să rețineți că scorul nu este singurul lucru care contează aici. Scorul este un etalon care va varia, de asemenea, între diferitele instrumente - nu există o valoare universală pentru scorul vitezei paginii.

Ceea ce trebuie să rețineți este că fiecare situație este unică. Este posibil să aveți o anumită implementare care nu reflectă bine în ceea ce privește un scor YSlow, dar asta nu înseamnă că Google vă va penaliza site-ul sau că timpul de încărcare va fi excesiv de mare.

Concluzia este că scorurile sunt un ghid - nu vă stabiliți un obiectiv arbitrar și încercați să ajungeți la un anumit număr. Dacă adoptați această abordare, s-ar putea să vă aflați rapid făcând sacrificii inutile și tăind resurse utile de pe site-ul dvs. pentru a atinge acel punct de referință.

Doar păstrați mintea deschisă și veți fi bine. Instrumentele pe care le recomand să le folosesc sunt:

Google PageSpeed ​​Insights

Google, desigur, are propriul său instrument și de aici ar trebui să vă începeți călătoria.

Cu siguranță nu este cel mai robust din grup - de fapt, este cu ușurință cel mai simplu dintre toate instrumentele pe care le vom discuta. Dar acestea fiind spuse, este încă un loc decent pentru a-ți începe călătoria.

Aruncă o privire la ceea ce recomandă pentru site-ul tău și ar trebui să ai o idee decentă asupra domeniilor pe care ar trebui să te uiți să le îmbunătățim.

GTmetrix

Acest instrument este ușor preferatul meu.

Pentru început, oferă două scoruri diferite și un „diagram în cascadă”. Graficul cascadei poate deveni puțin tehnic, dar dacă începeți să sapi, veți găsi că este o resursă neprețuită.

După cum puteți vedea, oamenii de la IGN au în mod clar munca depusă pentru ei. Acestea fiind spuse, au o mulțime preexistentă considerabilă de urmăritori loiali (poate că au experimentat și au descoperit că traficul lor de întoarcere nu este afectat de timpii de încărcare oribile).

Oricum, este de asemenea grozav că poți crea un cont gratuit pe GTmetrix și îl poți face să ruleze un raport zilnic pe pagina ta. Apoi puteți vedea progresul în timp sau puteți compara oricare două (sau mai multe) rapoarte pentru a vedea ce elemente ați îmbunătățit și care a fost efectul lor cumulat în ceea ce privește performanța.

WebPageTest

În ciuda aspectului super depășit, acest instrument este încă util. Aș spune că este undeva între GTmetrix și Google PageSpeed ​​Insights în ceea ce privește utilitatea.

De asemenea, oferă o diagramă în cascadă și mai multe scoruri diferite. Folosind rapoartele, veți obține date foarte specifice și detaliate despre ceea ce trebuie îmbunătățit și unde se află problemele dvs.

O caracteristică cu adevărat drăguță (și unică) constă în capacitatea sa de a afișa scorurile de vizualizare pentru prima dată și repetate. Acestea diferă în funcție de configurarea memoriei cache și de alți factori. Cu siguranță informații bune de avut.

Test de viteză a site-ului Pingdom

Pingdom este o altă ofertă puternică și are cea mai „frumoasă” prezentare dintre oricare dintre instrumente.

Au o versiune plătită care oferă mai multe funcții și avantaje, dar nu am încercat niciodată asta, așa că nu pot să-i dau o recomandare sau să evaluez adevărata valoare sau potențial.

Pot spune că instrumentul gratuit este util și aș recomanda cu siguranță să îl verificați.

Cum să vă îmbunătățiți viteza site-ului

Adevărul să fie spus, există prea multe de acoperit într-unul sau două articole dedicate în mod special îmbunătățirii vitezei site-ului și există deja multe resurse utile pe acest subiect.

În acest ghid, doar ne udăm picioarele, așa că voi păstra recomandările mele accesibile și voi încerca să nu intru prea mult în aspectele tehnice.

Pentru mulți dintre noi, va trebui să angajăm un expert în viteza site-ului pentru a rezolva pe deplin problemele găsite în oricare dintre instrumentele de testare de mai sus. Dar toți putem face progrese și pe cont propriu - și dacă aveți noroc, asta ar putea fi suficient pentru a obține acel timp de încărcare de <2 secunde pe care îl dorim cu toții.

Optimizați-vă imaginile

O imagine valorează cât o mie de cuvinte - sau în ceea ce privește dimensiunea fișierului, 100.000 de cuvinte.

Imaginile sunt excelente pentru a menține vizitatorii implicați, pentru a construi o identitate de marcă și pentru a transmite rapid o mulțime de informații. Acestea fiind spuse, sunt adesea fișiere de dimensiuni mari, care ulterior aduc un plus semnificativ la timpul de încărcare a paginii.

Din fericire, optimizarea imaginilor este ușoară și se poate face în vrac folosind pluginuri.

Dacă utilizați WordPress, descărcați EWWW Image Optimizer și editați în bloc toate încărcările. Îți vor lua doar câteva clicuri și poți să pleci în timp ce face munca grea.

Veți fi uimit de cât de multă îmbunătățire veți vedea doar din optimizarea imaginilor.

Alegerea temei

Dacă utilizați o temă pentru site-ul dvs. pe o platformă precum WordPress, nu vă va plăcea ceea ce am de spus în continuare.

Deși s-ar putea să nu fie o problemă pentru dvs., unele teme sunt slab optimizate pentru viteză. Depinde total de tema ta particulară.

Faceți cercetări independente, verificați forumurile și firele de asistență și verificați documentația livrată cu tema dvs. Este posibil să existe sfaturi specifice conținute în documentație sau setări în configurația avansată a temei cu care te poți juca pentru a îmbunătăți viteza site-ului.

În cel mai rău caz, poate fi necesar să luați decizia grea că, pe termen lung, va trebui să alegeți o altă temă care are cod mai bine optimizat.

Eliminați pluginurile inutile

Când ajut clienții să-și optimizeze site-urile, primul lucru pe care îl fac (după optimizarea imaginilor) este să arunc o privire la ce pluginuri au instalate și active.

Sunt adesea surprins de ceea ce găsesc - tone de plugin-uri cosmetice inutile, urmărire Google Analytics duplicat. Numiți.

Aruncați o privire atentă la lista dvs. de pluginuri - orice lucru pe care nu îl utilizați în mod activ ar trebui eliminat.

Puteți vedea care pluginuri sunt grele de resurse prin GTmetrix și ar trebui să acordați prioritate eliminării lor ori de câte ori este posibil.

Mărimea paginii

Dacă aveți prea multe imagini mari, videoclipuri sau prea multe linii de cod inutile în fișierele dvs. .htaccess sau JavaScript, toate pot contribui la un site mai lent.

Rugați dezvoltatorul să arunce o privire la eliminarea codului site-ului dvs., acolo unde este cazul. Adesea, dacă site-ul dvs. este vechi de câțiva ani, veți avea caracteristici și puf pe care nu le mai folosiți.

De asemenea, pe tema videoclipurilor încorporate, acestea sunt adesea fișiere mari și includ mai mult de o resursă JavaScript.

Oamenii se uită cu adevărat la videoclipurile dvs. încorporate? Verificați analiza în pagină (există un plugin pentru asta) pentru a afla. Dacă oamenii nu se interacționează cu ei, luați în considerare fie să le eliminați, fie să le îmbunătățiți plasarea și expunerea.

compresie GZip

Gzip este o aplicație care reduce dimensiunea oricărei resurse mai mari de 150 de octeți. Vorbim de CSS, JavaScript, HTML etc.

Există o mulțime de documentație disponibilă online despre cum să începeți să utilizați acest lucru și cu siguranță va face o diferență pentru viteza paginii dvs.

Minimizează și concatenează CSS și JS

Acesta poate deveni puțin complicat și va trebui să fiți un utilizator avansat pentru a înțelege toate acestea - eu însumi nu am suficient de multă înțelegere a tuturor pentru a vă oferi sfaturi detaliate.

Dar ceea ce vă pot spune este că există pluginuri care vă pot ajuta în acest sens dacă sunteți pe WordPress.

• BWPMinify este un plug-in grozav și ușor de utilizat, care poate fi exact ceea ce căutați. Poate aduce o serie de îmbunătățiri fără a necesita cunoștințe avansate de utilizator.
• Autoptimize este o altă opțiune pe care o puteți găsi utilă.

Lucrul pe acest unghi anume va necesita ceva experimentare, așa că aș recomanda cu siguranță utilizarea unui site de punere în scenă sau de testare în care să vă puteți încurca fără a sparge nimic din ceea ce este live și care se adresează clienților.

... asta-i tot?

Hah, îți dorești.

Știu că toate acestea pot fi mult de digerat dacă nu ești foarte familiarizat cu subiectul, dar devine mai ușor.

Cu cât vă expuneți mai mult la subiect, experimentați cu pluginuri și utilizați instrumentele de testare, cu atât mai mult veți ajunge să înțelegeți specificul.

În cele din urmă, probabil că veți încă avea nevoie de ajutor de la un dezvoltator talentat și calificat - fie că este vorba de a prelua întregul proiect sau doar de a face niște reglaje și de a verifica din nou securitatea și stabilitatea propriei lucrări, dar este Va merita banii cheltuiți dacă puteți îmbunătăți experiența utilizatorului.