Slik Får Du Fart På Nettstedet Ditt

Hvis du er nybegynner og ny nettstedseier, vil du i de fleste tilfeller ikke bekymre deg for nettsidens hastighet.

Etter at du har bygget nettstedet ditt eller startet bloggen din, kan det føles som om alt er på plass. Nettstedet ditt er vakkert, så det må bety at folk ikke vil ha noe problem å vente et par sekunder mer for å la det lastes riktig, ikke sant?

Nei, det er ikke tilfelle.

Ifølge Google research, jo lengre tid det tar for en side å laste, desto flere vil forlate et nettsted.

Google har også introdusert Web Core Vitals (som teller som en rangeringsfaktor for nettsteder) som går enda mer detaljert når det gjelder hastigheten på lasting av nettsteder. Jo raskere nettstedet ditt er, desto bedre er sjansene dine for Å komme til Den første Siden Av Googles søkeresultater.

14 trinn for å forbedre nettstedets hastighet

• Trinn 1: Kjør en hastighetstest
• Trinn 2: Få rask og pålitelig webhotell
• Trinn 3: Implementer EN CDN-tjeneste (Content Delivery Network)
• Trinn 4: Minify CSS-og JavaScript-filer
• Trinn 5: Aktiver nettleserbufring
• Trinn 6: Optimaliser Og rengjør WordPress-databasen
• Trinn 7: Bruk optimaliserte/premium og enkle temaer
• Trinn 8: Optimaliser alle bildene på nettstedet ditt
• Trinn 9: Lat last bilder og videoer
• Trinn 10: Forhindre hotlinking av bilder
• Trinn 11: Host videoer på 3. parts tjenester og avlast store medier
• trinn 12: hold plugins på et minimum/finn plugins Som Bremser deg
• trinn 13: kontroll Omdirigeringer på nettstedet ditt
• trinn 14: Optimaliser innhold (bruk utdrag, del lange artikler og kommentarer, etc)

Trinn 1: Kjør en hastighetstest

før du gjør noe, er det viktig at du utfører en skikkelig test. Selv om du kan gjøre mye selv uten en, anbefaler jeg sterkt at du kjører minst en hastighetstest, slik at du har et referansepunkt som vil hjelpe deg å forstå hvor godt nettstedet ditt utfører, og hvor godt resultatet er når du er ferdig med alle forbedringstrinnene.

Gratis verktøy

Heldigvis er det gratis hastighetstester tilgjengelig for alle. Du må bare velge en, skriv INN NETTADRESSEN din, og la verktøyet utføre sin magi.

Googles PageSpeed Insights

siden de fleste optimaliserer nettstedet Sitt For Google, er Det første verktøyet jeg vil nevne Googles PageSpeed Insights. Det er ganske greit, og du kan få resultatet i løpet av sekunder.

1. Åpne Googles PageSpeed Insights.
2. Skriv INN NETTADRESSEN til nettstedet ditt.
3. Klikk på» Analyser » – knappen.

I mitt tilfelle tok det så lite som 10-15sec for testen å fullføre og vise meg resultatene som ble delt i skjermbildet nedenfor.

Etter å ha sett det grønne nummeret på toppen der du tar sikte på å få en score på 100, vil det være flere andre segmenter du vil undersøke. De er:

• Første Innholdsrik Maling (FCP)
• Største Innholdsrik Maling (LCP)
• Kumulativ Layoutskift (CLS)

Alle tre elementene er En del Av Web Vitals som nå er inkludert I Googles viktigste beregninger som viser hvor fort eller sakte nettstedet ditt er. Du kan lære mer Om Web Vitals i vår guide om hvordan du optimaliserer mobilnettstedet ditt.

GTmetrix

En Av De mest populære nettstedhastighetstestene Er GTmetrix. Det er helt gratis, og kan gjøres på mindre enn et minutt:

1. gå Til GTmetrix.
2. Skriv inn hele NETTADRESSEN til nettstedet ditt.
3. Trykk på» Kjør Test » – knappen og vent i ca 30 sekunder.

etter det får du en karakter som viser deg hvor rask nettstedet ditt er. Testen vil også vise deg detaljer som ytelsen til nettstedet ditt, dets struktur, samt web vitals som nå er en kjerne rangering faktor For Google.

hvis du ikke allerede har jobbet aktivt med å optimalisere nettstedet ditt for fart, så er sjansen stor for at du ikke får en perfekt score. Men ikke bekymre deg, du kan jobbe mot det hvis du begynner å følge alle trinnene.

Trinn 2: Få rask og pålitelig web hosting

en rask nettside starter med god hosting. Uansett hvor hardt du prøver å levere den beste brukeropplevelsen, hvis din hosting suger, vil hastigheten på nettstedet ditt lide.

de beste hosting selskapene tar seg av alt, og det er ikke nødvendig at du forstår hva som går bak lukkede dører. Fra kvalitet og godt vedlikeholdt maskinvare til jevnlig oppdaterte programvarekomponenter, er det mye som en hosting-tjeneste kan gjøre for å forbedre hastigheten på nettstedet ditt.

for å starte den riktige måten, få nettstedet ditt vert Med Bluehost, en av de sjeldne hostingfirmaene som offisielt anbefales av WordPress.org. Års erfaring og millioner av vertsbaserte nettsteder gjør dette vertsfirmaet til et av de beste i sitt felt-noe som lett kan oversettes til å ha et robust nettsted.

Trinn 3: Implementer En CDN-tjeneste (Content Delivery Network)

Vår verden er et stort sted. Selv om internetthastighetene har forbedret seg drastisk gjennom årene, spiller den fysiske avstanden mellom datamaskiner og servere fortsatt en viktig rolle i netthastigheten. Dette betyr at lasting av informasjon fra en server fra ditt land generelt vil være raskere enn å laste inn data fra hele verden, akkurat som det er lettere for DEG å kjøpe et salongbord FRA IKEA i hjembyen din i stedet for å måtte kjøre for å få en i et annet land.

Det er her Innholdsleveringsnettverk kommer inn. De lar deg ha ditt nettsted vert på flere servere over hele verden. CDN kan gjenkjenne det nærmeste stedet til hver enkelt laster inn nettstedet ditt, og laster innholdet fra nærmeste server. Så, hvis en besøkende prøver å laste nettstedet ditt FRA USA, vil de få innholdet fra EN AV usa-serverne, mens noen som kommer Fra Europa vil laste nettstedet ditt via en server i nærheten av DEM, for Eksempel I London.

hvis du er vert for nettstedet På Bluehost, kan du finne Deres TrueSpeed CDN inne i kontrollpanelet. Bare ved å sette det opp, blir nettstedet ditt globalt og lastes raskere til folk fra hele verden.

Du kan også få 3. parts CDN-tjenester. De mest populære CDN er:

• Cloudflare
• KeyCDN
• Stabling
• GOOGLE Cloud CDN
• Rackspace
• CacheFly
• Amazon CloudFront

Trinn 4: Minify CSS og JavaScript-filer

Moderne nettsteder er fylt MED CSS-og JavaScript-filer som fungerer sammen for å holde nettsider ser bra ut og fungerer i brukernes favør. Linje etter linje med kode gjør disse filene unødvendig store, noe som raskt kan redusere nettstedet ditt.

Webdesignere (De samme menneskene som bygger malene som du ender med å kjøpe) liker å holde koden sin ryddig. Dette betyr at de holder koden ser fin og lett forståelig. Men å ha de hvite mellomrom, ekstra linjer og tegn øker bare filvekten, noe som lett kan reduseres ved å minifisere.

her er et eksempel på enkel CSS-kode:

Det kan minified inn i dette:

selv om denne enkle forskjellen ikke vil gjøre en betydelig innvirkning på nettstedet ditt, tenk hva som skjer når du har tusenvis av unødvendige mellomrom og linjer.

Heldigvis, for å minify CSS og JavaScript-filer trenger du ikke å gå gjennom koden og gjøre endringene selv. Det er plugins som vil gjøre dette automatisk for deg og sikre at alt fungerer riktig:

Trinn 5: Aktiver nettleserbufring

ved å aktivere nettleserbufring tillater du at innholdet lagres i folks nettlesere. Det betyr at hvis en besøkende bestemmer seg for å komme tilbake til nettstedet ditt, trenger de ikke å laste ned alle filene fra serveren igjen, da de allerede har dem lagret i nettleseren.

nettleserbufring kan forbedre hastigheten på nettstedet ditt for returnerende brukere.

for å aktivere dette på nettstedet ditt, er alt du trenger en Gratis WordPress plugin som:

• W3 Total Cache
• Wp Raskeste Cache
• Wp Super Cache

hvis Du for Eksempel bruker W3 Total Cache, er alt du trenger å gjøre å installere plugin-modulen:

plugin vil automatisk sette opp caching innstillinger og de vil umiddelbart begynne å jobbe i din favør. Hvis du bestemmer deg for å gå inn i flere detaljer, kan du åpne Ytelsesfanen som nå er synlig på venstre side Av WordPress-menyen der alle plugin-innstillingene er synlige. Her kan du endre andre alternativer om nødvendig.

Trinn 6: Optimaliser Og rengjør WordPress-databasen

WordPress-nettstedet ditt kan ikke fungere uten en database. Alt du gjør og har på nettstedet er lagret der. Som du kan forestille deg, holder temaer og plugins ikke alltid det rent, så selv om du avinstallerer et bestemt plugin, vil det legge igjen noen data i databasen din. Over tid, databasen vil bli rotete og ineffektiv som vil resultere i en treg nettside.

selv om det er mulig å rydde opp databasen manuelt, ville det bety at du må forstå hvordan det fungerer. Og selv om du gjør det, er sjansene at du fortsatt kan rote det opp.

Heldigvis finnes Det Gratis WordPress-plugins tilgjengelig som vil optimalisere og rense databasen for deg. Men før du gjør noe, må du sørge for å lage en full sikkerhetskopi av nettstedet ditt eller ha en måte å angre endringer på. SELV OM WP-Optimize er en velkjent og sikker plugin, kan direkte redigering av en database noen ganger gå galt.

så, hvis noe går galt, foreslår JEG WP Reset. Denne plugin vil skape et øyeblikksbilde av nettstedet ditt og lar deg raskt rulle tilbake eventuelle endringer gjort. Så, i tilfelle noe går galt, du kan gjenopprette databasen i et par minutter, i motsetning til å gjenopprette en full backup som kan ta mer tid.

Trinn 7: Bruk optimaliserte / premium og enkle temaer

Maler Og temaer er ikke bare visuelle. For å lage dem må webdesignere kode i funksjoner, alternativer og sette inn bilder som alle vil kombinere i et enkelt arbeidstema.

som du kan forestille deg, vil en mal som laster fem filer og tre bilder, for eksempel, lastes mye raskere enn den som kommer fullpakket med ti filer og tjue bilder. Det store antallet er ikke den eneste viktige faktoren, men hvor godt alt er optimalisert kommer også i betraktning.

Siden Det er så Mange WordPress temaer og maler tilgjengelig, er det vanskelig å finne de beste. Her er noen av De populære WordPress-temaene som er designet for å se bra ut og laste raskt:

• Hei Elementor
• Astra
• GeneratePress
• OceanWP
• Sydney

Trinn 8: Optimaliser alle bilder på nettstedet ditt

Bilder kan lett bli en av de viktigste hastighetsproblemene på nettstedet ditt. Uoptimaliserte bilder vil forbli unødvendig store og vanskelige å laste ned. Hvis du bruker for mange av dem, vil brukerne ha det vanskelig å laste hele siden på nettstedet ditt, og sannsynligvis ende opp med å forlate før de ser innholdet.

Heldigvis er det Ikke så vanskelig å holde bildene optimalisert. Det er viktig at du undersøker tema / mal for å lære hvilke bildestørrelser du trenger. Du kan deretter ta vare på bildet før du laster det opp ved å endre størrelsen og endre kvalitetsinnstillingene.

hvis du bare trenger å optimalisere et par bilder, kan du bruke en 3. parts tjeneste som TinyPNG. Dette bildeoptimaliseringsverktøyet lar deg laste opp kildebildene dine, og blir da automatisk optimalisert. Bare dra & slipp bildene, og la Panda jobbe sin magi. Du vil da komme til å laste ned de optimaliserte versjonene av bildene dine som du trygt kan sette på nettstedet ditt.

hvis du allerede har et aktivt nettsted og ikke har tid til å optimalisere bilder en om gangen, er det et freemium-plugin som løser alle dine problemer. ShortPixel Image Optimizer vil ta vare på alle bildene som er tilgjengelige i Mediebiblioteket. Det fungerer også bra med NextGEN, Foo Gallery, samt andre galleri og slider plugins.

den gratis versjonen lar deg håndtere opptil hundre bilder. Noen av funksjonene inkluderer:

• Optimalisere størrelsen og kvaliteten på bildene.
• Konvertere formater til en annen.
• Fungerer Med WebP og Avif.

alt du trenger å gjøre er å installere plugin og tilpasse innstillingene slik du ønsker. Velg komprimeringen du trenger, angi størrelsen på bildene, og trykk på knappen når du er klar for plugin for å starte optimaliseringsprosessen.

Trinn 9: Lazy load bilder og videoer

Vanligvis når en bruker åpner et nettsted, starter hele innholdet som skal vises automatisk. Så, selv om en bruker bare trenger det ovennevnte brettinnholdet, vil de fortsatt ha alt tilgjengelig på den siden lastet.

I Stedet, ved lat lasting av bilder og videoer, kan du ha brukere bare laste innhold som er synlig på skjermen. Når brukeren begynner å rulle, starter bilder og videoer som beveger seg inn i det synlige området på skjermen. På denne måten vil hele nettstedet lastes raskere og gi en bedre brukeropplevelse.

slik aktiverer du lat lasting I WordPress:

Trinn 10: Forhindre hotlinking av bilde

Hotlinking er en handling som innebærer å kopiere kilden til et bilde fra ett nettsted for å bruke det på et annet. Mens bildet vil vise uten problemer, er det faktisk ikke lasting fra serveren din. I stedet bruker den alle ressursene til det opprinnelige nettstedet, og det anses faktisk ulovlig.

ved å hindre hotlinking, kan du stoppe andre mennesker fra å stjele bildene dine. På denne måten sparer du ressurser på din egen hosting-tjeneste, noe som betyr at nettstedet ditt vil være den eneste som bruker disse ressursene, noe som resulterer i et raskere nettsted for de besøkende.

det er flere måter å forhindre hotlinking på:

• Bruke EN CDN: mest populære Cdn-Er som Cloudflare og KeyCDN har allerede hotlinking-beskyttelse slått på.
• bruke sikkerhets plugins: Alt I Ett Wp Security & Brannmur plugin lar deg ha kontroll over hotlinking.
• Deaktivering høyreklikk på bildene dine: bruk en plugin Som Hindre Innhold Tyveri .
• Endring .htaccess-fil: mer avanserte brukere kan deaktivere hotlinking direkte ved a endre koden i den .htaccess-fil.

Trinn 11: Vær vert for videoer på 3. parts tjenester og last av store medier

når du starter et nettsted, er det fornuftig å ha alle videoene dine og store mediefiler på din egen server. Men det du kanskje mangler er at lagring og gjengivelse av store filer tar opp serverressurser. Når det gjelder hastigheten på nettstedet ditt, er det mye mer praktisk å laste av videoer og store mediefiler på 3. parts tjenester for å spare båndbredde.

en video lastet fra YouTube vil fungere like bra (om ikke bedre) enn lastet fra serveren din. Og hvis du har høyere trafikk, betyr dette mindre innvirkning på båndbredden din, noe som resulterer i et raskere nettsted.

når det gjelder videoer, kan du være vert for dem på:

• YouTube;
• Vimeo; Eller
• Wistia.

Trinn 12: Hold plugins på et minimum/finn plugins som bremser deg

Hver plugin forbedrer nettstedet ditt. Men hver ny funksjon betyr også nye filer som tar opp plass og båndbredde. Også, ikke alle plugins er kodet det samme, så sjansene er at du har et plugin som bremser nettstedet ditt ved å laste inn unødvendige elementer som du kanskje ikke engang er klar over.

før du begynner å deaktivere alle plugins, foreslår jeg å gjøre en hastighetstest.

denne plugin vil kjøre noen tester på nettstedet ditt og vise deg en graf og detaljer. Det du er interessert i her er» Runtime by Plugin » – fanen som vil tegne en graf som viser deg alle dine aktive plugins og deres innvirkning på nettstedet.

Se etter de største «kakestykkene» på grafen din som viser pluginene som er de tregeste på nettstedet ditt. Merk at dette ikke betyr at du må kvitte seg med det spesifikke pluginet.

denne testen lar deg analysere alle tilleggene dine, slik at du kan veie fordeler og ulemper og bestemme hvilke sakte plugins du kan avinstallere eller finne et alternativ til.

Trinn 13: Kontroll viderekoblinger på nettstedet ditt

å ha viderekoblinger forbedrer brukeropplevelsen, og kan til og med forbedre SEO hvis det gjøres riktig. Å ha aktive omdirigeringer vil ikke ha en negativ innvirkning på nettstedet ditt. Men med hver omdirigering blir nettstedet ditt litt tregere. Så hvis du ender opp med å ha for mange omdirigeringer (opprette en såkalt omdirigeringskjede), vil millisekunder legge opp, og nettstedet ditt blir tregere.

Et av de mest populære verktøyene for håndtering av omdirigeringer er Screaming Frog. Du kan også sjekke ut:

• Redirect Checker
• Sitebulb
• Deepcrawl

ved å installere programvaren eller kjøre en nettbasert skanning (avhengig av verktøyet du valgte), vil du kunne skanne nettstedet ditt. Det vil vise deg en detaljert analyse av nettstedet, og raskt vise deg omadresserte Nettadresser. Siden bare å vite at EN URL er omdirigert vil ikke gi mye mening, vil du elske funksjonen som viser deg kilden til en viderekobling. Dette vil hjelpe deg å forstå nettstedet ditt, og lar deg handle på viderekoblingene ved å fjerne de som ikke er nødvendige.

hvis du finner en omdirigeringskjede som senker nettstedet ditt, er løsningen enkel-i stedet for å omdirigere fra link A til link B som går Til link C, bør du bare endre omdirigeringen til den siste lenken i kjeden.

for å håndtere omdirigeringer I WordPress, kan DU bruke EN GRATIS wp 301 Omdirigeringer plugin som vil hjelpe deg å administrere alle dine omdirigeringer.

Trinn 14: Optimaliser innhold (bruk utdrag, del lange artikler og kommentarer, etc)

noen ganger kan du gjøre mye ved å endre små ting. Hvis du skriver en blogg, kan du oppnå et raskere nettsted ved å kontrollere innholdet. Når du viser de nyeste artiklene fra bloggen, bruk utdrag i stedet for å laste hele artikkelen.

hvis du bruker en klassisk editor, er det relativt enkelt å vise et tilpasset utdrag:

nå viser utdraget på hjemmesiden din, avhengig av temaet ditt. Det kan allerede være slått på, eller du må kanskje sjekke alternativet et sted i temaet ditt. Jeg foreslår at du sjekker dokumentasjonen eller kontakter støtte fordi hvert tema er annerledes.

hvis du har en tendens til å skrive lange artikler, kan du raskt dele dem i to eller flere deler. Hvis Du bruker En blokkredigerer, trenger du ikke eksterne plugins. Bare rediger et langt innlegg, klikk på» plus » – symbolet, og finn «Page Break» – blokken som vil dele artikkelen din i halvparten.

Til slutt, for de som har mange kommentarer, kan du velge å paginere kommentarer i stedet for å laste dem alle samtidig:

Fortsett å teste hastigheten på nettstedet ditt

Selv om du gjør hvert trinn fra denne opplæringen og lykkes med å øke hastigheten på nettstedet ditt, betyr det ikke at du er ferdig. Ting kan raskt endres, og du vet aldri hvor godt nettstedet ditt vil oppføre seg i morgen eller om en måned. Derfor er det viktig at du gjør regelmessige hastighetstester og forbedrer nettstedet ditt regelmessig.

du kan bokmerke denne opplæringen hvis du glemmer hvor og hvordan du skal teste nettstedet ditt, samt å huske hvilke skritt du bør gå gjennom for å få fart på det.

Hvordan et sakte nettsted kan skade deg

selv om du ikke har noe imot å vente på nettsteder å laste, har de fleste et problem med det. Og hvis du forsømmer problemet, kan det skade deg i det lange løp. Hvordan?

• Høyere fluktfrekvens – Selv om den besøkende bestemmer seg for å vente på at en side skal lastes, betyr det ikke at de vil være tålmodige gjennom hele besøket. Du risikerer høyere bounce priser som vil få folk til å forlate nettstedet ditt etter at de besøker den første siden.
• Taper penger – hvis du selger produkter eller tjenester på nettstedet ditt, vil et sakte nettsted avvise potensielle kjøpere og fremtidige kunder.
• Å Miste trafikk-vil du ha mer trafikk som vil drive nettstedet ditt fremover? I så fall har du ikke råd til å miste en besøkende fordi nettstedet ditt ikke er riktig optimalisert.
• Lavere serp-rangering-Google og andre søkemotorer tar hensyn til lasthastigheten. En tregere side kan resultere i å bli skjøvet lenger ned søkemotoren resultatsiden selv om innholdet er bra.

Tror du fortsatt ikke fart er viktig? Jeg håper disse fire grunnene vil overbevise deg om hvordan hastigheten på et nettsted er avgjørende, og at du er klar til å gjøre din bedre.

Konklusjon

alle elsker vakre og godt utformede nettsteder. Men hvis det betyr å vente på et par ekstra sekunder for nettstedet å laste, er sjansene at du vil miste en viss prosentandel av besøkende.

så, uansett hva du gjør, ikke ofre fart for estetikk. Det er mulig å ha begge; du trenger bare å være tålmodig og jobbe på nettstedet ditt for å forbedre det.