Dezvăluirea secretelor SEO: Prezentarea Ghidului suprem pentru viteza site-ului

Viteza contează atât pentru utilizatori, cât și pentru SEO: nimeni nu vrea să aștepte câteva secunde pentru a se încarca un site web. Utilizatorii preferă să părăsească site-ul dvs. și să meargă la un concurent decât să petreacă timp așteptând. Citatul „timpul este bani” este la fel de adevărat acum ca atunci când Benjamin Franklin o spunea cu secole în urmă. Timpul contează și pentru Google. Viteza este unul dintre factorii de clasare ai Google. Toate lucrurile fiind egale, cu cât site-ul este mai rapid, cu atât rangul este mai mare. Și nu există nimeni care să argumenteze că a avea un site web rapid nu este o necesitate în zilele noastre. Întrebarea este: cum să-ți faci site-ul mai rapid? Autorul nostru invitat în această Dezvăluire a secretelor SEO este Tomek Rudzki, șeful echipei de cercetare și dezvoltare la Elephate, câștigător al „Cea mai bună agenție SEO pentru mici dimensiuni” la Premiile de căutare europene 2018. Rudzi oferă sfaturi pentru a vă accelera site-ul și pentru a câștiga.

Acest ghid cuprinzător pentru viteza site-ului conține trei articole. Citiți următoarele postări aici: Ghidul suprem pentru viteza site-ului – Partea 2 și Ghidul suprem pentru viteza site-ului – Partea 3.

Studiu gratuit de viteză a paginii

1. Timpul este bani

Există o mulțime de cercetări care indică faptul că un site web mai rapid înseamnă mai multe venituri.

• Pinterest a realizat că reducerea timpilor de așteptare percepuți a dus la creșterea numărului de înscrieri cu 15% .
• BBC a observat că pentru fiecare secundă suplimentară se încarcă site-ul lor, 10% dintre utilizatori părăsesc.
• DoubleClick de la Google a investigat că reducerea încărcării paginii de la 19 (extrem!) la 5 secunde a dus la rate de respingere cu 35% mai mici și sesiuni mai lungi cu 70%.
• Studiul Amazon arată că doar o secundă de încetinire a încărcării site-ului web poate duce la o scădere a vânzărilor cu 1,6 miliarde în fiecare an.

Puteți spune „ok, dar nu-mi pasă de Pinterest, BBC sau Amazon; vorbește-mi despre afacerea MEA .” Google a creat un instrument frumos care calculează impactul vitezei asupra veniturilor potențiale . Am completat instrumentul cu date de exemplu: vizitatori medii lunari 1.000.000, rată de conversie de 3,26%, cu valoarea medie a comenzii de 82 USD.

Puteți întreba: „Tomek, de ce ați ales aceste date: rata de conversie de 3,26, dar nu 1% sau 4%, sau chiar 10%?” Ok, am primit datele de la Statista. Potrivit rapoartelor lor, valoarea medie a comenzilor de cumpărături online din Statele Unite în trimestrul 4 al anului 2017 (în dolari SUA) a fost de 82. Mai mult, rata medie de conversie a fost de 3,26.

Se pare că reducerea vitezei de încărcare a paginii de la 5 la 2,8 secunde poate duce la un venit mai mare cu 1,97 milioane USD pe an. Sună bine!

Desigur, este doar un calculator. Dar calculatorul se bazează pe date reale. Nu cred că Google adaugă câteva zerouri la sfârșitul valorii calculate pentru a face să pară serios.

2. Gândiți-vă întotdeauna la utilizatorii de telefonie mobilă

Potrivit Statcounter, în februarie 2018, peste 55% dintre utilizatori se conectează la internet prin mobil sau tabletă – statistici impresionante!

În zilele noastre, dacă doriți să vă satisfaceți utilizatorii de telefonie mobilă, ar trebui să:

• asigurați-vă că site-ul dvs. funcționează bine pe mobil (adică dacă este responsive)
• face site-ul foarte rapid.

Trebuie să țineți cont de faptul că utilizatorii de telefonie mobilă au adesea conexiuni slabe și folosesc dispozitive low-end, așa că fiecare kilobyte trimis pe „fir” contează cu adevărat. Site-ul dvs. poate funcționa rapid pe un computer personal, cu toate suplimentele, dar poate fi foarte lent pe dispozitivele mobile. Și șansele că primești primul nu mai sunt în favoarea ta.

3. Folosiți GTMetrix

Există un instrument grozav care vă spune ce puteți îmbunătăți pentru a vă face site-ul mai rapid. Puteți audita orice site web gratuit. Nu trebuie să fiți proprietarul unui site web pentru a începe un audit (adică am auditat Giphy.com). Instrumentul combină atât date, cât și indicii de la Google PageSpeed ​​Insights și Yahoo Slow.

Merită timpul să accesați https://gtmetrix.com/ și să introduceți adresa URL a site-ului dvs. web.

Puteți vedea lista de recomandări despre cum să îmbunătățiți viteza site-ului dvs. făcând clic fie pe filele „PageSpeed” sau „YSlow”.

Deocamdată, multe informații de pe aceste file pot să nu fie de înțeles, deoarece sunt prea tehnice. E in regula. Roma nu a fost construita intr-o zi. Voi face tot posibilul ca să începi. Există o secțiune interesantă numită „Cascada” care vă arată exact când au fost descărcate și încărcate resursele (fișiere JS și CSS, fișiere imagine).

Vă recomand cu tărie să obțineți un cont GTMetrix (este gratuit!). Utilizatorii înregistrați pot personaliza testul și pot schimba browserul și locația serverului. În plus, odată ce v-ați autentificat, puteți activa opțiunea „creați videoclip”. Opțiunea video este grozavă. Vă arată cât timp vor trebui să aștepte utilizatorii până când vor putea vedea modificările vizuale pe site-ul dvs.

Dar nu te înnebuni cu GTMetrix

Deși GTMetrix este un instrument grozav, uneori recomandările sale vă pot conduce într-o goană sălbatică. Nu este nimic în neregulă cu GTMetrix. Doar că nu există o regulă „unică pentru toate” atunci când optimizați viteza – ceva despre care GTMetrix este bine conștient:

De exemplu, GTMetrix vă recomandă să setați memorarea în cache a browserului pentru resursele stocate pe serverul Google Analytics sau Facebook. Adevărul să fie spus, aceste resurse sunt în afara controlului tău – nu poți face nimic . Dezvoltatorii Google și Facebook au decis că, indiferent de motiv, aceste resurse nu ar trebui să fie stocate în cache pentru o perioadă lungă de timp.

Desigur, există multe instrumente similare cu GTMetrix, cum ar fi WebPageTest, (care este mult mai puternic decât GTMetrix). Cu toate acestea, am decis să vă prezint GTMetrix din două motive:

1. GTMetrix este mai ușor de utilizat
2. WebPageTest nu vă oferă recomandări clare despre ce să faceți.

Aș dori să menționez un alt instrument interesant – Google Lighthouse (Dacă utilizați Chrome, îl aveți deja instalat). Kamila Spodymek de la Elephate a scris un articol grozav despre Cum pot beneficia SEO-urile de pe urma valorilor de performanță ale Google Lighthouse . Cu siguranta o lectura buna!

4. Utilizați compresia GZIP

Există o regulă pe care ar trebui să o cunoașteți: dacă o resursă cântărește mai puțin, browserul o poate descărca mult mai rapid, ceea ce va duce la o încărcare mai rapidă a paginii . Utilizatorii dvs. de telefonie mobilă vor beneficia cu adevărat de pe urma acestuia.

Puteți reduce dimensiunea fișierelor dvs. text (cum ar fi HTML, SVG, CSS și JS) prin implementarea compresiei GZIP. Este destul de comun ca compresia GZIP salvează 70-80% din dimensiunea unei resurse, fără a pierde nicio informație. Este cu adevărat mare lucru!

Vizitați https://checkgzipcompression.com/ pentru a verifica câți kilobytes puteți salva (sau deja salvați!) prin implementarea GZIP. În cazul Searchmetrics.com, GZIP este activat (a permis salvarea a 83% din dimensiunea paginii). Sună bine!

Fii atent, totuși! Uneori, webmasterii vor face o greșeală și vor comprima toate fișierele statice, inclusiv imaginile JPEG, PNG și PDF-urile. Permiteți-mi să citez documentația Yahoo Developer Network : „Fișierele imagine și PDF nu ar trebui să fie comprimate prin gzip deoarece sunt deja comprimate. Încercarea de a le gzip nu numai că irosește CPU, dar poate crește dimensiunea fișierelor”.

Dacă doriți să salvați suplimentari kiloocteți, este, de asemenea, o idee bună să reduceți fișierele HTML, JS și CSS .

5. Serviți imagini la scară

Este un fapt că un site web se va încărca foarte lent (mai ales pe telefoanele mobile!) din cauza unui număr mare de imagini.

Prin urmare, uneori ar putea fi o idee bună să reduceți numărul de imagini. Dar, în loc să le limitez, aș recomanda optimizarea celor existente . Spunând asta, imaginile oferite utilizatorilor ar trebui să fie scalate și comprimate (fie fără pierderi, fie cu pierderi).

Mai întâi, să vorbim despre scalarea imaginilor. Să presupunem că există zece miniaturi de 220×220 pe pagină, dar ați încărcat imagini de 800×800 pe server. Ar trebui să difuzați imaginile deja scalate utilizatorilor sau să forțați browserul să le scaleze „din mers”?

Răspunsul este ușor. Dacă nu scalați imaginile din partea serverului, atunci browserul trebuie să descarce mult mai mulți kiloocteți decât este necesar. Degeaba, pentru că imaginile vor fi oricum scalate. De asemenea, este o sarcină suplimentară pentru GPU din partea clientului. Ca să nu mai vorbim de viteza de încărcare a paginii va avea de suferit.

6. Comprimați-vă imaginile

Acum, să vorbim despre comprimarea imaginilor. Aceasta este o altă tehnică care este o necesitate pentru web-ul modern.

În general, există două tipuri de compresie a imaginii:

• Fără pierderi (face o treabă foarte bună, poți fi sigur că calitatea nu va avea de suferit).

• Lossy (de obicei face o imagine mai ușoară, dar, așa cum spune și numele: pierzi o parte din calitate).

Apare întrebarea: ce tip de compresie este mai bun: fără pierderi sau cu pierderi?

• Chiar depinde de situatie. Dacă site-ul dvs. oferă imagini ale spațiului cosmic, fiecare detaliu contează. Dar dacă faci un blog personal, probabil că ți-ar fi bine cu compresia cu pierderi, chiar și cu o rată de compresie ridicată. Vă recomand să experimentați pentru a vedea ce setări se potrivesc cel mai bine site-ului dvs.

7. Nu forțați vizitatorii dvs. de pe mobil să descarce fotografii Full HD!

Utilizatorii de telefonie mobilă au ecrane mult mai mici și pur și simplu nu vor beneficia de fotografiile tale HD. În schimb, se vor enerva dacă îi forțați să descarce imagini mari.

Să examinăm exemplul Elephate.com . Avem o fotografie destul de mare (2600×1463 pixeli) a membrilor companiei noastre în partea de sus a paginii noastre de start (522kb)

Este perfect pentru computere desktop - îl pot descărca foarte repede. Dar, pentru utilizatorii de telefonie mobilă, folosim parametrii „srcset” ai HTML. Datorită implementării acestui lucru, utilizatorii de telefonie mobilă vor descărca pur și simplu o imagine mult mai mică (nu au nevoie de una mai mare), care are un impact pozitiv asupra timpului de încărcare a paginii.

Utilizatorii de desktop nu vor avea de suferit pentru că vor vedea fotografia full HD. Dar utilizatorii de telefonie mobilă vor beneficia cu adevărat de pe urma.