Å ha en sakte nettside er en frustrerende opplevelse. Ikke bare vil det rangeres dårlig i søkemotorene (lastingshastighet er en av rangeringsfaktorene i Google), det gir også din besøkende en dårlig brukeropplevelse. Imidlertid, mens de fleste webansvarlige vil gjerne ha raskere sine nettsteder, har de fleste ikke den tekniske kunnskapen til å gjøre det. Hvis du faller inn i denne leiren og bruker WordPress, har vi en komplett hastighetsoptimaliseringsguide for deg. Følgende trinn er det vi har gjort for dette nettstedet, og de har jobbet bra for oss.

Slank ned på nettsiden

Når en besøkende besøker nettstedet ditt, må nettleseren be om siden fra serveren din og laste siden i sin helhet før leseren kan se den. Dette betyr at hvis du har et oppblåst nettsted, vil det ta lang tid før nettleseren laster ned og gjør det. Her er noen måter å kutte ned på WordPress-siden din:

1. Bli med på temaets design på ditt nettsted

Vurder nytt nettstedets design og se om du kan fjerne unødvendige elementer fra nettstedet. Det er ingen grunn til å fylle for mye informasjon i sidefeltet når den besøkende bare er interessert i det aktuelle innholdet. Her er noen ting du kan fjerne:

  • Fantasifulle glidebryter, animasjon og effekter.
  • Diverse widgets på sidepanelet
  • Annonser - Bare hvis du har lagt til for mange annonser. I noen tilfeller kan du tjene mer med færre annonser

2. Bli kvitt unødvendige plugins

Du er to hovedtyper av WordPress-plugins: en som bare påvirker administrasjonsområdet og en som legger til ekstra innhold på nettstedet. For sistnevnte er det alltid ledsaget av ekstra javascript- og css-filer som vil legge til ekstra vekt på nettstedet.

Ta en titt på plugin-listen din og deaktiver de gamle pluginene som er ineffektive og ikke lenger i bruk. Hvis et plugin ikke har blitt oppdatert i lang tid, kan du også sjekke ut alternative plugins som er lettere og kan likevel gjøre jobben mer effektivt.

3. Reduser filstørrelsen på HTML, CSS og Javascript

Det er to måter å redusere den totale størrelsen på nettstedet ditt. Den første er å kombinere flere stilark og javascript-filer til en, og den andre er å redusere filene. Minifisering betyr fjerning av unødvendige mellomrom og kommentarer, og å kombinere flere gjentatte koder i en. En god plugin som du kan bruke til å oppnå dette er W3 Total Cache plugin.

På siden W3 Total Cache Settings, under "General Settings", aktiverer du "Minify" -modusen.

Deretter går du til «Minimer -> HTML og XML» -delen, merk av i boksene ved siden av "Aktiver", "Inline CSS-reduksjon", "Inline JS Minification" og "Remove line break".

Neste er "JS-minifisering" -delen. Dette er en vanskelig del som det fungerer for noen temaer, men ikke for andre. Personlig har jeg ikke lykke med denne innstillingen, men du vil kanskje prøve det og se om det fungerer for nettstedet ditt.

En ting som jeg anbefaler for denne innstillingen, er å bruke "Minify" i stedet for "Kombinere bare." Kombinere flere javascripts sammen kan forårsake uønskede effekter og ødelegge nettstedet.

Den siste delen du trenger å konfigurere her, er "CSS-minifisering" -delen. Dette lar deg redusere og kombinere alle CSS som brukes i temaet.

For å få det beste ut av dette, er det best for deg å åpne nettstedet ditt, se kildekoden og kopiere alle CSS-koblingene til "File URI" -feltet i delen "CSS File Management". Alle CSS-filene du legger til i dette feltet, blir minifisert og kombinert til en enkelt CSS-fil.

4. Optimalisering av bildene

Bildefiler er vanligvis de som utgjør hovedparten av nettstedets filstørrelse, så det er viktig for deg å optimalisere bildene og holde dem så høye som mulig. Wp Smush.it er et flott plugin som optimaliserer bildene dine når du laster dem opp. Det kommer også med en bulk-smush-funksjon som kan optimalisere alle tidligere opplastede bilder.

Øk hastigheten på sidens lasthastighet

Noen av måtene du kan bruke til å øke hastigheten på nettstedets lasthastighet inkluderer:

  • cache nettstedet
  • sett nettleservinduet
  • bytt til google jquery
  • utsatt javascript lasting
  • bruk lat lasting av bilder
  • bruk asynkront javascript
  • bruk CDN

Her er noen plugins som kan gjøre det ovennevnte arbeidet for deg.

1. W3 Total Cache

Vi har dekket minifisering i avsnittet ovenfor, men det som gjør W3 Total Cache kraftig, er dens caching-modul. Først må du aktivere "Page Cache" -modulen i delen "Generelle innstillinger". På en delt hosting, velg "Disk: Grunnleggende" for siden cache modus. For VPS eller dedikert server, velg "Disk: Enhanced."

Rull videre nedover siden til du ser avsnittet "Nettleserbuffer"; sjekk boksen for å aktivere det også.

Dette vil aktivere både sidens cache og broswer cache for nettstedet ditt. Sidens cache er bare en statisk HTML-side som vil bli servert i stedet for den dynamiske PHP-siden. Nettleserens cache informerer nettleseren om å cache din side og å betjene den fra hurtigbufferen når leseren besøker den samme siden på nytt.

2. WP utsatt script

De fleste javascript-filer blokkerer i naturen, noe som betyr at nettstedet må vente på at alle javascriptfilene skal fullføres før innholdet kan lastes. Dette kalles også synkron lasting. En av måtene å bekjempe dette på er å flytte javascripts til bunnen av siden, slik at de vil lastes inn bare etter at innholdet er ferdig lastet.

WP Deferred Script er et nyttig plugin som flytter alle enqueued skript til bunnen av siden. Det bruker lab.js i backend og vil fungere med de fleste plugins. Det er ingen innstillinger å konfigurere. Når den er aktivert, vil den automatisk utsette all javascript-lasting til slutten av siden. En annen god ting er at den laster javascripts asynkront, noe som betyr at det laster javascript parallelt med innholdet.

3. Jetpack Photon

En annen god måte å redusere lastingshastigheten på er å laste alle bilder fra en CDN-kilde. Hvis du har installert Jetpack-pluginet, vil automatisk Photon-modulen legge til et bilde-CDN på nettstedet ditt.

Alternativt kan du, hvis du bruker ekstern CDN, som MaxCDN eller Amazon CloudFront, konfigurere CDN-modulen i W3 Total Cache-plugin for å bruke CDN-tjenestene.

4. Lazy Load

Har du lagt merke til hvordan bildene lastes på etterspørsel når du ruller nedover siden? Dette kalles Lazy Loading, og det er en fin måte å øke hastigheten på siden også. Pluginet som vi bruker her, er Unveil Lazy Load, men hvis du gjør et søk etter lat lasting, er det nok av late laste plugins som du kan bruke; Noen er selv optimalisert for videoer og iframe.

5. DFP

Hvis du viser annonser på nettstedet ditt, vil du vite at annonser ofte er de som tar lengst å laste inn og forårsaker at nettstedet går sakte. Verste fortsatt, de fleste annonser er synkroner i naturen og vil blokkere innholdet fra servering til de er fullt lastet. En av måtene å kvitte seg med dette problemet er å vise annonsene ved hjelp av Google DFP. For de som ikke vet, er Google DFP et annonseadministrasjonsprogram for å administrere annonsene dine.

På dette nettstedet bruker vi jquery.dfp.js-skriptet for å laste alle DFP-tagger på forespørsel, slik at det ikke senker lasten på nettstedet. Implementeringen kan være ganske komplisert og vi vil ikke dekke det her. Hvis det er nok interesse (du kan uttrykke din interesse i kommentarene), vil jeg gjøre en annen opplæring som beskriver trinnvis prosessen for å implementere den på nettstedet ditt.

Konklusjon

Hvis du fulgte trinnene ovenfor, kan jeg forsikre deg om at nettstedet ditt nå kjører raskere enn før, selv om du er på en delt hosting. En god måte å teste lastets hastighet på er nettstedet Google PageSpeed ​​Insights. Bare skriv inn nettadressen din, og den vil analysere nettstedet ditt for deg. Gjør det før og etter optimaliseringen og se de store forskjellene.

Bildekreditt: Går ingen steder fort