Ensimmäinen sisällöllinen maali on käyttäjäkeskeinen havaintomittari. Sillä tarkoitetaan sitä, kuinka kauan selaimelta kestää renderöidä ensimmäinen muu kuin elementti, kuten kuvat, teksti tai kanvaasielementit.

Nopea ensimmäinen sisällöllinen maalaus on tärkeää, sillä käyttäjät kokevat verkkosivustosi latautuvan nopeasti, vaikka näin ei varsinaisesti olisikaan. Tästä huolimatta FCP:n tarkoituksena ei myöskään ole huijata käyttäjiä, mutta se antaa käsityksen yleisestä sivusi nopeudesta.

Eye10 näyttää FCP-pistemäärän työpöydällä ja mobiililaitteilla. Tarkkaile punaisella tai oranssilla tekstillä esitettyjä tuloksia, mikä tarkoittaa, että parannuksia tarvitaan.

Joitakin toimenpiteitä, joita FCP-pistemäärän parantaminen voi vaatia, ovat tekstin näyttäminen ennen fontin lataamista ja sen aikana, HTML/CSS:n tai Javascriptin pienentäminen, käyttämättömän CSS:n poistaminen, ensimmäisen tavun saavuttamiseen kuluvan ajan lyhentäminen (TTFB), SVG- tai WebP-kuvien käyttäminen ja DOM:n koon pienentäminen.

Nopeusindeksi mittaa, kuinka kauan kestää, että verkkosivustosi sisältö näkyy kokonaisuudessaan. Tämä tarkoittaa siis sitä, että kaikki sivun elementit on ladattu kokonaan, ja verkkosivustosi näkyy tarkoitetussa visuaalisessa muodossaan. Nopeusindeksi ei kuitenkaan mittaa sivun kokonaisnopeutta vaan pikemminkin käyttäjän käsitystä siitä, että sivu on latautunut.

Ajattele siis nopeusindeksiä käyttäjäkokemuksen kannalta, etenkin kun haluat vähentää sivujen hylkäysprosenttia, varsinkin jos nämä sivut latautuvat käyttäjillesi hitaasti.

Ideaalinen nopeusindeksi on 0-3 sekunnin välillä ottaen huomioon sen, mitä tiedämme siitä, milloin käyttäjät hylkäävät todennäköisesti sivun, jos he kokevat, ettei se lataudu tarpeeksi nopeasti.

Jos Eye10 näyttää URL-osoitteesi nopeusindeksille jotain alle hyvän tuloksen, sinun kannattaa harkita muun muassa renderöintiä estävien resurssien vähentämistä ja verkkosivustosi pääsäikeen työn vähentämistä.

Muista, että kuten kaikkien muidenkin verkkosivustosi latautumisnopeuteen vaikuttavien seikkojen kohdalla, mitä monimutkaisempia elementtejä, sitä todennäköisemmin nopeusongelmia esiintyy. Joskus yksinkertaisuus on siis parasta verkkosivustoa suunniteltaessa, jotta voidaan vähentää tällaisia kalliita virheitä laajemmassa SEO-strategiassasi.

Keskiverto verkkosivusto koostuu monista erilaisista elementeistä, kuten otsikoista, tekstistä, kuvista, painikkeista, widgeteistä, taulukoista ja monista muista elementeistä. Jokainen näistä elementeistä on erikokoinen, mikä tarkoittaa, että niiden latautuminen käyttäjille kestää eri aikaa.

Largest contentful paint (LCP) on menetelmä, jolla mitataan, kuinka hyvin verkkosivustosi on optimoitu, ja jossa otetaan huomioon kaikki nämä sivulla olevat eri elementit. Erityisesti on usein yksi elementti, joka erottuu eniten, kun mitataan, kuinka nopeasti sivu latautuu sen koon vuoksi. LCP-pisteet perustuvat siis pääasiassa tähän yhteen elementtiin, joka vaikuttaa siihen, miten hyvin verkkosivustosi on optimoitu nopeuden kannalta.

Responsiiviset verkkosivustot on suunniteltu eri laitteita ajatellen. Tämä voi tarkoittaa, että LCP-aika voi vaihdella työpöydällä ja mobiililaitteella. Ota tämä siis ehdottomasti huomioon, kun suunnittelun optimointia parannetaan. Jos esimerkiksi LCP-pistemääräsi on hyvä työpöydällä mutta ei mobiililaitteilla, vain mobiililaitteita on optimoitava.

Voit parantaa huonoa LCP-pistemäärää muun muassa muuttamalla kuvien kokoa tai pakkaamalla niitä, parantamalla verkkosivustosi hosting-palveluntarjoajaa tai -ominaisuuksia, käyttämällä sisällönjakeluverkkoa (CDN) ja poistamalla renderöintiä estävät skriptit.

Jos käytät verkkosivuston mallipohjaa, varo latautumasta hitaasti latautuviin sankariosioihin, jotka voivat näyttää visuaalisesti hyvältä mutta joiden latautuminen voi kestää kauan, varsinkin jos ne ovat kuvapainotteisia.

Time to interactive (TTI) on aika, joka kuluu sivun muuttumiseen täysin vuorovaikutteiseksi sen jälkeen, kun käyttäjä on saapunut sivulle. Maallikon kielellä tämä tarkoittaa sitä, että sivu voi näyttää täysin käyttövalmiilta, mutta ennen kuin kaikki elementit ovat latautuneet kunnolla, ne eivät ole oikeasti käyttökelpoisia, mikä voi aiheuttaa turhauttavaa käyttäjäkokemusta, varsinkin jos sivulla on paljon vuorovaikutteisia elementtejä.

Sivun nopeudesta ja hakukoneoptimoinnista tiedämme, että käyttäjät odottavat verkkosivun latautuvan 3 sekunnissa. Keskimääräinen TTI on kuitenkin todellisuudessa 22 sekuntia. Käyttäjät saattavat siis olla itse verkkosivulla, mutta elementit, joita he yrittävät napsauttaa tai joiden kanssa he ovat vuorovaikutuksessa, eivät ole heti saatavilla. Tämä ei siis tarjoa tyydyttävää käyttökokemusta - varsinkin jos käyttäjät olettavat, että sivu on rikki tai että siinä on häiriöitä, vaikka se ei yksinkertaisesti ole vielä latautunut.

Hitaan TTI-tuloksen syynä on usein se, että sivulla on liikaa Javascript-elementtejä. Tosin myös kaikki muut Eye10:n mittaamat nopeusmittarit korreloivat tiiviisti TTI:n kanssa. On siis aivan varmaa, että jos sivusi nopeuteen liittyvät muut ongelmat korjataan, TTI-arvosi voi hyvinkin parantua itsestään.

Kokonaisestoaika tarkoittaa aikaa, joka kuluu ensimmäisen sisällöllisen maalauksen ja interaktiivisen latauksen välillä. Ajattele siis, että kokonaisestoaika on yhteenveto kaikista sivunopeusmittareistasi.

Käyttäjän syötteet, kuten napsautukset, näytön napautukset tai näppäimistön painallukset, otetaan huomioon kokonaisestoaikaa laskettaessa. Tarkemmin sanottuna se, kuinka kauan käyttäjää "estetään" suorittamasta mitään näistä toimista sivullasi, kun hän yrittää ladata sitä.

Sivunopeuden optimoinnilla pyritään viime kädessä parantamaan kokonaisestoaikaa, jota olisi pidettävä kaikkien muiden mittareiden huipentumana.

Kumulatiivinen ulkoasun muutos (tunnetaan myös nimellä CLS) tarkoittaa, että sivun ulkoasu mukautuu sivun latautuessa. Syy CLS:n tapahtumiseen on usein valittu malli tai se, miten sivu on suunniteltu. Selaimilla on yksinkertaisesti taipumus ladata yhden sivun elementtejä eri nopeuksilla. Sivun lataustapa ei siis välttämättä anna saumatonta tuntumaa sivua selattaessa, ja lopulta jotkin elementit saattavat latautua niin hitaasti, että käyttäjät luopuvat odottamisesta.

Esimerkki sivusta, jonka CLS-pisteet ovat alhaiset, on Googlen etusivu. Huomaat, että tällä sivulla on minimaalinen määrä elementtejä, minkä ansiosta se latautuu nopeasti ja siinä on helppo navigoida. Vaikka sivustossasi ei tarvitse olla mahdollisimman vähän elementtejä, sivun latautumisen huomioon ottaminen on tärkeää, etenkin kun on kyse ulkoasun siirtymisen välttämisestä.

Eye10:n pageSpeed-työkalulla on helppo mitata kumulatiivista ulkoasun siirtymistä. Jos verkkosivusi CLS-pistemäärä on korkea, suosittelemme kokeilemaan toista verkkosivumallia tai konsultoimaan kehittäjää verkkosivusi elementtien virittämiseksi niin, että ne latautuvat mahdollisimman vähällä CLS:llä. Muista testata verkkosivustoasi eri selaimilla ja laitteilla, kun teet parannuksia, kunnes ongelma on ratkaistu.

Markkinoilla on useita erilaisia verkkosivuston nopeustestejä. Yllättävää kyllä, jokainen työkalu voi antaa erilaisia tuloksia johtuen työkalun sijainnista ja palvelimesi sijainnista sekä työkalun ominaisuuksista.

Sentähden on tärkeää tarkistaa sivunopeusarviot vaihtoehtoisilla työkaluilla, jotta voidaan yrittää tunnistaa yleisiä malleja ja löytää lisätietoja.

Eye10:n Pagespeed Tool tarjoaa tietoja sekä Google Pagespeed Insightsista että Gtmetrixistä. Tämä tarkoittaa, ettei sinun tarvitse maksaa eri työkalujen tilauksista tai edes käyttää aikaa toistuviin hakuihin kummallakaan sivustolla - Eye10 yhdistää kaiken tarvitsemasi nopeasti ja tehokkaasti.

Tässä on yleiskatsaus niistä seikoista, joita kukin työkalu kertoo sinulle. Pagespeed-työkalu yhdistää nämä havainnot sivulla, joten näet, mitä kukin työkalu havaitsee samanaikaisesti.

Kun syötät URL-osoitteesi Eye10:n Pagespeed-työkaluun, saat näkyviin useita erittäin tärkeitä Google Pagespeed Insightsin näkökohtia.

Eye10 antaa myös mahdollisuuden vaihtaa mobiililaitteiden ja työpöytälukemien välillä, jotta saat kattavan käsityksen siitä, kuinka nopeasti sivusi latautuvat kummallakin laitevaihtoehdolla.

Google Pagespeed Insights sisältää pistemäärän yhteenvedon, ensimmäisen sisältömaalin, nopeusindeksin, suurimman sisältömaalin, vuorovaikutteiseen lataukseen kuluvan ajan, estoajan kokonaismäärän ja kumulatiivisen asettelusiirtymän.

Varmista, että sekä mobiili- että työpöytätulokset näkyvät vihreinä, kun vaihdat kunkin laitetyypin välillä.

GTmetrix on toinen suosittu työkalu, jota käytetään verkkosivujen nopeuden mittaamiseen. Sen avulla voit saada selville vielä enemmän tietoa sivustasi ja samalla saada tärkeän toisen mielipiteen.

Sivunopeustyökalussa GTmetrixin antamiin näkökohtiin kuuluvat luettelo tärkeimmistä suorituskykyyn vaikuttavista ongelmista, Pagespeed-pisteet, suorituskykyaste, täysin ladattu aika, sivun kokonaiskoko ja pyynnöt.

Huomaa, että jotkin näkökohdat ovat samankaltaisia kuin Googlen Pagespeed Insightsissa, ja toiset taas tarjoavat yksityiskohtaisempia tietoja, kuten sivusi kokonaiskoko ja se, kuinka kauan sivusi kestää latautua kokonaan.

Olemme vastanneet alla joihinkin Pagespeediä koskeviin yleisimpiin kysymyksiin. Jos kysymyksesi ei näy alla tai jos tarvitset erityistä apua Eye10 Pagespeed -työkalun kanssa, ota meihin suoraan yhteyttä.

Pagespeed Insights on Googlen virallinen työkalu, ja koska Google on maailman johtava hakukone, tällaista työkalua ei olisi kehitetty, jos se ei olisi tärkeä.

Hakukoneet haluavat lähettää käyttäjät sivuille, jotka tarjoavat parhaan käyttökokemuksen, koska hakukoneet kilpailevat myös keskenään. Relevantit verkkosivustot, jotka latautuvat nopeasti, ovat siis aina mieluummin kuin hitaat ja häiriintyvät verkkosivustot.

Loppujen lopuksi, jos käyttäjät poistuvat, koska sivujen latautuminen kestää liian kauan, kukaan ei jää lukemaan sitä, vaikka sisältösi olisi SEO-optimoitu järjestelmällisesti.

Siten kannattaa ehdottomasti tarkastella kaikkia Eye10:n antamia ehdotuksia, jotta verkkosivustosi latautuu nopeasti.

Google pagespeed Insights luokittelee verkkosivusi URL-osoitteen pistemäärän seuraaviin luokkiin:

90-100 - Hyvä
58-89 - Hyvä
0-49 - Huono

Ideaalisesti verkkosivusi latautumisen pitäisi kestää 1-3 sekuntia, kun otetaan huomioon, että 53 prosenttia mobiilikäynneistä keskeytetään, jos sivun latautuminen kestää yli 3 sekuntia.

Katso Eye10:n antamaa pistemäärää sivun latausajoista sekä Google Pagespeed Insightsin että GTmetrixin osalta riippuen siitä, käytetäänkö sivustoa työpöydällä vai mobiililaitteella.

Seuraa sitten molempien pistemäärien erittelyä sekä luetteloa muutoksista, joita tarvitaan pistemäärän parantamiseen, jos ongelmia havaitaan.

Eye10:n Pagespeed-työkalu tarjoaa jopa 30 pyyntöä päivässä Professional-paketissa tai jopa 100 pyyntöä päivässä Enterprise-paketissa.

Syötä vain URL-osoitteesi ja Eye10 hoitaa loput! Suosittelemme tarkistamaan säännöllisesti, kuinka nopeasti sivusi latautuvat, etenkin jos olet hiljattain tehnyt muutoksia verkkosivustoosi, mukaan lukien sen suunnitteluun tai hosting-ominaisuuksiin.

Kyllä, sivunopeus on sijoitustekijä, joka liittyy tekniseen hakukoneoptimointiin.

Hakukoneet eivät halua lähettää käyttäjiä verkkosivuille, joiden lataaminen kestää kauan, koska se johtaa huonoon käyttökokemukseen. Jos siis haluat nousta hakukoneiden rankingissa, sinun on tehtävä kaikkesi lyhentääksesi sivujesi täydelliseen latautumiseen kuluvaa aikaa.

Verkkosivustossasi on monia näkökohtia, joita voidaan optimoida verkkosivuston latausajan nopeuttamiseksi. Tässä on tilannekatsaus tärkeimmistä asioista, jotka suosittelemme tarkistettavaksi.

Päivitä verkkosivustosi hosting-ominaisuudet - Ajan myötä verkkosivustosi liikenne, puhumattakaan sen koosta, todennäköisesti kasvaa. Varmista, että verkkosivustosi pystyy käsittelemään sen saamaa liikennemäärää siinä missä se nyt on. Samoin olet saattanut valita hosting-paketin, joka tarjoaa huonoja tuloksia sivun latausajan suhteen, joten tarkista nopeus hosting-palveluntarjoajaltasi ja vertaa sitä muihin palveluntarjoajiin, jotta näet, oletko oikeassa paketissa vai et.

Käytä CDN:ää - CDN on lyhenne sanoista content delivery network (sisällönjakeluverkko). Pohjimmiltaan CDN monistaa verkkosivustosi versiot eri puolilla maailmaa sijaitseville palvelimille, mikä lyhentää sivusi latautumiseen kuluvaa aikaa. Pyri käyttämään CDN:ää, jos hosting-palveluntarjoajasi ei sijaitse samassa maassa kuin kohdeyleisösi. Jos verkkosivustosi kohdeyleisö on maailmanlaajuinen, CDN:ää suositellaan myös.

Optimoi kuvat - Toisin kuin teksti, kuvatiedostot ovat kooltaan paljon merkittävämpiä. Jos verkkosivustollasi olevien kuvien tiedostokokoa ei ole pienennetty ennen lataamista (eli muuttamalla kuvan kokoa), kuvasi saattavat rasittaa käyttäjän kaistanleveysmahdollisuuksia.

Tarkista verkkosivuston koodi virheiden varalta - Riippumatta siitä, mihin verkkosivustosi on rakennettu (mukaan lukien valmiit mallit), tarkista, ettei siinä ole selviä virheitä tai häiriöitä, jotka hidastavat sivujasi.


Poista ponnahdusikkunat - Ponnahdusikkunat ovat yksi monista elementeistä, jotka voivat hidastaa sivujasi. Poista kaikki tällaiset ominaisuudet, jotta sivusi latautuvat mahdollisimman nopeasti.

Halvat hosting-tarjoukset houkuttelevat helposti, ja on helppo valita markkinoiden suosituimmat nimet. Mutta ennen kuin otat verkkosivuillesi hosting-paketin, sinun on luettava pienellä painettu teksti. Tarkastele erityisesti saamasi palvelinkapasiteettia ja varmista, että valitset paketin, joka todella vastaa verkkosivustosi tarpeita.

Katso myös, kuinka kauan olet sidottu sopimukseen, jos haluat päivittää palvelimia tai jopa vaihtaa palveluntarjoajaa. Hosting-palveluntarjoajan vaihtaminen voi olla monimutkainen prosessi, ja jotkin alustat saattavat asettaa rajoituksia, jotka estävät sinua tekemästä sitä tietyn ajanjakson ajan.

Huomioi, että jos hosting-palveluntarjoaja ei sijaitse maassasi (eli verkkosivustosi sijaitsee Yhdistyneessä kuningaskunnassa, mutta verkkosivustoasi isännöidään Yhdysvalloissa), tarvitaan CDN:ää. Ihannetapauksessa hosting-palveluntarjoajan tulisi siis aina sijaita samassa maassa kuin verkkosivustosi, jotta tämä ongelma voidaan välttää kokonaan. Vaikka CDN:ää suositellaan edelleen kaikille verkkosivustoille, joilla on maailmanlaajuinen yleisö (esim. blogit).

Muista tarkistaa myös käyttäjien arvostelut. Valitse hosting-alusta, jolla on parhaat paketit ominaisuuksien ja sallittujen käyttöoikeuksien perusteella, sekä sellainen, jolla on oma asiakastuki.

Kaikilla yrittäjillä tai startup-yrityksillä ei tosin ole budjettia web-kehittäjään tai -suunnittelijaan. Mutta kuten kaikkien muidenkin verkkosivuston tarvitsemien palveluiden kohdalla, ilman ammattimaisen lopputuloksen varmistavaa asiantuntemusta ongelman korjaaminen voi pitkällä aikavälillä tulla kalliimmaksi.

Web-kehittäjät vastaavat verkkosivuston rakentamisesta, kun taas web-suunnittelijat huolehtivat siitä, miltä verkkosivustosi todella näyttää. Molemmat erikoisalat voivat työskennellä varmistaakseen, että verkkosivustosi latautuu nopeasti. Jos nykyinen verkkosivustosi latautuu hitaasti, uuden suunnittelun on poistettava kaikki nykyisen suunnittelun ongelmat, ja tämä tavoite voidaan saavuttaa vain oikean asiantuntemuksen avulla.

Kummassakin tapauksessa suosittelemme Pagespeed-työkalun käyttämistä ja analyyttisen erittelyn tarkastelua, jotta näet, missä vaiheessa verkkosivustosi on tällä hetkellä. Samoin, jos verkkosivustosi on tällä hetkellä aktiivinen, tiedot osoittavat sinulle oikean suunnan, kun haluat ymmärtää, mitkä verkkosivustosi osat hidastavat toimintaa.

Toinen syy siihen, miksi web-kehittäjät ja -suunnittelijat ovat olennainen osa verkkosivuston rakentamisprosessia, on se, että he voivat antaa neuvoja siitä, mitä elementtejä ei yksinkertaisesti ole tarpeen sisällyttää verkkosivustoosi. Tai niitä, joita voidaan optimoida niin, että niiden lataaminen sivulle vie vähemmän aikaa.

Jos suunnittelet omaa verkkosivustoasi, mieti, mitä elementtejä sivusi todella tarvitsee, jotta se voi täyttää aiotun tehtävänsä. Tarpeettomat elementit eivät tuo lisäarvoa käyttäjillesi, ja mikä vielä pahempaa, ne hidastavat sivusi toimintaa.

Viimeinen huomio on varmistaa, ettet vain rakenna verkkosivustoasi ja sitten unohda sitä! Kuten kaikissa hakukoneoptimointiin liittyvissä asioissa, tarkistamalla säännöllisesti sivusi nopeuden Eye10:n Pagespeed-työkalun avulla voit puuttua ongelmiin nopeasti. Muuten saatat olla täysin tietämätön siitä, että tietyt sivut latautuvat hitaasti aiheuttaen huonon käyttökokemuksen ja korkean hyppyprosentin.

Eye10 tarjoaa runsaan määrän päivittäisiä pyyntöjä Pagespeed Tool -työkalua varten, joten muista käyttää niitä, jotta verkkosivustosi todella hyötyy tilauksestasi.