SEO

5 būdai, kaip optimizuoti svetainę pagal „Google“ puslapio greičio kriterijus

2018 m. gegužę „Google“ išleido „Lighthouse 3.0“ – atnaujintą atvirojo kodo įrankio, skirto tinklalapių kokybei ir greičiui tikrinti, versiją. „Lighthouse 3.0“ suteikia naujų ataskaitų išvesties parinkčių, bet taip pat daug pakeitimų, susijusių su svetainės greičio ir našumo matavimu, pvz., „First Contentful Paint“ kaip našumo ir greičio metrikos pristatymas ir nauji našumo audito svoriai.

vyras su kompiuteriniu vaizdu

O nuo 2018 m. gegužės mėn. „Google“ išleido dar daugiau pakeitimų. Štai kodėl mes dalijamės penkiais būdais, kaip šiandien galite optimizuoti savo svetainę.

Pradėkime.

Kodėl dabar reikia optimizuoti svetainės greitį?

Švyturys ir toliau vystėsi per metus, kai sumažėjo 3.0. „Google“ neseniai paskelbė, kad dirba su „Lighthouse“ platformų paketais, pagal kuriuos bandytojai gali gauti greičio optimizavimo patarimų, būdingų jų svetainėse naudojamai TVS ir kodų bibliotekoms.

Taigi, jei, pavyzdžiui, naudojate „Angular JavaScript“ su „WordPress“, jums pasisekė, tačiau padedant „GitHub“ bendruomenei, jau kuriama daugiau platformų paketų variantų.

„Google“ švyturio atnaujinimas su „Page Speed ​​Insights“.

Vaizdo šaltinis

Nuo tada, kai 2016 m. pirmą kartą įvedė mobiliesiems skirtą indeksą, „Google“ palaipsniui didina svetainės greičio, kaip paieškos reitingavimo kriterijaus, svarbą, todėl protinga atkreipti dėmesį į šiuos rodiklius ir tendencijas. „Google“ per vidurkį išleido maždaug 62 algoritmų pakeitimų atnaujinimus savaitė 2018 m., todėl gero reitingo užtikrinimas tampa vis dinamiškesne praktika. Atsižvelgiant į santykinį mobiliesiems skirto indekso naujumą, taip pat į neproporcingą jo įtaką svetainės srautui, logiška, kad dauguma algoritmų patobulinimų būtų sutelkti į mobilųjį telefoną.

Galbūt stipriausias argumentas atidžiai stebėti „Lighthouse“ yra tai, kad tai pirmas kartas, kai „Google“ sukūrė savitarnos greičio matavimo įrankį, kuris bando atkartoti realių svetainės lankytojų, o ne robotų, patiriamą delsą.

„Daugelis šių metrikų, kurias žiūrite iš Lighthouse, pirmiausia pateikiamos atsižvelgiant į naudotojams skirtą dalykų pusę“, – vasario mėn. per „Office Hours Hangout“ klausimų ir atsakymų sesiją paaiškino žiniatinklio valdytojų tendencijų analitikas Johnas Muelleris. „Mūsų požiūriu, žvelgiant iš paieškos požiūrio, mes kartu imamės įvairių šių metrikų, kad išsiaiškintume, kaip turėtume matyti šią svetainę greičio atžvilgiu.

Turėdami visa tai omenyje, surinkome penkis patarimus, kurie padės jums įtikti „Google“ dievams savo svetainės greičiu.

1. Įgyvendinkite tingų pakrovimą

Didelės raiškos vaizdai gali žymiai sulėtinti jūsų svetainės įkėlimo laiką, taip pat padidinti atmintį ir puslapio svorį. Galite juos visiškai iškirpti iš savo svetainės, bet jums gali prireikti arba tikrai norėsite juos palikti. Atsainus įkėlimas – tai būdas pagreitinti puslapio įkėlimo laiką, neatsikratant daug išteklių reikalaujančio turinio.

tinginio įkėlimo pavyzdys iš „Medium“.

Image Source

Naudojant atsainį įkėlimą, vienu metu įkeliama tik dalis tinklalapio – dalis, kurią žiūrintysis žiūri tą sekundę, todėl kitos dalies įkėlimą atidėsite, kol lankytojas slinks iki jos. Tai sumažina laiką, kurio reikia norint pasiekti tokias metrikas kaip „First Meaningful Paint“ ir „First Content Paint“, kurios yra dvi metrikos, kurias „Lighthouse“ naudoja svetainės greičiui ir našumui įvertinti.

Tingus įkėlimas yra būtinas, jei įdiegėte „begalinį slinkimą“, kuris yra populiarus daug turinio turinčiose svetainėse, tačiau gali padėti visų tipų svetainėse. Tiesą sakant, „Duda“ žiniatinklio dizaino platforma nustatė, kad įdiegus tingų įkėlimą „Duda“ valdomose svetainėse, šiose savybėse „Lighthouse“ balas padidėjo vidutiniškai 10 taškų – tai nėra ko pakreipti lazdos.

2. Išnaudokite visas naujos kartos vaizdo formatų galimybes

Vienas didžiausių lėtų „First Contentful Paint“ laiko kaltininkų yra jūsų vaizdai. Bėda ta, kad kalbant apie rinkodarą ir pardavimą, paveikslėlis tikrai vertas tūkstančio žodžių, todėl būtų teisus atsispirti tų dizainų, kurie teikia pirmenybę dideliems herojų įvaizdžiams. Kartu su tingiu įkėlimu sprendimą pateikia naujos kartos vaizdo formatai.

Naujos kartos formatai apima JPEG 2000, JPEG XR ir WebP. Šie formatai suglaudina ir konvertuoja vaizdus, ​​​​kad jie būtų daug mažesni nei tradiciniai PNG ir JPG, tačiau jie neturi neigiamos įtakos vaizdo kokybei. Kai naudojate naujos kartos formatus, galite žymiai pagreitinti puslapio įkėlimo laiką, net ir didesnių pikselių matmenų vaizdams, neprarandant vaizdo kokybės. Peržiūrėkite šiuos duomenis iš „Insane Lab“, kurie parodė, kiek WebP failai yra mažesni nei PNG failai:

WebP vs PNG failų grafikas

„Google“ ypač skatina žiniatinklio valdytojus naudoti savo naują WebP formatavimą, kurį palaiko „Chrome“ ir „Opera“ naršyklės. WebP gamina vaizdus, ​​​​kurie yra 26% mažesni nei PNG ir 25–35% mažesni nei JPG formatai.

3. Naudokite turinio pristatymo tinklą

Turinio pristatymo tinklas arba CDN yra puikus sprendimas pagreitinti puslapio įkėlimą, o tai yra antra pagal svarbą gero našumo įvertinimo 3.0 versijoje „Lighthouse“ metrika.

Iš esmės CDN yra serverių, platinamų visame pasaulyje ir kurie kartu pateikia jūsų turinį, tinklas. Kadangi CDN serveriai yra geografiškai išsklaidyti, beveik kiekvienam vartotojui visada yra arčiausiai esantis serveris, todėl sutrumpėja laikas, per kurį jūsų turinys pasiekia naršyklę.

CDN paaiškinimas

Vaizdo šaltinis

CDN dažnai taip pat naudoja pažangias glaudinimo taktikas, tokias kaip sumažinimas ir failų glaudinimas, kurios padeda greičiau perkelti turinio išteklius, todėl užtikrinamas geresnis turinio pasiekiamumas ir perteklinis pajėgumas, kad didelis srautas netrukdytų jūsų svetainės veikimui. Mažiau tikėtina, kad CDN sunyks dėl aparatinės įrangos gedimo. Pagrindinės svetainės, kuriose yra daug turinio, kurios priklauso nuo itin greito įkėlimo, pvz., „Netflix“, „Facebook“ ir „Amazon“, naudoja CDN.

4. Atsikratykite nereikalingų įskiepių

Jei turite svetainę, kuri veikia „WordPress“ ar panašioje platformoje, kurios papildomoms funkcijoms suteikiami papildiniai, šie papildiniai gali sumažinti jūsų svetainės reagavimą, paveikti jos interaktyvumo metriką ir sumažinti „Lighthouse 3.0“ našumo balus.

Kai kurie papildiniai gali būti gyvybiškai svarbūs jūsų svetainei, pvz., mokėjimų apdorojimo priemonė, tačiau kiti gali nebebūti naudingi. Daugelis papildinių kreipiasi į trečiųjų šalių serverius, kad gautų informaciją, o tai gali dar labiau sulėtinti darbą. Neseniai DigWP atliktoje apklausoje daugiau nei 900 „WordPress“ profesionalų nurodė įskiepių skaičių, kurį paprastai laiko „per daug“, o 75 % respondentų sutiko, kad 25 yra riba. Daugiau nei trečdalis respondentų rekomendavo 10 kaip ribą.

papildinių sąrašas

Dėl papildomų įskiepių gali išsipūsti duomenų bazė, netyčia išplėsti svetainės svorį, todėl jos įkėlimas bus daug lėtesnis, todėl kuo mažiau jų turėsite, tuo geriau.

5. Pašalinkite nenaudojamas CSS taisykles

Jūsų svetainės CSS taisyklės yra apibrėžtos main.css faile. Jis taip pat vadinamas išoriniu stilių lapu, nes jis saugomas atskirai nuo svetainės HTML. Kad jūsų svetainė būtų įkelta „First Contentful Paint“, kuri turi didelį poveikį našumui pagal naująją „Lighthouse“ versiją, naršyklė pirmiausia turi nuskaityti, išanalizuoti ir apdoroti kiekvieną CSS stiliaus lapą, kad nustatytų, kaip turinys bus rodomas.

Todėl neišvengiama, kad kiekvienas papildomas CSS failas sulėtins puslapio įkėlimo laiką ir šiek tiek labiau paveiks našumą. Naršyklė turi pasiekti kiekvieną failą, atsisiųsti ir tik tada gali pateikti puslapį.

CSS taisyklės

Vaizdo šaltinis

CSS failų sumažinimas naudojant papildinį, pvz., „Fast Velocity Minify“, gali labai padėti „Lighthouse“ balams, tačiau galite padaryti daugiau, kad CSS įkėlimo laikas jūsų netrukdytų. Pašalinus visus nenaudojamus CSS apibrėžimus, viskas dar labiau paspartinama ir supaprastinamas jūsų svetainės našumas, kad „Google“ įvertinimai būtų geresni.

„Google“ greičio kriterijų laikymasis pagerina našumą

„Lighthouse 3.0“ pristatymas ir nuolatinis vystymas turėtų būti dar vienas priminimas, kaip svarbu optimizuoti svetainę pagal naujausius „Google“ greičio kriterijus. Atsikratę CSS taisyklių ir papildinių, kurių jums nereikia, naudodami CDN ir naujos kartos vaizdo formatus bei išnaudodami visas lėto įkėlimo galimybes, galite supaprastinti savo svetainę, sutrumpinti puslapio įkėlimo laiką ir pagerinti našumą, kad liktų „Google“ sistemoje. geros knygos.

Apie autorių

Tel Avive gyvenanti konsultantė, socialinės žiniasklaidos specialistė ir tinklaraštininkė Gabrielle Sadeh padeda prekių ženklams pasidalyti savo balsais ir plėsti savo verslą pasitelkdama galingas skaitmeninės rinkodaros strategijas. Geriausias būdas susisiekti su ja yra per jos „LinkedIn“ profilį.

Susiję straipsniai

0 komentarai
Inline atsiliepimai
Peržiūrėti visus komentarus
Atgal į viršų mygtukas