First contentful paint är ett användarcentrerat perceptionsmått. Det hänvisar till hur lång tid det tar för webbläsaren att rendera det första icke-elementet som bilder, text eller canvaselement.

Att ha en snabb första innehållsrik målning är viktigt eftersom användarna kommer att uppfatta att din webbplats laddas snabbt , även om det inte är strikt fallet. Som sagt, en FCP handlar inte heller om att lura användare, men den ger en uppfattning om din allmänna sidhastighet.

Eye10 visar din FCP-poäng för dator och mobil. Håll utkik efter eventuella poäng som visas i röd eller orange text, vilket innebär att förbättringar behövs.

Några av stegen som kan behövas för att förbättra din FCP-poäng inkluderar att visa text före och under teckensnittsladdning, minifiering av HTML/CSS eller Javascript, ta bort all oanvänd CSS, minska tiden till första byte (TTFB), använd SVG- eller WebP-bilder och för att minska DOM-storleken.

Speed index mäter hur lång tid det tar för din webbplats innehåll att ses i sin helhet. Så detta betyder att alla element på sidan har laddats helt och din webbplats visas i dess avsedda visuella form. Men speed index är inte ett mått på den övergripande sidhastigheten, snarare användarens uppfattning om att sidan har laddats.

Så tänk på speed index i termer av användarupplevelse, särskilt när du vill minska avvisningsfrekvensen från sidor, särskilt om dessa sidor är långsamma att ladda för dina användare.

Ett idealiskt speed index är mellan 0-3 sekunder, givet vad vi vet om när användare sannolikt kommer att överge en sida om de uppfattar den laddas inte tillräckligt snabbt.

Om Eye10 visar något mindre än ett bra betyg för dina webbadressers speed index, inkluderar några av de aspekter du bör överväga att implementera att minska renderingsblockerande resurser och minska din webbplatss huvudtråd fungerar.

Kom ihåg, som med alla andra aspekter som kan påverka hur snabb din webbplats laddas, ju mer komplicerade elementen är, desto mer sannolikt är det att hastighetsproblem uppstår. Så ibland är enkelhet bäst när du designar en webbplats för att minska sådana kostsamma fel inom din SEO-strategi.

Den genomsnittliga webbplatsen består av en mängd olika element som rubriker, text, bilder, knappar, widgets, tabeller och många fler. Var och en av dessa element kommer att variera i storlek, vilket innebär att det tar olika lång tid att ladda upp ordentligt för dina användare.

Largest contentful paint (LCP) är en metod för att mäta hur väl optimerad din webbplats är , med hänsyn till alla dessa olika element på sidan. Specifikt är det ofta ett element som sticker ut mest när man mäter hur snabb en sida är att ladda på grund av dess storlek. Så en LCP-poäng kommer att baseras mest på detta ena element som sedan kommer att påverka hur väl din webbplats är optimerad för hastighet totalt sett.

Responsiva webbplatser är designade med olika enheter i åtanke. Detta kan innebära att din LCP-tid kan variera på stationära datorer kontra mobiler. Så ta verkligen hänsyn till detta när du vill göra några optimeringsförbättringar när det gäller designen. Om ditt LCP-poäng till exempel är bra för stationära datorer men inte för mobiler, behöver bara mobilen optimeras.

Några av stegen du kan vidta för att förbättra ett dåligt LCP-resultat inkluderar att ändra storlek på eller komprimera bilder, förbättra din webbplatss värdleverantör eller funktioner, använd ett innehållsleveransnätverk (CDN) och eliminera skript som blockerar renderingen.

Om du använder en webbplatsmall ska du hålla utkik efter hjältesektioner som kan laddas långsamt, vilket kan se bra ut visuellt, men det kan ta en lång tid att ladda, särskilt om de är bildtunga.

Time to interactive (TTI) är den tid det tar för sidan att bli helt interaktiv efter att en användare kommit till sidan. Vad detta betyder i lekmannatermer är att en sida kan se ut att vara helt redo att användas, men tills alla element har laddats korrekt kommer de faktiskt inte att vara användbara, vilket kan skapa en frustrerande användarupplevelse, särskilt om sidan innehåller många interaktiva element.

Vad vi vet om sidhastighet och SEO är att användarna förväntar sig att en webbsida ska laddas inom 3 sekunder. Men den genomsnittliga TTI är faktiskt 22 sekunder. Så användare kan vara på själva webbsidan, men elementen de försöker klicka på eller interagera med är inte omedelbart tillgängliga. Detta ger därför inte en tillfredsställande upplevelse - särskilt om användare sedan antar att sidan är trasig eller trasig när den helt enkelt inte har laddats än.

Ofta beror orsaken till en långsam TTI-poäng på att ha för många Javascript-element på en sida. Även om alla andra hastighetsmått Eye10-mätningar också är nära korrelerade med TTI. Så det är definitivt så att genom att ta itu med andra problem med din sidhastighet kan din TTI mycket väl förbättras på egen hand.

Total blockeringstid hänvisar till tiden det tar mellan the first contentful paint och the time to interactive har laddats helt. Så tänk på total blockeringstid som en sammanfattning av alla dina sidhastighetsstatistik.

Användarinmatning som klick, skärmtryck eller tangentbordstryck tas med i beräkningen av den totala blockeringstiden. Närmare bestämt, hur länge användaren är "blockerad" från att slutföra någon av dessa åtgärder på din sida när han försöker ladda den.

Om du optimerar din webbplats sidhastighet kommer du i slutändan att försöka förbättra den totala blockeringstiden, vilket bör vara ses som en kulmination på var och en av de andra måtten.

Cumulative layout shift  (även känd som CLS) innebär att layouten på en sida anpassas när sidan laddas. Anledningen till att CLS inträffar beror ofta på den valda mallen eller hur sidan har utformats. Helt enkelt, webbläsare tenderar att ladda element på en enda sida med olika hastigheter. Därför kanske sättet som sidan laddas inte ger en sömlös känsla när de surfar på sidan, och i slutändan kan vissa element vara så långsamma att ladda att användarna slutar vänta.

Ett exempel på en sida som har en låg CLS-poäng är Googles hemsida. Du kommer att märka att den här sidan har ett minimalt antal element, vilket gör den snabb att ladda och lätt att navigera. Även om det inte är så att din webbplats måste innehålla så lite element som möjligt, är det viktigt att ta hänsyn till hur din sida laddas upp, särskilt när det gäller att undvika förändringar i layouten.

Eye10s pageSpeed tool gör det enkelt att mäta Cumulative layout shift. Om din webbsida har ett högt CLS-poäng, föreslår vi att du provar en annan webbplatsmall eller konsulterar en utvecklare för att justera elementen på din webbsida så att de laddas med så lite CLS som möjligt. Kom ihåg att testa din webbplats på olika webbläsare och enheter när du gör förbättringar tills problemet är löst.

Det finns en mängd olika webbplatshastighetstester på marknaden. Överraskande nog kan varje verktyg ge olika resultat beroende på var verktyget är placerat jämfört med var din server är belägen, såväl som verktygets funktioner.

Det är därför det är viktigt att kontrollera dina Google Pagespeed Insights om alternativa verktyg för att försöka identifiera allmänna mönster, samt för att upptäcka ytterligare information.

Eye10s Pagespeed Tool tillhandahåller data från både Google Pagespeed Insights och Gtmetrix. Det betyder att du inte behöver betala för prenumerationer på olika verktyg eller ens spendera tid på att upprepa sökningar på någon av webbplatserna - Eye10 kombinerar allt du behöver snabbt och effektivt.

Här är en översikt över aspekter som varje verktyg kommer att berätta. Pagespeed-verktyget kombinerar dessa resultat på sidan så att du kan se vad varje verktyg upptäcker samtidigt.

När du anger din webbadress i Eye10s Pagespeed tool kommer du att presenteras för ett antal mycket viktiga aspekter från Google Pagespeed Insights.

Eye10 ger dig också möjlighet att växla mellan mobil- och skrivbordsavläsningar, så du kan få en heltäckande uppfattning om hur snabbt dina sidor laddas på båda enhetsalternativen.

Google Pagespeed Insights inkluderar poängsammanfattning, first contentful paint, speed index, first contentful paint, speed index, largest contentful paint, time to interactive, total blocking time och cumulative layout shift.

Se till att både mobil- och datorresultat visas som grönt när du växlar mellan varje enhetstyp.

GTmetrix är ännu ett populärt verktyg som används för att mäta hastigheten på webbsidor. Det låter dig ta reda på ännu mer information om din sida samtidigt som du får en viktig andra åsikt.

Aspekterna som GTmetrix ger dig i Pagespeed tool inkluderar en lista över de viktigaste problemen som påverkar din prestation, Pagespeed-poäng, prestandabetyg, fulladdad tid, total sidstorlek och förfrågningar.

Du kommer att märka att vissa aspekter liknar Google Pagespeed Insights och andra ger mer detaljer, till exempel den totala storleken på din sida och hur lång tid det tar för din sida att laddas helt.

Vi har svarat på några av de flesta frågorna om Pagespeed nedan. Om du inte ser din fråga nedan, eller om du behöver specifik hjälp med Eye10 Pagespeed Tool, vänligen kontakta oss direkt.

Pagespeed insights är ett officiellt Google-verktyg, och med tanke på att Google är den ledande sökmotorn i världen skulle ett sådant verktyg inte ha utvecklats om det inte var viktigt

I slutändan vill sökmotorer skicka användare till de sidor som kommer att erbjuda den bästa upplevelsen, eftersom sökmotorer också konkurrerar med varandra. Relevanta webbplatser som är snabba att läsa in kommer därför alltid att föredras framför långsamma, glitchy webbplatser.

När allt kommer omkring, om användare lämnar för att sidor tar för lång tid att ladda, även om ditt innehåll har varit metodiskt SEO-optimerad, ingen stannar kvar för att läsa den.

Så det är definitivt värt att titta på alla förslag som Eye10 kommer att ge dig, så att din webbplats laddas upp snabbt.

Google pagespeed Insights rankar din webbadress mot följande kategorier:

90-100 - Bra
58-89 - Okej
0-49 - Dåligt

Helst bör det ta mellan 1 och 3 sekunder att ladda din webbplats, med tanke på att 53 % av mobilbesöken överges om sidan tar längre tid än 3 sekunder att ladda.

Titta på resultatet. Eye10 ger dig för dina sidladdningstider för både Google Pagespeed Insights och GTmetrix, beroende på om webbplatsen nås på dator eller mobil.

Du ser då en uppdelning av båda poängen tillsammans med en lista över ändringar som behövs för att förbättra poängen om några problem skulle upptäckas.

Eye10s Pagespeed Tool ger upp till 30 förfrågningar per dag på ett professionellt paket, eller upp till 100 förfrågningar per dag på vårt Enterprise-paket.

Ange bara din URL så sköter Eye10 resten! Vi rekommenderar att du kontrollerar hur snabba dina sidor laddas regelbundet, särskilt om du nyligen har gjort några ändringar på din webbplats, inklusive dess design eller värdfunktioner.

Ja, sidhastighet är en rankningsfaktor som är relaterad till teknisk SEO.

Sökmotorer vill inte skicka användare till webbplatser som tar lång tid att ladda, eftersom detta resulterar i dålig användarupplevelse. Så om du vill klättra på dessa sökmotorrankningar måste du göra allt du kan för att minska den tid det tar för dina sidor att laddas helt.

Det finns en mängd aspekter på din webbplats som kan optimeras för att få en snabbare laddningstid för webbplatsen. Här är en ögonblicksbild av de viktigaste sakerna som vi rekommenderar att du kontrollerar.

Uppgradera din webbplats värdfunktioner – Med tiden kommer din webbplatstrafik för att inte tala om storleken sannolikt att växa med tiden. Se till att din webbplats kan hantera mängden trafik den tar emot där den är nu. På samma sätt kan du ha valt ett värdpaket som ger dåliga resultat när det gäller sidladdningstid, så kontrollera hastigheten med din värdleverantör och jämför detta med andra leverantörer för att se om du har rätt paket eller inte.

Använd ett CDN – Ett CDN står för content delivery network. I huvudsak replikerar ett CDN versioner av din webbplats på servrar över hela världen, vilket minskar den tid det tar för din sida att laddas. Se till att använda ett CDN om din värdleverantör inte är i samma land som din målgrupp. Om du har en global målgrupp för din webbplats rekommenderas även CDN.

Optimera bilder – Till skillnad från text är bildfiler mycket större i storlek. Om några bilder på din webbplats inte har förminskats i filstorlek innan de laddades upp (dvs. genom att ändra storlek på bilden), kan dina bilder utsätta användarens bandbreddskapacitet mycket påfrestande.

Kontrollera webbplatskoden för fel – Oavsett vad din webbplats har byggts på (inklusive färdiga mallar), kontrollera att det inte finns några uppenbara fel eller brister som saktar ner dina sidor.

Ta bort popup-fönster – Popup-fönster är ett av många element som kan sakta ner dina sidor. Ta bort alla sådana funktioner så att dina sidor kan laddas så snabbt som möjligt.

Det är lätt att bli lockad av billiga värderbjudanden, eller till och med välja de mest populära namnen på marknaden. Men innan du tar ut något värdpaket för din webbplats måste du läsa det finstilta. Titta specifikt på serverkapaciteten du kommer att få, och se till att du väljer ett paket som verkligen uppfyller behoven på din webbplats.

Titta även på hur länge du kommer att vara bunden till kontraktet, om du behöver uppgradera servrar eller till och med byta leverantör. Det kan vara en komplicerad process att byta värdleverantör, och vissa plattformar kan införa begränsningar som hindrar dig från att göra det under en viss tid.

Tänk på att om värdleverantören inte finns i ditt land (dvs din webbplats är i Storbritannien men din webbplats kommer att finnas i USA), ett CDN kommer att krävas. Så helst bör värdleverantören alltid finnas i samma land som din webbplats för att undvika detta problem helt. Även om ett CDN rekommenderas för alla webbplatser med en global publik (d.v.s. bloggar).

Se till att även kontrollera användarrecensioner. Välj värdplattformen med de bästa paketen baserat på kapacitet och tillägg, tillsammans med en som har dedikerad kundsupport.

Visst, inte alla entreprenörer eller startups har budgeten för en webbutvecklare eller designer. Men som med alla andra tjänster som din webbplats behöver, utan den nödvändiga expertis som krävs för att säkerställa ett professionellt resultat, kan det kosta mer att åtgärda problemet i det långa loppet.

Webbutvecklare är ansvariga för att bygga din webbplats, medan webbdesigners tar hand om hur din webbplats faktiskt ser ut. Båda specialiteterna kan fungera för att säkerställa att din webbplats laddas snabbt. Om du har en befintlig webbplats som är långsam att ladda, kommer den nya designen att behöva eliminera alla problem med den nuvarande designen, och detta mål kan bara uppnås med rätt expertis vid din sida.

Oavsett vilket, vi föreslår att du använder vårt Pagespeed tool och tittar på den analytiska uppdelningen för att se var din webbplats är just nu. På samma sätt, om din webbplats för närvarande är aktiv, kommer data att peka dig i rätt riktning när det gäller att förstå vilka aspekter av din webbplats som saktar ner saker och ting.

Ännu en anledning till att webbutvecklare och designers är en integrerad del av webbplatsens byggprocess är att de kan ge råd om vilka element som helt enkelt inte är nödvändiga att inkludera på din webbplats. Eller de som kan optimeras så att de tar kortare tid att ladda på sidan.

Om du designar din egen webbplats, fundera över vilka element din sida verkligen behöver för att slutföra sin avsedda funktion. Onödiga element kommer inte att tillföra värde för dina användare, och ännu värre kommer de att sakta ner din sida.

Vår sista punkt är att se till att du inte bara bygger din webbplats och sedan glömmer bort det! Som med alla aspekter av din SEO kommer att regelbundet kontrollera statusen för din sidhastighet genom Eye10s Pagespeed Tool kommer att tillåta dig att snabbt komma över eventuella problem. Annars kan du vara helt omedveten om att vissa sidor är långsamma att ladda vilket orsakar en dålig användarupplevelse och hög avvisningsfrekvens.

Eye10 erbjuder en generös mängd dagliga förfrågningar om Pagespeed Tool, så se till att använda dessa så att din webbplats verkligen kommer att dra nytta av din prenumeration.