Seuraava artikkeli auttaa sinua: 7 tehokasta askelta sivustolle, joka on aina optimoitu sivun nopeuteen
Olemme kaikki kokeneet verkkosivustoja, joiden latautuminen kestää ikuisuuden. Se ei ole hyvä ensivaikutelma!
Nopea verkkosivusto voi auttaa sinua saamaan lisää liikennettä ja kannustaa kävijöitä tutkimaan enemmän tarjontaasi. (
Mutta joskus, kun nopeutat verkkosivustoasi ensimmäistä kertaa, uusia käyttökokemusmittareita, kuten Interaction To Next Paint, otetaan käyttöön.
Toisinaan yllätyssyyllinen palvelimen kuormitus hidastaa sivustoasi, kun et kiinnitä huomiota.
Mitä voit tehdä nopeuttaaksesi verkkosivustoasi ja pysyäksesi ajan tasalla verkkosi tehokkuudesta?
Suora vastaus: asenna sivun nopeuden valvonta verkkosivustollesi.
Tässä oppaassa
- 1. Miksi sivun nopeus on tärkeä SEO:ssa?
- 2. Vaihe 1: Suorita verkkosivuston suorituskykytesti
- 3. Vaihe 2: Määritä Web-sivuston valvonta
- 4. Vaihe 3: Ota käyttöön Real User Monitoring
- 5. Vaihe 4: Käytä todellisia käyttäjätietoja tiettyjen suorituskykymittareiden määrittämiseen
- 6. Vaihe 5: Suorita jatkuvasti sivunopeustestejä
- 7. Vaihe 6: Määritä hälytykset, jos verkon suorituskyky heikkenee
- 8. Vaihe 7: Vertaa nopeustestin tuloksia
- 9. Pysy ajan tasalla tärkeimmistä verkkoarvoistasi
Miksi sivun nopeus on tärkeä SEO:ssa?
Sivun nopeus ja se, miten se liittyy käyttökokemukseesi, on sijoitussignaali.
Kun käyttäjät ovat päättäneet avata verkkosivustosi, on tärkeää varmistaa, että sivusto latautuu nopeasti ja tarjoaa hyvän käyttökokemuksen. Jos käyttäjät löytävät nopeasti tarvitsemansa tiedot, he käyvät todennäköisemmin läpi muun verkkosivustosi osan tai käyvät läpi kassalla.
Siksi teet verkkosivustostasi nopean on useita etujaauttaa sinua:
- Sijoitus korkeampi Googlessa ja lisätä orgaanista liikennettä.
- Tarjoa parempi käyttökokemus ja ilisää konversioita.
- Vähentää kuluja sinulle ja vierailijoillesi.
Esimerkiksi, 70 % Kuluttajista sanovat, että he epätodennäköisemmin ostavat jotain verkosta tai palaavat verkkosivustolle, jos verkkosivusto on hidas. Google on myös julkaissut useita tapaustutkimuksia selittää, että hyvät Core Web Vitals -arvot lisäävät myös myyntiä.
Kuinka sivun nopeus auttaa sinua nousemaan korkeammalle Google-hakutuloksissa
Google kerää sivun nopeustietoja oikeilta Chrome-käyttäjiltä ja käyttää niitä sijoitussignaalina.
Siinä tarkastellaan kolmea suorituskykymittaria, nimeltään Core Web Vitals (CWV).
Core Web Vitals koostuu:
- Suurin Contentful Paint (LCP).
- Kumulatiivinen asettelumuutos (CLS).
- First Input Delay (FID), joka korvataan Interaction to Next Paintilla (INP) vuonna 2024.
Jos vähintään 75 % verkkosivuston vierailijoista kokee kokemuksen, jonka Google arvioi “hyväksi” kaikilla kolmella mittarilla, saat parhaan mahdollisen sijoituksen edun.
Kuinka tarkistat ydinverkkoarvot?
CWV:n raportti sisään Google Search Console kertoo, jos sinun on optimoitava sivukokemus verkkosivustollasi.
Kuvakaappaus DebugBearista, elokuu 2023
Provinkki: Käyttää DebugBear mittaamaan Core Web Vital -arvosi automaattisesti ja saada toimivia toimenpiteitä sivustosi nopeuttamiseksi.
Mitä kukin Core Web Vital tarkoittaa?
Jokainen CWV keskittyy verkkosivustosi eri osien nopeuteen.
Tavoitteesi on, että verkkosivustosi arvosana on “Hyvä” kunkin mittarin osalta.
Suurin sisältöä sisältävä maali (LCP)
LCP-mittari mittaa, kuinka nopeasti verkkosivustosi latautuu. Tarkemmin sanottuna se tarkastelee, kuinka pian sivulle siirtymisen jälkeen suurin sisältöelementti, esimerkiksi sankarikuva tai sisältöotsikko, ilmestyy.
Suurin Contentful Paint -pistemäärä saa olla 2,5 sekuntia tai vähemmän.
Kumulatiivinen ulkoasun muutos (CLS)
CLS mittaa, onko sivun asettelu vakaa sen jälkeen, kun sisältö alkaa ilmestyä ensimmäisen kerran. Jos asettelun muutos tapahtuu, jotkin sivuelementit vaihtavat paikkaa sen jälkeen, kun ne ilmestyvät ensimmäisen kerran. Tämä tarjoaa huonon käyttökokemuksen, koska käyttäjän on suunnattava itsensä uudelleen jatkaakseen lukemista tai hän voi vahingossa napsauttaa väärää painiketta.
Kumulatiivisen asettelun muutoksen pistemäärän tulee olla alle 0,1. Se lasketaan tarkastelemalla siirtyneen sisällön kokoa ja etäisyyttä, jonka se on siirtynyt.
Ensimmäinen syöttöviive (FID) ja vuorovaikutus seuraavaan maaliin (INP)
Nämä kaksi mittaria mittaavat, kuinka nopeasti verkkosivustosi reagoi käyttäjän syötteisiin. Kun käyttäjä napsauttaa sivullasi olevaa painiketta, saattaa kestää sekunti tai enemmän, ennen kuin sivun sisältö päivittyy käyttäjän syötteen perusteella, mikä saa verkkosivuston tuntumaan viiveeltä ja reagoimattomalta.
Vuorovaikutus seuraavaan maaliin korvaa First Input Delay -palvelun Core Web Vitals -mittarina maaliskuussa 2024.
Tavoittele FID-pisteet alle 100 millisekuntia ja INP-pisteet alle 200 millisekuntia.
Kuinka nopea verkkosivusto vähentää kustannuksia
Lopuksi, web-suorituskyvyn optimointi voi myös säästää verkkosivustosi isännöintikustannuksia, koska tarvitaan vähemmän suorittimen käsittelyä ja vähemmän dataa on ladattava, mikä johtaa alhaisempiin kaistanleveysmaksuihin.
Monilla verkkosivustojen vierailijoilla on myös kaistanleveyttä mobiilidatasopimusten rajoituksia ja niille voi aiheutua lisäkustannuksia, kun raja ylittyy.
Vaihe 1: Suorita verkkosivuston suorituskykytesti
Haluatko nähdä kuinka nopeasti verkkosivustosi latautuu ja saada suosituksia sen nopeuttamiseksi? Juoksemassa a ilmainen verkkosivuston nopeustesti voit arvioida verkkosivustosi tehokkuutta nyt ja tarjoaa yksityiskohtaisen raportin sen parantamisesta.
Tässä on esimerkki siitä, miltä testitulos näyttää:
Kuvakaappaus DebugBearista, elokuu 2023
Sivun nopeuden testaustyökalut voivat myös tunnistaa mahdollisia optimointeja, joita voit käyttää verkkosivustollesi, kuten lyhentää palvelimen vasteaikaa, poistaa renderöinnin estäviä komentosarjoja tai optimoida kuviasi.
Kuvakaappaus DebugBearista, elokuu 2023
Vaikka täyttäisit jo Googlen CWV-standardit, saatat silti hyötyä optimoinnista. Koska Google tarkastelee nopeimpia 75 % kokemuksista, neljänneksellä vierailijoistasi saattaa silti olla epäoptimaalinen kokemus.
Jotkut käyttäjät voivat esimerkiksi käyttää hidasta mobiiliyhteyttä tai käyttää lentokoneen wifi-yhteyttä. Sivun nopeuden optimointi näille käyttäjille voi johtaa ostoihin, jotka olisit muuten menettänyt.
Vaihe 2: Määritä Web-sivuston valvonta
Testin suorittaminen verkkosivustollasi kertoo, kuinka nopea verkkosivustosi on nyt. Mutta seurata verkkosivustoasi jatkuvasti ja historiatietojen saatavuus tarkoittaa, että voit:
- Hanki hälytyksiä kun on uusi suorituskykyongelma.
- Tarkistaa jos suorituskyvyn optimoinnilla on odotettu vaikutus.
- Vertailla testituloksia eri päivinä ja ymmärtää erot.
- Luo raportteja jotka näyttävät tiimillesi ja johdolle, kuinka sivustosi pärjää.
Sivuston nopeuden valvonnan tyypit
Voit seurata sivun nopeustietojen kahta päätyyppiä:
- Laboratorio- tai synteettiset tiedot kerätään aikataulun mukaisesti kontrolloidussa testausympäristössä.
- Kenttä tai oikeat käyttäjätiedot kerätään loppukäyttäjiltä, kun he vierailevat verkkosivustolla.
Laboratoriotiedot ovat yksityiskohtaisempia ja helpompia kerätä, kun taas todelliset käyttäjätiedot voivat näyttää, kuinka käyttäjät todella kokevat verkkosivustosi.
Synteettiset suorituskykytestit: edut ja rajoitukset
Ajoitetut laboratoriopohjaiset sivun nopeustestit on helppo määrittää, ne tarjoavat yksityiskohtaista raportointia ja ne voidaan määrittää sekä omille että kilpailijoidesi sivustoille.
Laboratoriopohjaisilla testeillä on kuitenkin joitain rajoituksia:
- Sivun ensimmäisen latauksen jälkeisiä käyttäjien toimia ei mitata (ellet ole komentoinut niitä osana testiasetuksia).
- Ajoitetut testit suoritetaan johdonmukaisilla laitekokoonpanoilla, kuten näytön koolla ja verkkoyhteyden nopeudella. Todelliset käyttäjät käyttävät kuitenkin monenlaisia laitteita ja kokevat vaihtelevia verkko-olosuhteita.
- Saat tietoja vain sivujen URL-osoitteista, joille olet määrittänyt valvonnan.
Jotkut mittarit, kuten INP ja CLS, riippuvat suuresti siitä, kuinka käyttäjä on vuorovaikutuksessa sivun kanssa sen latauksen jälkeen.
Myös LCP-metriikasta vastaava sisältöelementti vaihtelee usein laitteen mukaan. Käyttäjälle, jolla on suuri näyttö, LCP-elementti voi olla kuva. Pienellä näytöllä LCP-elementti voi olla otsikko, jossa kuva näkyy jossain sivun alapuolella.
Oikean käyttäjän verkkosivuston suorituskyvyn seuranta: edut ja rajoitukset
Tietojen kerääminen todellisilta käyttäjiltä tarjoaa useita etuja:
- Sillä on viime kädessä merkitystä vierailijoillesi.
- Google käyttää todellisia käyttäjätietoja rankingissa.
- Saat tietoja kaikista käyttökokemuksista: eri selaimista, laitteista, verkoista ja käyttäjien käyttäytymisestä.
- Tietoja voidaan kerätä koko verkkosivustoltasi tiettyjen sivujen URL-osoitteiden sijaan.
Sinun on kuitenkin tehtävä muutoksia verkkosivustoosi todellisen käyttäjien seurannan määrittämiseksi, ja jokainen testitulos on vähemmän yksityiskohtainen kuin täydellinen laboratoriopohjainen testi. Oikean käyttäjän sivuston nopeustiedoilla ja ajoitetuilla suorituskykytesteillä on kummallakin hyvät ja huonot puolensa, ja ne täydentävät viime kädessä toisiaan.
Vaihe 3: Ota käyttöön Real User Monitoring
Jotta voit kerätä tietoja oikeilta käyttäjiltä, sinun on asennettava verkkosivustollesi analytiikkakatkelma valitsemastasi verkkosivuston seurantatyökalusta.
Pro Vinkki: Sinä pystyt rekisteröidy ilmaiseen DebugBear-kokeilujaksoon aloittaaksesi.
Kun tilisi on määritetty, vaihda “RUM”-välilehteen ja napsauta “Aloita”.
Kuvakaappaus DebugBearista, elokuu 2023
Tämä luo upotuskoodin, joka sinun on asennettava verkkosivustollesi. Voit lisätä sen verkkosivustosi HTML-malliin tai asentaa sen taginhallintatyökalun, kuten Google Tag Managerin, avulla.
Kuvakaappaus DebugBearista, elokuu 2023
Kun tämä on määritetty, alat nähdä verkkosivustosi todellisia Core Web Vitals -kokemuksia.
Kuvakaappaus DebugBearista, elokuu 2023
Voit myös nähdä, missä päin maailmaa käyttäjillä on hyvä kokemus ja missä sivustosi latautuu hitaammin.
Kuvakaappaus DebugBearista, elokuu 2023
Vaihe 4: Käytä todellisia käyttäjätietoja tiettyjen suorituskykymittareiden määrittämiseen
Jos verkkosivustosi ei mene hyvin jonkin Core Web Vitals -mittarin suhteen, voit sukeltaa tähän ongelmaan syvällisemmin.
DebugBear tarjoaa mittarikohtaisia hallintapaneeleja, jotka näyttävät:
- Mitkä sivuistasi ovat nopeita ja mitkä hitaita.
- Käyttäjäkokemusten jakelu.
- Onko tyypillinen käyttökokemus nopea vai hidas.
- Sivun nopeus on muuttunut ajan myötä sekä keskimääräisen käyttäjän että käyttökokemusten hitaimman 10 %:n kohdalla.
Kuvakaappaus DebugBearista, elokuu 2023
LCP:n virheenkorjauksen yhteydessä on myös tärkeää tietää, mikä sivun elementti oli suurin sisältö eri käyttäjille. DebugBear näyttää erittelyn näistä elementeistä ja siitä, kuinka kauan käyttäjien on odotettava sen ilmestymistä.
Näin voit tunnistaa, millä sivujen optimoinnilla olisi suurin vaikutus suurimpaan määrään käyttäjiä.
Kuvakaappaus DebugBearista, elokuu 2023
Sama koskee INP:tä, jossa sinun on tiedettävä, mikä sivun vuorovaikutus johti käyttäjän vuorovaikutusviiveeseen.
Lopuksi DebugBear voi myös raportoida sinulle, kuinka sivun nopeustiedot korreloivat muiden mittareiden, kuten poistumisprosentin, kanssa:
Kuvakaappaus DebugBearista, elokuu 2023
Kuinka todellinen käyttäjien seuranta eroaa Googlen Chromen käyttökokemusraportista (CrUX)
Omistatpa analytiikkaa tai tarkastelet Google-tietoja, molemmissa tapauksissa käytät todellisia käyttäjämittareita.
Mikset vain luottaisi Googlen tietoihin?
- Google tarjoaa dataa, joka on koottu 28 päivän ajalta, joten verkkosivustossasi tehdyn muutoksen jälkeen kestää kauan nähdä vaikutus.
- CrUX-tiedot ovat saatavilla vain sivuille, jotka saavuttavat vähimmäisliikenteen.
- Google kerää tietoja vain käyttäjiltä, jotka ovat kirjautuneet Google-tililleen Chromessa.
Vaihe 5: Suorita jatkuvasti sivunopeustestejä
The DebugBear-verkkosivustojen seurantapalvelu voi suorittaa suorituskykytestejä aikataulun mukaan, olipa se sitten tunnin, päivittäisen tai viikoittainen.
Aloita kirjoittamalla verkkosivustosi URL-osoite ja valitsemalla testipaikka, testilaite ja valvontaaikataulu.
Kuvakaappaus DebugBearista, elokuu 2023
Kun olet määrittänyt valvonnan, hallintapaneeli kertoo, kuinka verkkosivustosi on menestynyt CWV-mittareiden perusteella viime viikkoina.
Voit myös seurata kilpailijoiden sivustoja nähdäksesi, miten sivustosi nopeus on vertailukelpoinen.
Kuvakaappaus DebugBearista, elokuu 2023
Jokaiselle valvottavalle sivulle saat myös sivukohtaisen hallintapaneelin, joka sisältää kyseisen URL-osoitteen tehokkuustrendit ja yksityiskohtaisen analyysin kustakin nopeusmittarista.
Esimerkiksi alla olevassa kuvakaappauksessa näet:
- Kuinka Suurin sisällöllinen maali -mittari on muuttunut ajan myötä.
- Kuvaelementti, joka on vastuussa LCP-virstanpylvään käynnistämisestä.
- Mitä verkkopyyntöjä kuvan lataamiseen liittyy (kutsutaan a pyydä vesiputouksen visualisointia).
Kuvakaappaus DebugBearista, elokuu 2023
Sen lisäksi, että DebugBear suorittaa omia suorituskykytestejä, se myös tarkistaa jatkuvasti todellisia käyttäjätietoja, joita Google käyttää rankingissa. Nämä tiedot ovat peräisin Chromen käyttökokemusraporttitai lyhennettynä CrUX.
Näemme, että tällä sivulla yli 86 prosentilla kävijöistä on hyvä kokemus.
Kuvakaappaus DebugBearista, elokuu 2023
Vaihe 6: Määritä hälytykset, jos verkon suorituskyky heikkenee
Vaikka verkkosivustosi olisi nopea, kohtaat silti ajoittain suorituskykyongelmia. Esimerkiksi sen jälkeen:
- Uuden kuvan lataaminen aloitussivulle.
- Uuden kolmannen osapuolen komentosarjan asentaminen.
- Kokoonpanoasetuksen muuttaminen isännöintiasetuksissa.
- Tietokannan koon asteittainen kasvu.
DebugBear voi lähettää regressiohälytyksiä sähköpostitse, Slackin tai Microsoft Teamsin kautta.
Meluisten hälytysten välttämiseksi kaikki testit suoritetaan uudelleen, jos ne aiheuttaisivat ongelman. Näin ilmoituksia lähetetään vain toistettavissa olevista ongelmista.
Kuvakaappaus DebugBearista, elokuu 2023
Kuten yllä olevasta hälytyksestä näet, DebugBear suorittaa myös a Google Lighthouse -tarkastus tarkastus jokaisen testin yhteydessä, mukaan lukien esteettömyys- ja hakukoneoptimointipisteet. Näin myös perusesteettömyys ja SEO-seuranta ovat mukana.
Vaihe 7: Vertaa nopeustestin tuloksia
Okei, olet siis saanut Web-tehokkuusvaroituksen ja näet muutoksen mittareissasi. Mitä seuraavaksi?
DebugBear tarjoaa a vertailutila jonka avulla voit verrata testituloksia ennen regressiota ja sen jälkeen nähdäksesi tarkalleen, mikä muuttui ja miten se vaikuttaa käyttäjiin.
Alla olevassa kuvakaappauksessa on esimerkki, jossa uusi kolmannen osapuolen komentosarja lisättiin verkkosivustoon ja vierailijat odottavat nyt paljon kauemmin, jotta sivun sisältö tulee näkyviin.
Kun tiedät, mikä ongelman aiheuttaa, voit päättää, miten edetä. Sinä voisit:
- Peruuta muutos.
- Lataa skripti asynkronisesti joten se ei hidasta renderöintiä.
- Optimoi skripti, jotta se on pienempi ja nopeampi ladata.
- Lataa skripti omasta verkkotunnuksestasi välttääksesi sen muodostaa palvelinyhteyden kolmannen osapuolen verkkosivustolle.
Kuvakaappaus DebugBearista, elokuu 2023
Vertailutyökalu on myös loistava tapa viestiä visuaalisesti regressiosta tai onnistuneen suorituskyvyn optimoinnin vaikutuksista.
DebugBear tarjoaa sekä filminauhanäkymän, joka näyttää jokaisen verkkosivuston renderöintikehyksen yksitellen, että videonäkymän, joka näyttää, kuinka todellinen käyttäjä kokisi latausnopeuden ennen muutosta ja sen jälkeen. Voit viedä tämän visualisoinnin MP4-videotiedostona ja upottaa sen tiimi- tai asiakasesityksiin.
Kuvakaappaus DebugBearista, elokuu 2023
Pysy ajan tasalla tärkeimmistä verkkoarvoistasi
Oletko valmis aloittamaan verkkosivustosi tehokkuuden priorisoimisen, sijoittumaan korkeammalle Googlessa ja tarjoamaan paremman käyttökokemuksen? Kokeile DebugBearia ilmaiseksi 14 päivän ajan.
Ilmaisen kokeilujakson avulla voit:
- Testaa, kuinka verkkosivustosi toimii juuri nyt.
- Hanki suosituksia sivun nopeuden optimoimiseksi.
- Selvitä nopeasti, kun sivusi nopeus muuttuu.
- Katso, kuinka todelliset käyttäjät kokevat verkkosivustosi.
