Den første innholdsrike malingen er en brukersentrisk persepsjon måling. Det refererer til hvor lang tid det tar for nettleseren å gjengi det første ikke-elementet som bilder, tekst eller lerretselementer.

Å ha en rask første innholdsrik maling er viktig ettersom brukerne vil oppfatte at nettstedet ditt lastes raskt, selv om det strengt tatt ikke er tilfelle. Når det er sagt, handler ikke en FCP om å lure brukere heller, men den gir en ide om din generelle sidehastighet.

Eye10 vil vise FCP-poengsummen din for datamaskin og mobil. Se opp for poeng som vises i rød eller oransje tekst, noe som betyr at det er behov for forbedringer.

Noen av trinnene som kan være nødvendige for å forbedre FCP-poengsummen din inkluderer å vise tekst før og under skriftinnlasting, minifisering av HTML/CSS eller Javascript, fjerne ubrukt CSS, redusere tid til første byte (TTFB), bruke SVG- eller WebP-bilder og for å redusere DOM-størrelsen.

Hastighets indeksen måler hvor lang tid det tar før innholdet på nettstedet ditt vises i sin helhet. Så dette betyr at alle elementene på siden er fulllastet, og nettstedet ditt vises i den tiltenkte visuelle formen. Hastighets indeks er imidlertid ikke et mål på den generelle side hastigheten, snarere brukerens oppfatning av at siden har blitt lastet inn.

Så tenk på hastighets indeks i form av brukeropplevelse, spesielt når du ønsker å redusere flukt frekvensen fra sider, spesielt hvis disse sidene er trege med å laste for brukerne dine.

En ideell hastighetsindeks er mellom 0-3 sekunder, gitt det vi vet om når brukere sannsynligvis vil forlate en side hvis de oppfatter at den ikke lastes raskt nok.

Hvis Eye10 viser noe mindre enn en god poengsum for nettadressenes hastighets indeks, inkluderer noen av aspektene du bør vurdere å implementere å redusere gjengivelses blokkerings ressurser og å redusere nettstedets hovedtråd arbeid.

Husk, som med alle andre aspekter som kan påvirke hvor raskt nettstedet ditt laster, jo mer kompliserte elementene er, desto mer sannsynlig er det at hastighetsproblemer oppstår. Så noen ganger er enkelhet best når du designer et nettsted for å redusere slike kostbare feil innenfor din bredere SEO-strategi.

Den gjennomsnittlige nettsiden består av et stort utvalg elementer som overskrifter, tekst, bilder, knapper, widgets, tabeller og mange flere. Hvert av disse elementene vil variere i størrelse, noe som betyr at det vil ta ulik tid å laste opp riktig for brukerne dine.

Largest contentful paint (LCP) er en metode for å måle hvor godt optimalisert nettstedet ditt er, med hensyn til alle disse forskjellige elementene på siden. Konkret er det ofte ett element som skiller seg mest ut når man måler hvor fort en side er å laste på grunn av størrelsen. Så en LCP-score kommer hovedsakelig til å være basert på dette ene elementet, som da vil påvirke hvor godt nettstedet ditt er optimalisert for hastighet totalt sett.

Responsive nettsteder er designet med tanke på forskjellige enheter. Dette kan bety at LCP-tiden din kan variere på stasjonær og mobil. Så ta absolutt dette med når du ønsker å gjøre noen optimaliseringsforbedringer når det gjelder design. For eksempel, hvis LCP-poengsummen din er bra for datamaskiner, men ikke for mobil, er det bare mobil som trenger optimalisering.

Noen av trinnene du kan ta for å forbedre en dårlig LCP-poengsum inkluderer å endre størrelse på eller komprimere bilder, forbedre nettstedets vertsleverandør eller -funksjoner, bruke et innholdsleveringsnettverk (CDN) og eliminere gjengivelsesblokkerende skript.

Hvis du bruker en nettstedsmal, se opp for sakte å laste heltedeler som kan se bra ut visuelt, men det kan ta en tid å laste inn, spesielt hvis de er bildetunge.

Tid til interaktiv (TTI) er tiden det tar før siden blir fullstendig interaktiv etter at en bruker kommer til siden. Hva dette betyr i lekmannstermer, er at en side kan se ut til å være helt klar til bruk, men inntil alle elementene er lastet inn, vil de faktisk ikke være brukbare, noe som kan skape en frustrerende brukeropplevelse, spesielt hvis siden inneholder mange interaktive elementer.

Det vi vet om sidehastighet og SEO, er at brukere forventer at en nettside skal lastes innen 3 sekunder. Imidlertid er gjennomsnittlig TTI faktisk 22 sekunder. Så brukere kan være på selve nettsiden, men elementene de prøver å klikke eller samhandle med er ikke umiddelbart tilgjengelige. Dette gir derfor ikke en tilfredsstillende opplevelse - spesielt hvis brukere da antar at siden er ødelagt eller feilaktig når den rett og slett ikke har lastet inn ennå.

Ofte er årsaken til en langsom TTI-poengsum på grunn av å ha for mange Javascript-elementer på en side. Selv om alle de andre hastighetsmålingene Eye10-målene også er tett korrelert med TTI. Så det er definitivt slik at ved å løse andre problemer med sidehastigheten din, kan TTI-en din bli bedre av seg selv.

Total blokkeringstid refererer til tiden det tar mellom den første innholdsrike malingen og tiden til interaktiv har fullastet. Så tenk på total blokkeringstid som et sammendrag av alle sidehastighetsmålingene dine.

Brukerinndata som klikk, skjermtrykk eller tastaturtrykk tas med i beregningen av total blokkeringstid. Nærmere bestemt hvor lenge brukeren er "blokkert" fra å fullføre noen av disse handlingene på siden din når han prøver å laste den.

Å optimalisere nettstedets sidehastighet vil til slutt søke å forbedre den totale blokkeringstiden, noe som bør betraktes som en kulminasjon av hver av de andre beregningene.

Kumulativt layoutskifte (også kjent som CLS) betyr at layouten til en side tilpasser seg etter hvert som siden lastes inn. Årsaken til at CLS skjer er ofte ned til malen som er valgt eller faktisk hvordan siden er designet. Ganske enkelt har nettlesere en tendens til å laste inn elementer på en enkelt side med forskjellige hastigheter. Derfor kan det hende at måten siden laster ikke på gir en sømløs følelse når de surfer på siden, og til slutt kan enkelte elementer være så trege å laste at brukere gir opp å vente.

Et eksempel på en side som har lav CLS-poengsum er Google-hjemmesiden. Du vil legge merke til at denne siden har et minimalt antall elementer, noe som gjør den rask å laste og enkel å navigere. Selv om det ikke er slik at nettstedet ditt må inneholde så få elementer som mulig, er det viktig å ta hensyn til hvordan siden din lastes opp, spesielt når det gjelder å unngå endringer i oppsettet.

Eye10s pageSpeed-verktøy gjør det enkelt å måle kumulativ layoutforskyvning. Hvis nettsiden din har høy CLS-poengsum, foreslår vi at du prøver en annen nettsidemal eller konsulterer en utvikler for å tilpasse elementene på nettsiden din slik at de laster med så lite CLS som mulig. Husk å teste nettstedet ditt på forskjellige nettlesere og enheter når du gjør forbedringer til problemet er løst.

Det finnes en rekke nettside hastighets tester på markedet. Overraskende nok kan hvert verktøy gi forskjellige resultater på grunn av plasseringen av verktøyet kontra hvor serveren din er plassert, samt mulighetene til det verktøyet.

Det er derfor det er viktig å sjekke side hastighets innsikten din på alternative verktøy for å prøve å identifisere generelle mønstre, samt å finne tilleggsinformasjon.

Eye10s Pagespeed Tool gir data fra både Google Pagespeed Insights og Gtmetrix. Dette betyr at du ikke trenger å betale for abonnementer på tvers av forskjellige verktøy eller til og med bruke tid på å gjenta søk på noen av nettsidene - Eye10 kombinerer alt du trenger for deg raskt og effektivt.

Her er en oversikt over aspektene hvert verktøy vil fortelle deg. Pagespeed-verktøyet vil kombinere disse funnene på siden slik at du kan se hva hvert verktøy oppdager samtidig.

Når du skriver inn nettadressen din i Eye10s Pagespeed-verktøy, vil du bli presentert for en rekke svært viktige aspekter fra Google Pagespeed Insights.

Eye10 gir deg også muligheten til å veksle mellom mobil- og skrivebords avlesninger, slik at du kan få en omfattende ide om hvor raskt sidene dine lastes inn på begge enhets alternativene.

Google Pagespeed Insights inkluderer resultatsammendrag, første innholdsrike maling, hastighetsindeks, største innholdsrike maling, tid til interaktiv, total blokkeringstid og kumulativ layoutskifte.

Sørg for at både mobil- og skrivebordsresultater vises som grønt når du veksler mellom hver enhetstype.

GTmetrix er nok et populært verktøy som brukes til å måle hastigheten på nettsider. Den lar deg finne ut enda mer informasjon om siden din samtidig som du får en helt avgjørende second opinion.

Aspektene GTmetrix vil gi deg i Pagespeed Tool inkluderer en liste over de viktigste problemene som påvirker ytelsen din, Pagespeed-poengsum, ytelseskarakter, full lastet tid, total sidestørrelse og forespørsler.

Du vil legge merke til at noen aspekter ligner på Google Pagespeed Insights og andre tilbyr flere detaljer, for eksempel den totale størrelsen på siden din og hvor lang tid det tar å laste siden helt.

Vi har svart på noen av de fleste spørsmålene om Pagespeed nedenfor. Hvis du ikke ser søket ditt nedenfor, eller hvis du trenger spesifikk hjelp med Eye10 Pagespeed Tool, vennligst kontakt oss direkte.

Pagespeed insights er et offisielt Google-verktøy, og siden Google er den ledende søkemotoren i verden, ville et slikt verktøy ikke blitt utviklet hvis det ikke var viktig.

Til syvende og sist ønsker søkemotorer å sende brukere til sidene som vil tilby den beste opplevelsen, gitt at søkemotorer også konkurrerer med hverandre. Relevante nettsteder som er raske å laste, vil derfor alltid bli foretrukket fremfor trege, glitchy nettsteder.

Tross alt, hvis brukere forlater fordi sidene tar for lang tid å laste, selv om innholdet ditt har blitt metodisk SEO-optimalisert, vil ingen bli værende for å lese det.

Så det er definitivt verdt å se på alle forslagene som Eye10 vil gi deg, slik at nettstedet ditt vil laste opp raskt.

Google pagespeed Insights rangerer poengsummen for nettadressen din mot følgende kategorier:

90-100 - Bra
58-89 - Ok
0-49 - Dårlig

Ideelt sett bør nettstedet ditt ta mellom 1 til 3 sekunder å laste, med tanke på at 53 % av mobilbesøkene blir forlatt hvis siden tar lengre tid enn 3 sekunder å laste.

Se på poengsummen Eye10 gir deg for sideinnlastingstider for både Google Pagespeed Insights og GTmetrix, avhengig av om nettstedet åpnes på datamaskin eller mobil.

Du vil da se en oversikt over begge poengsummene sammen med en liste over endringer som trengs for å forbedre poengsummen, dersom noen problemer oppdages.

Eye10s Pagespeed Tool gir opptil 30 forespørsler om dagen på en profesjonell pakke, eller opptil 100 forespørsler per dag på Enterprise-pakken vår.

Bare skriv inn nettadressen din og Eye10 vil gjøre resten! Vi anbefaler at du sjekker hvor raskt sidene dine lastes inn regelmessig, spesielt hvis du nylig har gjort endringer på nettstedet ditt, inkludert utformingen eller hostingfunksjonene.

Ja, page speed er en rangerings faktor som er relatert til teknisk SEO.

Søkemotorer ønsker ikke å sende brukere til nettsider det tar lang tid å laste, fordi dette resulterer i dårlig brukeropplevelse. Så hvis du ønsker å klatre i disse søkemotor rangeringene, må du gjøre alt du kan for å redusere tiden det tar før sidene dine lastes helt inn.

Det er en rekke aspekter på nettstedet ditt som kan optimaliseres for å oppnå en raskere lastetid for nettstedet. Her er et øyeblikksbilde av de beste tingene vi anbefaler å sjekke.

Oppgrader nettstedets vertskaps funksjoner – Over tid vil trafikken på nettstedet ditt for ikke å snakke om størrelsen sannsynligvis vokse over tid. Sørg for at nettstedet ditt kan håndtere mengden trafikk det mottar for der det er nå. På samme måte kan du ha valgt en vertspakke som gir dårlige resultater når det gjelder sidelastetid, så sjekk hastigheten med vertsleverandøren din, og sammenlign dette med andre leverandører for å se om du er på rett pakke eller ikke.

Bruk et CDN - Et CDN står for innholds leverings nettverk. I hovedsak replikerer en CDN versjoner av nettstedet ditt på servere over hele verden, noe som reduserer tiden det tar før siden din lastes. Se etter å bruke et CDN hvis verts leverandøren din ikke er i samme land som målgruppen din. Hvis du har en global målgruppe for nettstedet ditt, anbefales også CDN-er.

Optimaliser bilder - I motsetning til tekst er bildefiler mye større i størrelse. Hvis noen bilder på nettstedet ditt ikke har blitt redusert i filstørrelse før opplasting (dvs. ved å endre størrelsen på bildet), kan bildene dine legge mye belastning på brukerens båndbreddemuligheter.

Sjekk nettstedkoden for feil – Uansett hva nettstedet ditt har blitt bygget på (inkludert forhåndslagde maler), sjekk at det ikke er noen åpenbare feil eller feil som bremser sidene dine.

Fjern popup-vinduer – Pop-up-vinduer er ett av mange elementer som kan bremse sidene dine. Fjern eventuelle slike funksjoner slik at sidene dine kan lastes så raskt som mulig.

Det er lett å bli lokket inn av billige hostingavtaler, eller til og med å velge de mest populære navnene på markedet. Men før du tar ut en hostingpakke for nettstedet ditt, må du lese den lille skriften. Se nærmere på serverkapasiteten du vil motta, og forsikre deg om at du velger en pakke som virkelig oppfyller behovene til nettstedet ditt.

Se også på hvor lenge du vil være bundet inn i kontrakten også, hvis du trenger å oppgradere servere eller til og med bytte leverandør. Det kan være en komplisert prosess å bytte vertsleverandør, og noen plattformer kan pålegge begrensninger som hindrer deg i å gjøre det i en viss tid.

Tenk på at hvis vertsleverandøren ikke er lokalisert i landet ditt (dvs. nettstedet ditt er i Storbritannia, men nettstedet ditt vil være vert i USA), vil det kreves et CDN. Så ideelt sett bør vertsleverandøren alltid være lokalisert i samme land som nettstedet ditt for å unngå dette problemet helt. Selv om for alle nettsteder med et globalt publikum (dvs. blogger), anbefales fortsatt en CDN.

Sørg for å sjekke brukeranmeldelser også. Velg verts plattformen med de beste pakkene basert på muligheter og godtgjørelser, sammen med en som har dedikert kundestøtte.

Riktignok har ikke alle gründere eller startups budsjettet for en webutvikler eller designer. Men som med alle andre tjenester nettstedet ditt trenger, uten den nødvendige ekspertisen for å sikre et profesjonelt resultat, kan det koste mer å rette opp problemet i det lange løp.

Nettutviklere er ansvarlige for å bygge nettstedet ditt, mens webdesignere tar seg av hvordan nettstedet ditt faktisk ser ut. Begge spesialiteter kan fungere for å sikre at nettstedet ditt lastes raskt. Hvis du har et eksisterende nettsted som er tregt å laste, vil det nye designet måtte eliminere alle problemene med det nåværende designet, og dette målet kan bare oppnås med riktig ekspertise ved din side.

Uansett, vi foreslår at du bruker vårt Pagespeed-verktøy og ser på den analytiske oversikten for å se hvor nettstedet ditt er nå. På samme måte, hvis nettstedet ditt er aktivt for øyeblikket, vil dataene peke deg i riktig retning når det gjelder å forstå hvilke aspekter av nettstedet ditt som bremser ting.

Enda en grunn til at nettutviklere og -designere er en integrert del av nettstedets byggeprosess, er at de kan gi råd om hvilke elementer som rett og slett ikke er nødvendige å inkludere på nettstedet ditt. Eller de som kan optimaliseres slik at de tar kortere tid å laste på siden.

Hvis du designer ditt eget nettsted, bør du vurdere hvilke elementer siden din virkelig trenger for å fullføre den tiltenkte funksjonen. Unødvendige elementer kommer ikke til å tilføre verdi til brukerne dine, og enda verre vil de bremse siden din.

Vårt siste poeng er å sikre at du ikke bare bygger nettstedet ditt og så glemmer det! Som med alle aspekter av SEO-en din, vil regelmessig sjekke statusen til sidehastigheten din gjennom Eye10s Pagespeed-verktøy for å tillate deg å komme raskt på toppen av eventuelle problemer. Ellers kan du være helt uvitende om at enkelte sider er trege med å laste, noe som forårsaker en dårlig brukeropplevelse og høy fluktfrekvens.

Eye10 tilbyr en sjenerøs mengde daglige forespørsler om Pagespeed Tool, så pass på å bruke disse slik at nettstedet ditt virkelig vil dra nytte av abonnementet ditt.