Det er færre ting som er mer frustrerende enn et nettsted som tar tid å laste inn. Det er ikke en overraskelse at ikke bare mennesker, men også søkemotorer prøver å holde seg unna svake nettsteder. Med dette i bakhodet er her noen av de beste tipsene du kan implementere for å unngå irriterende besøkende og avvise dem ved sitt første besøk på nettstedet ditt.
1. Strømlinjeform koden din
Den beste nettstedbyggeren vil gjøre det ganske greit å sette opp et nettsted. Mens det rike malsettet hjelper deg med å stilisere nettstedet ditt enkelt, har de en ulempe. Mange av malene har rotete kode som kan redusere nettstedet ditt.
For å løse problemet kan du fjerne all unødvendig kode og formatering i HTML-, CSS- og JavaScript-filer. Denne prosessen med å fjerne det overflødige kalles minifisering, og du kan bruke enkle verktøy på nett som Will Peavy’s minifier for å hjelpe deg i gang. WordPress-brukere kan bruke Autoptimize-plugin for å gjøre prosessen ganske enkel.
2. Komprimer nettstedet ditt
Det tar ikke lang tid før nettsteder blir store og tunge. Alle bildene og til og med HTML-, CSS- og JavaScript-filer i ren tekst svulmer raskt opp. En av de beste mekanismene for å øke hastigheten på et nettsted er å aktivere komprimering med Gzip. Dette vil redusere størrelsen på HTTP-responsen, og dermed redusere responstidene.
Du må aktivere riktig komprimeringsmodul på webserveren din før du aktiverer den for nettstedet ditt ved å redigere .htaccess-filen. De nøyaktige trinnene varierer og avhenger av webserveren din, men slik gjør du det i Apache.
3. Optimaliser bilder
Bilder er en av de tøffeste delene av et nettsted og vanligvis det tregeste lastelementet på en hvilken som helst webside. For å herske i oppførselen, i stedet for å skalere store bilder via HTML, begynn med å endre størrelsen på alle bildene på nettstedet ditt til den nøyaktige størrelsen du vil ha dem i.
Du bør faktisk føre en liste over de forskjellige bildestørrelsene for de forskjellige elementene på nettstedet ditt for å sikre at du aldri laster opp flere piksler enn du trenger. Hvis du har et bildetungt nettsted, bør du også vurdere å komprimere dem. Et av de vanligste verktøyene for dette formålet er reSmush.
Den fungerer med alle de populære innholdsstyringssystemene (CMS) og har også en Linux CLI-klient for komprimering av bilder for bruk på statiske nettsteder. Du kan også bruke Compressor.io til å klemme flere bilder på et øyeblikk.
4. Lazy load multimedia
Lazy loading betyr at bilder, videoer og iframes bare lastes inn når brukere ruller nedover siden og faktisk ser dem. Dette kan forbedre starttidene på sidene dine betydelig.
Tidligere var dette noe du ville implementere ved hjelp av JavaScript, men ikke lat lasting, er innebygd i nettlesere. WordPress-brukere har flere valg, og to av favorittene våre er Lazy Load av WP Rocket og a3 Lazy Load, som er designet for mobile enheter.
5. Bruk raske delingskoblinger på sosiale medier
I dag og i dag vil du at folk skal dele innholdet ditt på sosiale medier. På enkle HTML-nettsteder kan du bruke et linkgeneratorverktøy som den gratis Share Link Generator som hjelper deg med å lage sosiale delingskoblinger for Facebook, Twitter, LinkedIn og Pinterest uten å stole på iframes eller JavaScript. Som vanlig har WordPress-brukere ikke mangel på plugins de kan bruke til dette formålet, inkludert Social Warfare and Grow.
6. Avinstaller ubrukelige plugins
Et CMS som WordPress kan ha mange plugins som kan legge til veldig nyttig funksjonalitet på nettstedet ditt. Å ha for mange plugins kan imidlertid redusere nettstedet ditt til en gjennomgang, og det er derfor du bare skal kjøre plugins du virkelig trenger.
Når det er sagt, er ikke alle plugins designet like bra, og du kan øke hastigheten på nettstedet ditt ved å erstatte et plugin med et raskere alternativ. Det elektroniske verktøyet GTmetrix vil analysere nettstedet ditt gratis og vise deg en liste over plugins som har høye belastningstider. Vurder å erstatte disse pluginene, spesielt hvis de blir kalt flere ganger med et lettere alternativ.
WordPress-brukere kan også bruke plugin-programmet Query Monitor for en detaljert analyse av programtilleggene som brukes på nettstedet deres. Husk selvfølgelig å fjerne selve programtillegget Query Monitor når det har tjent formålet.
7. Reduser viderekoblinger
Viderekoblinger er ofte nødvendige når du flytter og sletter sider, og er den beste måten å eliminere problemer med ødelagte lenker. Men mens 301-viderekoblinger er å foretrekke fremfor 404-feil, er de fremdeles ikke ideelle da de reduserer tiden det tar før nettleseren når riktig versjon av en side. Du kan bruke Screaming Frog's bulk redirect checker for å analysere viderekoblingene på nettstedet ditt og prøve å minimere bruken av dem.
8. Foreta færre HTTP-forespørsler
Å redusere HTTP-forespørsler er en god måte å optimalisere nettstedet ditt på. Hvert element du legger til på en side, oversettes til en HTTP-forespørsel. Jo mer nettleseren har for å komme med disse forespørslene, jo lengre tid vil det ta før siden din lastes inn. Det er grunnen til at selv om det tar litt å gjøre, er resultatene av å redusere antall forespørsler veldig imponerende.
Du kan bruke utviklerverktøyene i nettleseren og bytte til Nettverk-fanen for å vise HTTP-forespørsler i detalj. Når du har fått en idé om hvilke filer som tar lengst tid å laste inn, kan du se etter de du kan kombinere (spesielt CSS-filer) og de du kan akse helt.
9. Sett CSS før skript
Korrekt plassering av stilark og skript vil påvirke hvordan nettstedet lastes inn. Du bør alltid plassere CSS-en din øverst i delen. Dette gjør at nettleseren kan laste inn CSS først, slik at brukerne kan se innholdet på nettstedet ditt.
Javascript, derimot, bør være så nær bunnen som mulig. Dette er fordi nettleserne må analysere JavaScript først før den kan gå videre til neste tag. Hvis du plasserer skriptene før det faktiske innholdet, vil brukerne stirre på en tom side mens nettleseren knuser JavaScript.
10. Gå på oldschool der det er mulig
Ved å bruke et skriptspråk som PHP kan du gjøre ting som ikke er mulig med vanlig HTML. Behandling av PHP tar imidlertid lengre tid enn å analysere HTML, så unngå å be om informasjon via PHP, hvis den kan hentes med statisk HTML.
På samme måte er det ikke alltid en god ide å bruke @import CSS-mekanismen for å inkludere eksterne stilark på websidene dine i stedet for HTML-koden. Mens begge oppnår samme formål, bruker @import flere ressurser enn å koble direkte til stilarkene dine.
11. Aktiver hurtigbufring
Når du besøker et nettsted, lagres alle elementene på siden på harddisken din i et midlertidig lagringsområde som kalles hurtigbufferen. Dette kommer til nytte siden nettleseren din vil åpne siden uten å måtte sende en ny HTTP-forespørsel til serveren ved senere besøk.
Hvis du driver et WordPress-nettsted, kan du bruke et plugin som W3 Total Cache-plugin for enkelt å aktivere caching. På den annen side, hvis du har et statisk HTML-nettsted, kan du aktivere caching ved å bruke det som er kjent som en utløperhode i .htaccess-filen. Når utløpet er aktivert, sparer overskrifter ikke bare tiden det tar å laste ned allerede bufrede filer, men vil også bidra til å redusere antall HTTP-forespørsler.
12. Vårrens databaser
Sjansen er stor for at du bruker et CMS som WordPress eller Joomla for å være vert for nettstedet ditt. Når du fikler med installasjonen din (legg til og fjern plugins, opprett og oppdater innlegg, installer oppgraderinger og lignende), vil databasen som driver CMS bli ganske oppblåst og treg. For å unngå dette, bør du bruke WP-Optimize-plugin for å rengjøre databasen regelmessig.
13. Blokkér hotlinking
Hotlinking skjer når noen viser et bilde fra nettstedet ditt ved å bruke nettkoblingen direkte. Hver gang det lastes inn, blir bildet hentet fra kildens nettsted.
Du har flere alternativer for å forhindre hotlinking. Mange kjente verter tilbyr et bytte i administrasjonsgrensesnittet for å forhindre hotlinking. Så er det WordPress-plugins som All In One Security & Firewall som vil gi beskyttelse mot hotlinking. Til slutt kan du legge til instruksjoner i .htaccess-filen.
14. Bytt innstillingen Keep Alive
Keep Alive-meldingen utveksles mellom webserveren og en klientmaskin for å tillate den samme TCP-tilkoblingen for HTTP-samtale i stedet for å åpne en ny med hver nye forespørsel. Keep Alive, også kjent som en vedvarende tilkobling, bidrar til å redusere ventetiden for etterfølgende forespørsler. De fleste vertsselskaper, spesielt i delt hosting, deaktiverer denne funksjonen.
Innstillingen kontrolleres best ved å tilpasse webserveren. Du kan imidlertid overstyre serverens standard ved å legge til følgende linjer i .htaccess-filen:
Topptekst Tilkobling holdes i live
15. Akselerere WordPress
WordPress har flere plugins for å forbedre ytelsen som vil bidra til å optimalisere forskjellige aspekter av nettstedet. En av de mest omfattende er perfmatters som ruller mange av de ofte brukte ytelsesakselerasjonsteknikkene. Det som er bra med dette premium-pluginet er at de fleste av optimaliseringsteknikkene blir eksponert via et enkelt brukergrensesnitt, som gjør det tilgjengelig for alle slags brukere.
16. Installer Google PageSpeed
Google PageSpeed er et sett med åpen kildekodemoduler for Apache og Nginx webservere. De hjelper deg med å optimalisere nettstedet ditt ved å implementere noen av de mest nyttige ytelsesforbedrende teknikkene som de vi har delt i denne artikkelen. Du kan laste ned og installere modulene på webserveren din hvis du eier den. Ellers må du se etter en vertsleverandør som gjør det. Vanligvis tilbyr nettverter dette bare med sine dedikerte hostingplaner på toppnivå, selv om noen som GoDaddy installerer det på sine Linux-servere.
17. Reduser DNS-oppslag
En av de viktigste faktorene som har direkte betydning for hvor raskt nettstedet lastes inn, er hvor lang tid det tar for DNS-oppslag. En DNS-oppslag er prosessen med å finne IP-adressen som er knyttet til en URL.
En måte å øke hastigheten på nettstedet ditt er å redusere antall unike vertsnavn. Mindre antall DNS-spørsmål vil redusere responstiden og føre til at nettsteder lastes raskere. Vurder også det faktum at hvor lang tid det tar å spørre DNS-postene, avhenger av hastigheten til DNS-leverandøren.
Hvis du ikke er fornøyd med ytelsen til DNS-leverandøren din, bør du vurdere å bytte til en annen. DNSperf sporer spørringshastigheten til de forskjellige autoritative DNS-leverandørene.
18. Oppgrader til en bedre webvert
Hvis du har prøvd å øke hastigheten på nettstedet ditt, men ikke har lagt merke til så stor forskjell, kan problemet være webhotell. Mange av de billigste webhotellene, spesielt de delte, er ganske overfylte og bruker servere som mangler ressurser til å tildele nok til hvert nettsted. Du bør i stedet bruke litt tid på å undersøke de forskjellige alternativene som tilbys, før du besøker en vert og vertsplanen for nettstedet ditt.
19. Bruk et innholdsleveringsnettverk
I tillegg til å bytte til en bedre webvert, bør du også vurdere å bruke et Content Delivery Network (CDN). I motsetning til serveren din som er lokalisert på et bestemt sted, bruker et CDN et nettverk av servere som på en måte distribuerer innholdet ditt til servere over hele verden, og i hovedsak flytter det nærmere besøkende uavhengig av hvor de befinner seg. CDNer fremskynder et nettsted ved å redusere den fysiske avstanden mellom innholdet og de besøkende. Du kan være vert for alle typer innhold med CDN og til og med bruke flere for å målrette mot bestemte steder.
20. Overvåke ytelsen regelmessig
Et viktig aspekt ved å innstille nettstedet ditt er å holde øye med ytelsen. Dette vil ikke bare hjelpe deg med å måle effekten av en tweak, men avhengig av verktøyet som brukes, vil det også peke på sider på nettstedet som trenger oppmerksomhet. Pingdoms hastighetstest for nettsteder er et populært verktøy på nettet som ikke bare tester sidens lastetid, men også peker på problemene.
På samme måte kan du bruke Googles Test My Site til å analysere ytelsen til nettstedet ditt på mobile enheter. I tillegg til å gi ut nyttige beregninger, vil verktøyet også dele anbefalinger for å hjelpe deg med å øke hastigheten på nettstedet ditt for mobile enheter.
- Vi har omtalt de beste Wordpress-webhotellene.
