Speed ​​Kills: Cum să auditați și să îmbunătățiți viteza și performanța site-ului dvs. web

Deci ați făcut toate aceste optimizari SEO și conversii pe site-ul dvs. WordPress.

Primești backlink, conținutul tău este grozav, paginile tale sunt optimizate, aduci recenzii, ai un CTA convingător și ai o mulțime de listări de afaceri precise. Site-ul tau este superb. O operă de artă, într-adevăr!

...dar acul nu se mișcă. De ce? Explicația poate fi mai simplă decât crezi. Site-ul dvs. este probabil lent.

Viteza slabă a site-ului este de fapt foarte comună. Chiar și echipa de aici de la Vendasta s-a confruntat direct cu această problemă. Ne luptăm cu problemele legate de viteza site-ului nostru de ceva timp și am făcut progrese... dar voi aborda toate acestea mai târziu.

Văd această problemă tot timpul printre agenții de marketing și agenții de marketing. Noi suntem cei care ar trebui să „înțelegăm” și să adoptăm din timp cele mai bune practici precum optimizarea vitezei paginilor site-ului web. Cu toate acestea, instrumentul Google PageSpeed ​​Insights spune altceva despre multe dintre site-urile noastre minunate, optimizate SEO și încărcate de conținut.

Cu toții trebuie să facem mai bine.

De aceea citești asta chiar acum, așa că hai să trecem la el!

Cuprins

Ce este viteza paginii?

Cum să determinați viteza și scorul paginii dvs

De ce contează viteza paginii?

1. Speed ​​Kills UX

2. Speed ​​Kills SEO

3. Speed ​​Kills Conversii

Cum vă puteți face site-ul să se încarce mai rapid? 8 Tactici

4 Studii de caz privind viteza site-ului

Cum să vă faceți auditul și optimizarea vitezei site-ului

1. Obțineți o linie de bază pentru rezultatele grafice

2. Lucrați prin cei 8 pași

3. Atrageți ajutor atunci când este necesar

4. Rămâneți dedicat vitezei site-ului în viitor

Cum să folosiți viteza site-ului pentru a crește vânzările

Ce este viteza paginii?

Viteza paginii este timpul necesar pentru ca conținutul de pe pagina unui site web să se încarce complet. Într-o lume în care oamenii au ajuns să se aștepte la rezultate instantanee, mai rapid este mai bine.

De fapt, aproape jumătate dintre utilizatorii web se așteaptă ca un site să se încarce în 2 secunde sau mai puțin și tind să abandoneze un site care nu este încărcat în 3 secunde, potrivit sondajelor realizate de Akamai și Gomez.com.

Lectură similară: 58 de statistici înfricoșătoare pentru site-uri web

Deci 3 secunde este viteza minimă pe care vizitatorul mediu ar tolera-o. Site-ul web tipic este la înălțime? Pingdom și-a folosit propriii clienți ca sursă de date și a constatat că pentru ei, răspunsul a fost un NU răsunător.

Printre clienții Pingdom, timpul mediu de încărcare pentru paginile web 3Mb a fost de 5 secunde. Mult prea lent.

Standardele pe care mulți le-au folosit pentru timpul de încărcare a paginii provin dintr-un studiu realizat de Geoff Kenyon în care compară viteza site-ului cu restul web:

• dacă site-ul dvs. se încarcă în 5 secunde, este mai rapid decât aproximativ 25% din web
• dacă site-ul dvs. se încarcă în 2,9 secunde, este mai rapid decât aproximativ 50% din web
• dacă site-ul dvs. se încarcă în 1,7 secunde, este mai rapid decât aproximativ 75% din web
• dacă site-ul dvs. se încarcă în 0,8 secunde, este mai rapid decât aproximativ 94% din web

Așadar, cum puteți determina modul în care site-ul dvs. este stivuit?

Cum să determinați viteza și scorul paginii dvs

Iată cum să măsurați modul în care site-ul dvs. se compară cu așteptările actuale ale utilizatorilor pe care le-am discutat mai sus:

1. Accesați rapoartele Google Analytics Site Speed ​​ale site-ului dvs. web. Acest lucru vă va oferi o idee despre cum s-a comportat site-ul dvs. în diferite perioade de timp și despre viteza de încărcare a fiecărei pagini.
2. Introduceți adresa URL a site-ului dvs. în Instrumentul Google PageSpeed ​​Insights. Acest lucru vă va oferi un raport cu privire la performanța vitezei site-ului dvs. pe dispozitive mobile și desktop. Raportul vine cu câteva acțiuni recomandate pe care le puteți lua pentru a îmbunătăți viteza site-ului dvs.
3. Verificați testul de viteză al site-ului Pingdom pentru a afla viteza, clasarea și procentul mai rapid decât media site-urilor web testate de Pingdom
4. GTMetrix va oferi o privire cuprinzătoare asupra stării de optimizare a vitezei site-ului dvs.

Notă: nu vă încurcați când vedeți o viteză diferită în Pingdom și Gtmetrix. După cum Pingdom vă va arăta timpul de încărcare (Timpul necesar pentru a afișa primul rezultat al site-ului dvs. - acesta este ceea ce contează Google și ar trebui și dvs.) și GTmetrix vă va afișa timpul de încărcare complet (Timpul necesar pentru a afișa pagina completă cu ea plină funcționalitate în funcțiune). Pentru o mai bună înțelegere, este întotdeauna bine să vedeți cascada de viteză de la ambele instrumente.

Ca parte a auditului de viteză a site-ului dvs. (voi analiza mai detaliat mai jos), veți folosi aceste instrumente pentru a urmări progresul dvs. de optimizare.

Lectură similară: Cum să vă accelerați site-ul mobil WordPress

De ce contează viteza paginii?

Reducerea decalajului dintre așteptările utilizatorilor (2 secunde) și timpul mediu de încărcare a site-ului (5 secunde) este scopul optimizării vitezei paginii și tacticile pe care le vom schița mai târziu. Dar de ce contează exact viteza paginii? Se reduce la 3 motive principale interconectate:

1. Speed ​​Kills UX

Experiența utilizatorului este probabil cel mai important motiv pentru care ar trebui să-ți pese de viteza site-ului, așa că vom începe aici.

Oamenii nu mai au răbdare pentru încărcare lentă a site-urilor web. La început, doar conectarea la internet necesita o toleranță care pur și simplu nu mai există.

Ești destul de mare ca să-ți amintești acest sunet dulce?

Astăzi, oamenii sunt în mod constant online și ai la dispoziție maximum 3 secunde pentru a-ți afișa pagina sau ei dispar. Mai mult de 3 secunde creează o experiență slabă pentru utilizator, iar bara va crește doar în viitor.

În discursul său despre „10 principii de aur ale aplicațiilor web de succes”, antreprenorul și bloggerul Fred Wilson notează că,

„Viteza este cea mai importantă caracteristică. Dacă aplicația dvs. este lentă, oamenii nu o vor folosi. Văd asta mai mult cu utilizatorii mainstream decât cu utilizatorii puternici. Cred că utilizatorii cu putere au uneori un ochi înțelegător față de provocările creării de aplicații web foarte rapide și poate că sunt dispuși să trăiască cu ele, dar când mă uit la soția și copiii mei, ei sunt punctul meu de vedere general despre lumea. Dacă ceva este lent, pur și simplu au dispărut.”

Cel mai simplu mod de a te gândi la acest lucru este modul în care navighezi pe site-uri web și care sunt așteptările tale pentru majoritatea site-urilor. Stai acolo și tolerezi timpi lenți de încărcare? Care este impresia ta despre un site web care durează o veșnicie să se încarce?

Lectură similară: Ghid în 10 pași pentru noob-friendly pentru crearea de site-uri web pentru întreprinderi mici

2. Speed ​​Kills SEO

Experiența utilizatorului este de fapt forța motrice din spatele implicațiilor SEO ale vitezei site-ului.

Edwin Toonen de la Yoast explică:

„Cele mai recente cercetări Google arată că șansa unei respingeri crește cu 32% atunci când timpul de încărcare a paginii trece de la 1 la 3 secunde. De la 1 la 5 secunde crește șansa la 90%, iar dacă site-ul dvs. durează până la 10 secunde pentru a se încărca, șansa de respingere crește la 123%. Este incredibil. Pentru motoarele de căutare, rezultate și performanțe mai bune este un semn al unui site sănătos, care mulțumește clienții și, prin urmare, ar trebui să fie recompensat cu un clasament mai înalt.”

În timp ce Google a întârziat să dezvăluie oficial dacă site-urile web lente vor primi retrogradări în clasament, se pare că acele zile vin. Trebuie să vă asigurați că site-ul dvs. și site-urile web pe care le gestionați sunt gata.

3. Speed ​​Kills Conversii

Efectul vitezei site-ului dvs. asupra conversiilor este ceea ce ar trebui să vă atragă cu adevărat atenția. Cum poți muta oamenii prin canalul tău dacă fiecare pas durează o veșnicie? Super-fanii tăi o vor face, dar acei oameni noi, ezitant, care sunt predispuși la cumpărători-remușcări vor sări.

De exemplu, SOASTA a realizat recent un studiu asupra unuia dintre clienții săi mPulse, un retailer online de top care se bucură de o cantitate semnificativă (4,5 milioane de sesiuni) de trafic mobil.

Iată principalele lor constatări:

1. În ceea ce privește conversiile, performanța a fost de 2,4 secunde
2. Paginile care au fost cu doar o secundă mai rapide au înregistrat o creștere a ratei de conversie cu 27%.
3. La 4,2 secunde, rata medie de conversie a scăzut sub 1%
4. Până la 6 secunde, rata de conversie mobilă începe să scadă

Sursa imagine: SOASTA

Implicațiile sunt destul de clare. Timpii lenți de încărcare a paginii au afectat rata de conversie. Deci, raționamentul deductiv în stil Sherlock ar indica că concentrarea pe creșterea vitezei site-ului ar trebui să crească rata de conversie!

Să vedem dacă putem face asta să se întâmple.

Cum vă puteți face site-ul să se încarce mai rapid? 8 Tactici

Accelerarea site-ului dvs. nu va fi neapărat o simplă. Dacă aveți un site mic și ușor, poate trebuie doar să încercați câteva tactici din această listă.

Cu toate acestea, site-urile mari, mai vechi, cu mult cod și conținut, pot necesita o oarecare perseverență și implementarea mai multor tactici din lista următoare.

Iată de unde să începeți:

1. Utilizați stocarea în cache a browserului:

Când vizitați site-uri, browserul dvs. memorează adesea în cache paginile de pe site pentru a accelera timpul de încărcare.

Memorarea în cache a browser-ului stochează fișierele de resurse ale paginii web pe un computer local atunci când un utilizator vizitează o pagină web, astfel încât folosirea memoriei cache a browserului este atunci când instruiți browserele cum trebuie gestionate resursele lor.

Lucrurile pot încetini atunci când răspunsul de la serverul dvs. nu include antetele de stocare în cache sau dacă resursele sunt specificate pentru a fi stocate în cache doar pentru o perioadă scurtă de timp.

Folosirea memoriei cache va încărca paginile dvs. mult mai rapid pentru vizitatorii repeți, la fel și alte pagini care au aceleași resurse.

Notă: Strategiul de conținut SEO Maddy Osman observă că „W3 Total Cache este excelent pentru acest lucru, dar este interzis de la anumite gazde (cum ar fi GoDaddy). Are nevoie de o mână expertă pentru a configura, astfel încât să nu vă distrugeți site-ul.”

Iată cum să o faci

2. Optimizați imaginile:

Dacă imaginile se încarcă mai repede, site-ul tău se încarcă mai repede, punct. Google notează că „... imaginile reprezintă adesea majoritatea octeților descărcați pe o pagină. Ca rezultat, optimizarea imaginilor poate duce adesea la unele dintre cele mai mari economii de octeți și îmbunătățiri ale performanței.”

Aceasta înseamnă că puteți obține unele îmbunătățiri mari atunci când imaginile de pe paginile dvs. pot fi optimizate pentru a le reduce dimensiunea fișierului fără a afecta semnificativ calitatea lor vizuală.

Iată cum să o faci

3. Minimizează HTML, CSS și JavaScript:

Minimizarea elimină orice caractere inutile care nu sunt necesare pentru executarea codului.

Sursele de date redundante pe care le puteți elimina includ comentarii de cod și formatare, eliminarea codului neutilizat, utilizarea numelor mai scurte de variabile și funcții și multe altele.

Iată cum să o faci

4. Activați compresia gzip:

Compresia Gzip reduce drastic dimensiunea fișierelor trimise de pe serverul dvs. atunci când cineva vă vizitează site-ul. Acest lucru va accelera considerabil lucrurile.

Potrivit GTMetrix,

„Motivul pentru care gzip funcționează atât de bine într-un mediu web este că fișierele CSS și fișierele HTML folosesc mult text repetat și au o mulțime de spații albe. Deoarece gzip comprimă șirurile comune, acest lucru poate reduce dimensiunea paginilor și a foilor de stil cu până la 70%!”

Iată cum să o faci

5. Reduceți timpul de răspuns al serverului:

Timpul de răspuns al serverului este timpul necesar unui server web pentru a răspunde la o solicitare din partea unui browser. Aceasta este o problemă cheie de rezolvat, deoarece dacă timpul de răspuns al serverului dvs. este lent, paginile dvs. se vor afișa lent, indiferent cât de optimizate sunt paginile dvs. pentru viteză.

Google spune că ar trebui să reduceți timpul de răspuns al serverului sub 200 ms. Deci, cum faci asta să se întâmple?

Iată cum să o faci

6. Evitați redirecționarea paginilor de destinație:

Site-ul dvs. poate încetini cu adevărat atunci când aveți mai multe redirecționări de la adresa URL dată la pagina de destinație finală. Acest lucru declanșează o buclă de redirecționare care necesită timp pentru procesare.

Iată câteva exemple de redirecționări care pot încetini lucrurile:

example.com → m.example.com/home - penalizare dus-întors pentru utilizatorii de telefonie mobilă.
example.com → www.example.com → m.example.com - experiență mobilă foarte lentă.

Iată cum să o faci

7. Prioritizează conținutul vizibil:

Acesta este mesajul exact pe care îl veți primi de la instrumentul PageSpeed ​​de la Google atunci când sunt necesare călătorii dus-întors în rețea suplimentare pentru a reda conținutul de mai sus al paginii.

Acest conținut „de deasupra pliului” este ceea ce vedeți pe un desktop sau pe un dispozitiv atunci când vizitați o pagină. Deci, prioritizarea conținutului vizibil este recomandarea de a prioritiza lucrurile, astfel încât elementele esențiale de pe pagina dvs. să se încarce mai întâi (și rapid) pentru utilizatori și să amânați elementele secundare ale paginii, cum ar fi pluginuri de partajare socială, javascript de analiză etc.

Iată cum să o faci

8. Eliminați JavaScript și CSS care blochează redarea în conținutul de deasupra paginii:

Resursele JavaScript și CSS împiedică adesea afișarea paginii dvs. până când sunt complet încărcate. Aceasta este adesea o idee bună, deoarece afișarea prematură a conținutului dvs. deasupra pliului poate părea destul de grotesc.

Cu toate acestea, acesta este un mesaj obișnuit pe care îl veți primi de la Google despre viteza site-ului, iar abordarea acestuia poate duce cu adevărat la creșterea vitezei paginii dvs. cu câteva crestături.

Iată cum să o faci

Notă: Acesta este cel mai greu lucru de remediat pentru majoritatea oamenilor. Există pluginuri wordpress care doar o fac, dar vă pot face site-ul să arate ca Frankenstein la fiecare încărcare.

Studiu de caz: Accelerarea blogului lui Vendasta

Așa că scriu această postare despre viteza site-ului, chiar dacă Vendasta se află la 44/100 pentru viteza mobilă (actualizare: suntem la 77/100 trei luni mai târziu!) și 60/100 pentru viteza desktopului.

Credeți-mă, sunt conștient că poate exista o întrebare despre credința stradală aici. Cu toate acestea, povestea noastră este mai mult decât vă va spune instrumentul de statistici Google.

La Vendasta, am depus mult de lucru la viteza site-ului nostru, dar în mod clar încă nu suntem acolo unde ne dorim. De fapt, am făcut o mulțime de îmbunătățiri, dar avem un site mare, cu o mulțime de conținut, așa că nu ne-am atins încă obiectivul de 80/100 atât pentru mobil, cât și pentru desktop.

Cu toate acestea, nu suntem singurii care se luptă cu viteza site-ului! O mulțime de site-uri web de mare profil au aceleași provocări ca noi. De fapt, chiar și HubSpot mai are de lucru pentru a îmbunătăți performanța site-ului lor, conform instrumentului Google PageSpeed ​​Insights:

Acesta nu este o înștiințare „împușcături” din HubSpot (respect!), le folosesc doar ca exemplu pentru a ilustra că îmbunătățirea vitezei site-ului poate fi o provocare, chiar și pentru profesioniști și că toți trebuie să ne îmbunătățim satisface cerințele următoarei generații de utilizatori de internet. Rulați câteva dintre site-urile dvs. preferate prin intermediul instrumentului și veți vedea ce vreau să spun!

După cum am menționat mai sus, fiecare îmbunătățire pe care o facem pentru a accelera lucrurile poate avea rezultate exponențiale.

Tehnologul de marketing Vendasta Adam Bissonnette notează:

„Marea schimbare pentru noi a fost chestii de pe partea serverului - suntem într-o poziție unică, rulând site-ul nostru wordpress în AppEngine (nimeni nu face asta) și marile creșteri ale performanței au fost trecerea de la AppEngine Standard la AppEngine Flex, care era în versiune Beta. De asemenea, ne-am schimbat versiunea noastră de php de la 5 la 7, care a ajutat foarte mult.Actualizarea php a adus propriul set de probleme în care anumite plugin-uri nu mai funcționau și a trebuit să facem față cu acea consecință timp de o lună sau două, dar viteza a fost mai valoroasă decât funcționalitatea pierdută. ."

Ceea ce puteți renunța din acest lucru este că găsirea celei mai bune soluții pentru situația dvs. specifică este esențială. S-ar putea să găsiți acele tactici care mișcă acul pentru site-ul dvs. pe care nici nu le-am menționat aici!

Aruncă o privire la creșterea blogului nostru după inițierea eforturilor noastre de accelerare a site-ului în mai 2016:

Aceste îmbunătățiri au pus bazele tuturor inițiativelor de conținut Vendasta care au urmat. De atunci, ne-am concentrat pe producerea unui volum mare de conținut aprofundat și de calitate. Fără îmbunătățirea concomitentă a vitezei site-ului, este puțin probabil să observați creșterea traficului pe care o afișează captura de ecran de analiză.

Performanța se va îmbunătăți doar pe măsură ce continuăm să ne optimizăm viteza site-ului și să ne îmbunătățim experiența utilizatorului!

Element cheie: nu trebuie să obțineți un scor 100/100 pentru a experimenta creșterea pe site-ul dvs.

Dacă sunteți la 40/100, faceți câteva îmbunătățiri pe măsură ce timpul vă permite și trageți pentru 60/100. Nu te arde imediat filmând pentru 100/100!

Studiu de caz: iHeartRaves

iHeartRaves este un lider mondial în moda festivalurilor a cărui misiune este de a inspira creativitatea individuală și de a-și împuternici exprimarea. Combinate cu celelalte două mărci surori ale lor, magazinele lor Shopify încasează 20 de milioane de dolari anual și au fost prezentate în Inc. 5000 patru ani la rând.

Ca site de comerț electronic, iHeartRaves este clar conștient de ramificațiile financiare ale vitezei și performanței slabe ale site-ului.

Brandon Chopp, Strategist de marketing digital pentru iHeartRaves mi-a spus:

„Ca brand de comerț electronic, am realizat că viteza site-ului este uriașă! Când mă gândesc la conversii, mă gândesc la cele mai bune modalități de a face un utilizator să dea clic pe ceva printr-un îndemn. Adevărul este că site-urile web mai rapide vor câștiga întotdeauna. Cu cât site-ul dvs. este mai rapid, cu atât este mai probabil ca utilizatorii să facă conversii.”

Brandon știa că trebuie să îmbunătățească viteza site-ului pentru a ajuta compania să-și atingă obiectivele de creștere a veniturilor. El a abordat îmbunătățirile de viteză ale iHeartRaves folosind următoarele tactici:

1. Optimizați imaginile: pentru a ne asigura că site-ul nostru mobil se încarcă rapid, folosim o aplicație Shopify numită Crush.pics. Acest lucru asigură că toate imaginile noastre sunt optimizate pentru viteza site-ului, păstrând în același timp calitatea imaginii.
2. Minimizarea codului: am luat, de asemenea, măsuri pentru a minimiza tot codul nostru lichid și a prioritizat ordinea de încărcare a scripturilor, reducând în același timp numărul total de scripturi apelate.
3. Curățați elementele de pe pagină: eliminarea elementelor inutile de pe unele pagini, în timp ce reducerea elementelor de imagini pe altele, a ajutat și la reducerea timpului de încărcare a site-ului. Încercăm să echilibrăm între viteză și conținut, pentru că suntem un site de comerț electronic. Este foarte important pentru noi să ne asigurăm că calitatea imaginii noastre este la standardele noastre, menținând în același timp o experiență excelentă de utilizare pentru clienții noștri.

Viteza de încărcare a paginii și rezultatele ratei de respingere s-au îmbunătățit cu adevărat cu aceste actualizări: „De când am făcut modificări, viteza site-ului nostru a scăzut de la 10,25 la 6,86 secunde de la an la an (o scădere cu 65%), iar rata de respingere a scăzut cu 6%”, explică Brandon. . „A fost inițial la 40,34% și acum a scăzut la 34%.

Aceste îmbunătățiri s-au tradus și în rezultate financiare tangibile pentru iHeartRaves. „Am beneficiat în Google de a avea un site mobil rapid, deoarece rata noastră de conversie a crescut de la an la an datorită în mare parte scăderii vitezei site-ului nostru. Punând experiența de utilizare a clientului pe primul loc, am reușit să-i păstrăm pe clienții noștri și să o facem o experiență de cumpărături mai ușoară.”

Element cheie: este important să rețineți că viteza și experiența utilizatorului merg mână în mână.

Combinate, cele două pot duce la îmbunătățiri ale singurei valori care le guvernează pe toate: conversiile!

Studiu de caz: Îmbunătățirea lui Jubaer în 6 secunde și 40 de puncte

Specialistul SEO al lui Vendasta, Jubaer Prodhan, a împărtășit un exemplu în care a urmat instrumentul Google Pagespeed Insight pentru propriul site, cu câteva rezultate frumoase.

Jubaer notează: „În cazul meu, am un site web wordpress cu timp de încărcare mai mare de 8 secunde și scor GPI (Google PageSpeed ​​Insight) de 43. Am făcut următoarele lucruri pentru a îmbunătăți viteza site-ului.”:

1. Optimizarea imaginii: dacă este făcută corect, atunci se poate reduce drastic dimensiunea paginii și viteza. În cazul meu, dimensiunea paginii a scăzut de la 3 MB la 1,6 MB. Plugin utilizat: ShortPixel Image Optimizer (De asemenea, puteți optimiza imaginile cu acest instrument)
2. Minificarea codului: De multe ori folosim mai multe plugin-uri wordpress pentru diferitele noastre nevoi. Ceea ce nu ne dăm seama că majoritatea adaugă CSS/HTML/Javascript suplimentar site-ului tău. Ceea ce crește timpul de încărcare și cererea browserului. Minimizarea (eliminarea liniilor și codurilor suplimentare) este o soluție ușoară la aceasta. Plugin utilizat: Autoptimize
3. Cache-ul browserului: Utilizarea cache-ului browser-ului este recomandată de majoritatea instrumentelor majore. Și reduce lățimea de bandă, timpul de încărcare pentru vizitatorul care revine și multe alte lucruri utile. Plugin utilizat: WP Fastest Cache

Site-ul lui Jubaer se încarcă acum în 1,9 secunde, iar scorul GPI este 83! Aceasta este o îmbunătățire destul de mare de la 8 secunde și un scor GPI de 43.

Element cheie: site-urile web mai mici pot vedea îmbunătățiri semnificative ale vitezei cu doar câteva modificări cheie.

Încearcă să studiezi lista lui Jubaer pentru a începe lucrurile și a vedea ce rezultate obții înainte de a trece la următoarea tactică.

Lectură similară: Cele 7 plugin-uri SEO WordPress: noua ta stivă locală

Studiu de caz: Cum o companie a obținut 100/100 în Instrumentul PageSpeed ​​de la Google

Obținerea acelui 100/100 este un indiciu că site-ul tău este cât mai optimizat pentru viteză. Este scopul final și o companie cu care am vorbit a explicat câteva tactici interne care i-au ajutat să ajungă acolo.

Bret Bonnet, coproprietar/fondator al Quality Logo Products, un distribuitor de produse promoționale în valoare de 40 milioane USD, situat în Chicago, IL. explică,

„Viteza paginii este un obiectiv major pentru organizația noastră. Chiar dacă este foarte minor, este totuși un semnal de clasare. Studiile au arătat că viteza paginii poate avea un impact dramatic asupra performanței conversiilor. Cea mai eficientă modalitate de a îmbunătăți timpul de încărcare a site-ului dvs. este să lucrați cu încărcarea activelor, permițând afișarea completă a conținutului „de deasupra pliului” înainte de încărcarea CSS/JS. NU optimizarea încărcării conținutului „de deasupra paginii” poate duce la o deducere de 10 puncte din scorul general Google Page Speed ​​Insights.”

[clickToTweet tweet="NU optimizarea încărcării conținutului de deasupra paginii poate duce la o deducere de 10 puncte din scorul general Google #PageSpeed ​​Insights." quote="NU optimizarea încărcării conținutului de deasupra paginii poate duce la o deducere de 10 puncte din scorul general Google #PageSpeed ​​Insights."]

Această deducere de 10 puncte arată cât de importantă crede Google că este optimizarea conținutului de mai sus. Ceea ce este uimitor și paradoxal este ceea ce Bret explică în continuare:

„În plus față de gestionarea activelor, un scor perfect NU POATE fi obținut de niciun site web care include cod de urmărire obișnuit de la Google AdWords sau Google Analytics în codul sursă. Aceste fișiere JS sunt difuzate direct de la Google - din orice motiv, Google nu respectă propriile reguli de calitate - și sunt transmise browserului necomprimate. Această optimizare slabă – care din nou, scapă de sub controlul dumneavoastră – este în întregime de partea Google și vă poate costa până la 5 puncte.”

Quality Logo Products a reușit să accelereze lucrurile și să atingă acel 100/100 folosind următoarea tactică:

„Pentru a depăși acest lucru, am înregistrat IP-urile de pe care Google accesează cu crawlere și IP-urile sursă pentru aceste instrumente și am pus serverele noastre să difuzeze în mod intenționat versiunile Google ale paginilor noastre fără codul lor de urmărire instalat. Este oarecum ciudat, dar Google dăunează propriului scor Google Page Speed ​​Insight. Așa că, pentru a o depăși, nu oferim Google în mod intenționat propriul cod neoptimizat, ceea ce duce la o îmbunătățire cu 5 puncte a scorului nostru de viteză a paginii în medie.”

Element cheie: un scor de 100/100 este realizabil!

Este confuz faptul că propriile produse Google încetinesc lucrurile într-o asemenea măsură, dar soluția din acest studiu de caz ar trebui să ajute.

Cum să vă faceți auditul și optimizarea vitezei site-ului

1. Obțineți o linie de bază pentru rezultatele grafice

Primul pas către procesul dvs. de audit și optimizare ar trebui să fie să obțineți o privire de bază asupra locului în care site-ul dvs. se află în prezent pentru câteva valori.

Dacă vă înregistrați punctul de plecare, veți putea urmări mai bine succesul eforturilor dvs. de optimizare. Ori de câte ori vă optimizați site-ul în orice fel pentru viteză, asigurați-vă că vă înregistrați progresul în funcție de aceleași valori.

Iată câteva lucruri pe care ar trebui să le urmăriți:

1. Timpul de încărcare a site-ului: accesați raportul Google Analytics la Meniu → Comportament → Viteza site-ului → Prezentare generală (și Timingurile paginilor pentru a vedea pagini individuale). Înregistrați timpul mediu de încărcare a paginii site-ului și orice pagini cheie pe care doriți să le urmăriți. De asemenea, puteți utiliza instrumentele Pingdom și GTMetrix menționate mai sus.
2. Scorurile Google PageSpeed ​​ale site-ului dvs.: trebuie doar să faceți clic aici și să introduceți adresa URL a site-ului dvs. și să verificați scorurile pentru dispozitive mobile și desktop. Înregistrați-le.
3. Rata de respingere: vezi dacă rata de respingere se îmbunătățește, ceea ce ar indica faptul că mai puține persoane navighează de pe site după ce au vizualizat o singură pagină. Puteți vizualiza acest lucru în mai multe locuri, cum ar fi Comportament → Prezentare generală.
4. Rata de conversie: vizitatorii efectuează conversii la o rată mai mare după îmbunătățirile dvs.? Acest lucru este important de urmărit! Accesați Conversii → Obiective → Prezentare generală pentru a vedea și înregistra rata de conversie curentă.

Păstrați înregistrări ale progresului dvs. într-o foaie de calcul și asigurați-vă că notați modificările aduse site-ului web în Google Analytics, creând adnotări pentru fiecare actualizare.

2. Lucrați prin cei 8 pași

Cel mai bun loc pentru a începe auditul sunt sugestiile oferite de instrumentul Google PageSpeed ​​Insights. Dacă nu sunteți deja la 100/100, veți vedea câteva sfaturi de la Google despre unde să începeți.

Lucrul la cei 8 pași pentru a îmbunătăți viteza site-ului pe care i-am evidențiat va dura ceva timp și persistență, așa cum am menționat.

Meike Hendriks, expert SEO la Yoast notes,

„Nu trebuie să fie greu să accelerezi site-ul tău. Multe site-uri au imagini prea mari care pot fi optimizate cu ușurință. În plus, site-urile web cu vizitatori din întreaga lume ar trebui să folosească cu siguranță un CDN pentru a se asigura că imaginile sunt difuzate ca cât mai rapid posibil pentru toată lumea! Adăugarea unor linii de cod la fișierul .htaccess, vă poate accelera site-ul cu ușurință. De exemplu, puteți activa memorarea în cache în browser și compresia gzip pentru fișiere mai mici, care pot fi încărcate mult mai rapid pe computerele vizitatorilor dvs.."

Trebuie să vă stabiliți niște obiective și așteptări realiste. Când aveți site-uri mari, cu mai multe fațete, cu o mulțime de conținut (uimitor!), precum noi la Vendasta și Hubspot, va dura mai mult timp pentru a atinge aceleași obiective ale unui site mic și agil, cu câteva pagini.

3. Atrageți ajutor atunci când este necesar

Hei, nu suntem toți dezvoltatori și designeri. Dacă eforturile dvs. de dezvoltare DIY vă distrug site-ul sau apar în sesiuni de terapie, poate doriți să aduceți ajutor de la experți.

Cu toții îi cunoaștem și îi invidiăm pe vrăjitorii tehnici. Lasă-i să facă asta pentru tine!

Pius Boachie de la Digitimatic mi-a spus că un dezvoltator full stack este cheia pentru a ajuta cu problemele legate de viteza site-ului:

„Când vine vorba de a depăși instrumentul Google de analiză a vitezei paginii, dezvoltatorul face munca grea păstrând codul curat, acordând prioritate conținutului deasupra paginii. Din experiență, atunci când proiectăm pentru clienți, proiectăm pentru viteză, așa că alegem un constructor de site-uri precum Duda. (produse rapide) sau construiți pe un CMS sau scratch (scump), investiți un CDN bun și găzduire (foarte important) alături de un dezvoltator full-stack cu experiență.”

V-ați configurat deja valorile de referință, astfel încât va fi ușor să urmăriți progresul și succesul dvs. în viitor. Dacă lucrați pe mai multe site-uri pentru clienți, veți dori să vă puteți reproduce succesul și să opriți orice nu funcționează.

Lectură sugerată: Nu sunt necesari dezvoltatori: de ce aveți nevoie de un generator de site-uri cu etichetă albă

4. Rămâneți dedicat vitezei site-ului în viitor

Probabil că puteți elimina niște fructe care nu se întâlnesc, cum ar fi optimizarea imaginii, minimizarea codului și memorarea în cache a browserului și să vedeți câteva rezultate frumoase imediat. Cu toate acestea, pentru a vă atinge obiectivele, poate fi nevoie de un efort mai susținut pentru a elimina cele 8 tactici pe care le-am evidențiat.

Nu încerca să faci totul deodată! Pentru a evita epuizarea, faceți un plan pentru a vă îndepărta, monitorizați în același timp rezultatele eforturilor dumneavoastră.

Iată cum să folosiți viteza site-ului pentru a crește vânzările

Gânduri finale

Obținerea de îmbunătățiri ale vitezei site-ului în lumea reală este întotdeauna mai dezordonată decât apare în postările de blog. Te vei confrunta cu unele provocări pe parcurs, dar rămâi concentrat pe rezultate, deoarece acestea vor îmbunătăți experiența utilizatorului, SEO și conversiile pe termen lung.

Asta este cel mai important; pregătirea pentru viitorul rapid al navigării online.

Dacă aveți nevoie de asistență, sună la prietenii tăi tehnicieni sau spune-ne cum te putem ajuta!

Dacă aveți experiențe sau sfaturi de împărtășit, nu ezitați să scrieți și în secțiunea de comentarii a acestei postări...