Nettstedets hastighet og mobilfunksjonalitet har blitt stadig viktigere med årene. Brukere på Google og andre plattformer forventer at nettsteder laster og fungerer så raskt som mulig for å navigere på reisen.
Googles hovedfunksjon er å gi den beste brukeropplevelsen for sine brukere, og nettstedshastighet er en faktor for å få nettsteder til å rangere på Google. Google deler nettsidehastigheten inn i tre hovedkategorier for å gi den beste brukeropplevelsen:
Google Chrome-teamet har tidligere gitt retningslinjer eller forslag til hvordan du kan forbedre nettstedet ditt for å oppfylle standardene som Google forventer. Nylig oppdaterte Google disse kravene for å hjelpe bedrifter med å holde seg på toppen av nettstedets grunnleggende nettnødvendigheter og rangere så høyt som mulig.
Nedenfor vil jeg bryte ned anbefalingene i henhold til de tre kjernenettvitalene nevnt ovenfor.
Største rike farge – anbefalinger
Som nevnt tidlig, måles Largest Contentful Paint etter tiden det primære innholdet (eller den første spruten) lastes inn for brukeren. Omtrent 50 % av nettsidene på internett oppfyller kravene satt av Google.
Mange nettsteder klarer ikke dette fordi video- eller bildeinnholdet er stort og tar en stund å laste. Google har foreslått at du gjør følgende for å bestå testen mer konsekvent.
Optimaliser HTML for å gjøre det enkelt å finne
Ettersom nettsteder går gjennom en liste over lasteprioriteter, er det normalt at nettsteder har skriptene i hodet for å laste først. De fleste nettsteder har et bilde som hovedinnhold, vanligvis i overskriften på nettstedet. Nettsteder må prioritere dette bildet når nettstedet lastes inn.
Det beste alternativet er å legge til bildet som en bildekode i overskriften før skriptene i overskriften. Det er også viktig å unngå late lastere eller bildeoptimeringsplugins for å få jobben gjort, som bare er en snarvei.
Oppgrader vertsleverandøren din og bruk et CDN
En av de mest undervurderte måtene å øke hastigheten på nettstedet og innholdsleveringen på er å forbedre webhotellet og bruke et innholdsleveringsnettverk. Et innholdsleveringsnettverk (også kjent som et CDN) er ett geografisk distribuert gruppe servere som jobber sammen for å gi rask levering av Internett-innhold.
CDN-er muliggjør raskere levering av skript, bilder og innhold fra nettsteder som bruker disse serverne. Mange vertsleverandører tilbyr CDN-er, og de bør brukes av enhver bedrift på nettstedet deres.
Kumulativ layoutforskyvning – anbefalinger
Som nevnt tidligere, måler CLS mengden av uventede skift som et nettsted vil gjøre når det lastes.
Tidligere var det normalt for nettsteder å laste fra venstre til høyre, noe som tvang aspekter til å laste inn og endre seg etter hvert som andre langsommere aspekter lastet.
Angi parametere på bildestørrelse
En enkel måte å kontrollere rulling på er å angi parametere gjennom CSS og HTML for størrelsen på innholdet for å unngå å endre størrelse på innholdet. Før responsive nettsteder var det litt enklere å sette disse standardene fordi nettsteder ble atskilt av mobile stasjonære datamaskiner og nettbrett, og du kunne angi bilder basert på angitte pikselstørrelser.
Nå kan du stille inn parametrene etter sideforhold i nettstedets kode slik at overdimensjonerte bilder ikke trenger å endres.
Unngå animasjoner og popup-vinduer
Dette er ofte forårsaket av popup-vinduer for nettstedvarsling, popup-vinduer for valg av informasjonskapsler og animasjoner med designfunksjoner. Dette kan i stor grad påvirke CLS ettersom nettstedet må justere seg for disse problemene under og etter innlasting av nettstedet. Selv om det er prangende og fint for design, prøv å unngå det da det er unødvendig for nettsteder
Forsinkelse av første inngang – Anbefalinger
Som nevnt ovenfor måler First Input Delay hvor raskt et nettsted reagerer på brukerinndata. I enklere termer er det et mål på, når du klikker på en lenke eller knapp, hvor raskt den laster eller aksepterer interaksjonen. De fleste nettsteder består denne testen, men det er viktig å sørge for at alle aspekter er optimalisert for ikke å forårsake inndataforsinkelse.
Unngå unødvendig Javascript
Mange nettsteder implementerer Javascript for å spore brukere på nettstedet deres eller bare for å få nettstedet til å fungere. Du vil være sikker på å kondensere eller fjerne skript som du ikke bruker. Javascript er vanligvis plassert i overskriften, så det fungerer på alle sider, men det betyr også at det må lastes inn hver gang en bruker navigerer. For selskapene jeg administrerer, prøver jeg å kondensere dem så mye som mulig eller fjerne de jeg ikke bruker for øyeblikket
Unngå lange oppgaver
I likhet med anbefalingen ovenfor, er det mer ideelt å sikre at du deler oppgaver for å forhindre forsinkelser. For eksempel, hvis en side må laste 20 skript eller innganger før siden endelig lastes, er det bedre å dele den i to belastninger på 10 for å dele strengen.
Totalt sett kan disse anbefalingene være tekniske, men noen er enkle å implementere av noen med grunnleggende forståelse av koding og nettsteder. For å forstå hva din nåværende poengsum er for de tre nevnte målingene, kan du kjøre en test på gtmetrix.com eller ved å bruke det interne Lighthouse-verktøyet i Chrome.
Begge gir en samlet poengsum for nettstedet og for hver kategori som Google måler. Disse verktøyene lar deg også vite hvordan du kan forbedre nettstedet ditt for hver seksjon.
Siste tanker
Selv om alt dette kan virke litt forvirrende, kan jeg ikke overdrive viktigheten av hastighet på nettlasting. Dagens brukere forventer at nettsidene deres lastes nesten umiddelbart, og mer enn 50 % av nettstedene forlatt hvis de bruker mer enn tre sekunder å laste. I en tid med umiddelbar tilfredsstillelse har brukere ingen tid å kaste bort på nettsteder som henger etter eller ikke oppfyller forventningene deres.
