Hvordan øke WordPress-ytelsen i dag: 7 effektive måter

WordPress-ytelse

Den ultimate guiden for å analysere og fikse ytelsen til ditt WordPress-nettsted

At CollectiveRay Vi leter alltid etter måter å gjøre nettstedene våre raskere. Nettstedet vårt lastes RASKT. Virkelig veldig fort! Og vi vil at nettstedene dine også skal fungere raskt. Derfor har vi i dag valgt å publisere en artikkel som fokuserer på WordPress -ytelse.

Du vet kanskje allerede at ytelsen til WordPress er avgjørende for suksessen til nettstedet ditt. Studier har vist at brukere vil begynne å forlate nettstedet ditt hvis det ikke lastes innen 3 sekunder.

Spesielt har folk som surfer til nettsteder fra sine mobile enheter vanligvis tregere tilkoblinger, spesielt hvis de er på dataplaner og har en tendens til å ha mye less tålmodighet med sakte sider.

Netthandelsnettsteder mister også salg når ytelsen til nettstedet er treg.

Ifølge en studere, hvis et nettsted blir forsinket et sekund, vil konverteringsfrekvensen reduseres med 7%. Det er nok å si at WordPress-ytelse er en av tingene du må fokusere på hvis du vil at nettstedet ditt skal lykkes.

wordpress ytelse infografikk

De fleste WordPress-nettsteder maksimerer ikke sitt fulle potensiale

Selv om WordPress er en flott bloggplattform og CMS, er den harde virkeligheten at de fleste nettsteder ikke maksimerer sitt fulle potensiale. Det er hovedsakelig fordi de fleste eiere av nettsteder ikke er tekniske som kan analysere WordPress-ytelse, forstå problemområdene og ta nødvendige tiltak for å øke WordPress-ytelsen.

Hvis du ikke er sikker på om nettstedet ditt er fullt ut, kan du bare kopiere koden nedenfor og lime den inn i footer.php-filen.

<?php echo get_num_queries(); ?> queries in <?php timer_stop(1); ?>  seconds.

bunntekst

I bunnteksten vil den nå vise hvor lang tid det tar å laste en side og hvor mange MySQL-spørsmål siden utfører.

Topp tips: Er du usikker på alt det tekniske? Du vil kanskje ansett en WordPress-utvikler - vår guide hjelper deg med å finne den rette.

1. Hvordan finne og fikse et WordPress Performance-fall

Før du implementerer forskjellige taktikker som kan bidra til å øke WordPress-ytelsen, er det alltid bedre å skanne WordPress-nettstedet ditt, analysere ytelsesproblemer og kontrollere hva som forårsaker et ytelsesfall.

Når du har identifisert problemene, er neste trinn å fikse dem for å fjerne flaskehalsen.

Mange plugins hjelper deg med å analysere ytelsen til WordPress. Tidligere pleide vi å anbefale P3 (Plugin Resultater Profiler) for det formålet, men dette pluginet har ikke blitt oppdatert de siste 5 årene på tidspunktet for oppdateringen av denne artikkelen. 

Fremover anbefaler vi nå et nytt plugin for å diagnostisere ytelsesproblemer: Query Monitor. Dette er et flott verktøy som er i aktiv utvikling og er i stand til å diagnostisere ytelsesfall på forskjellige måter.

Merknader: Før du går videre, må du ta en sikkerhetskopi av nettstedet ditt, slik at i tilfelle noe går galt, kan du enkelt gå tilbake til forrige versjon. Vi vil anbefale drastiske endringer på nettstedet ditt, så sørg for at du har en fullstendig arbeidskopi før du begynner å flikke. Selv små endringer kan ødelegge nettstedet ditt, eller du kan ha et plugin som gjør en endring du ikke klarer å tilbakestille. Ta sikkerhetskopier!

Anbefalt lesning: Hvordan sikkerhetskopiere WordPress innfødt eller med et plugin

Query Monitor

spørringsmonitorikonSom vi har nevnt, er dette verktøyet flott fordi det kan diagnostisere en rekke ytelsesproblemer, inkludert:

  1. Problemer forårsaket av langsomme plugin-spørsmål
  2. Dårlig utførte plugins, temaer eller funksjoner
  3. PHP-feil som forårsaker ytelsesproblemer
  4. Blokkering av redigeringsblokker som forårsaker problemer
  5. Miljøproblemer som PHP-problemer

Plugin er veldig pent organisert, der informasjon er gruppert etter plugin eller tema, slik at du raskt kan identifisere ytelsesfall eller plugins som forårsaker for mye overhead.

Det første du vil legge merke til når du installerer og aktiverer plugin-programmet, er målinger av tiden det tar å gjengi den gjeldende siden i topplinjen til WordPress-administratoren:

spørringsmonitorlinje

Identifiser sakte komponenter

Vi klikker deretter på den øverste linjen og velger Spørringer >> Spørringer etter komponent. Det vi ser på denne skjermen er en fullstendig oversikt over hvert installerte programtillegg og hvor mye tid de bruker.

For eksempel, i skjermbildet nedenfor, kan vi se revslider-komponenten, er den største ytelsesgrisen etter de viktigste WordPress-funksjonene:

spørring overvåke spørsmål etter komponent

Hva skal du gjøre med resultatene?

På dette tidspunktet er det opp til deg å bestemme om komponenten er viktig for nettstedet ditt, gitt sin innvirkning på ytelsen til nettstedet. Du kan utføre en slik evaluering på hver komponent på nettstedet ditt. 

Spesielt ta en titt på de som er tydelig ytelsesgriser, dvs. de bruker mest tid når det gjelder spørsmål. Hvis du er seriøs om ytelse, bør du deaktivere dette pluginet, enten erstatte komponenten med en som gir bedre resultater, endre funksjonaliteten eller justere innstillingene til pluginet for å sikre at den fungerer ved topp ytelse.

Generelt kan det være lurt å komme i kontakt med leverandøren av eventuelle sakte plugins, fortelle dem om ytelsesproblemet ditt og se om det er noen handlinger du kan ta for å forbedre ytelsen.

Identifiser overdreven skript

En annen del av Query Monitor du bør se på er skriptsfunksjonen. Mens Javascript er en viktig komponent i WordPress, skaper det store antallet forskjellige skript som brukes av forskjellige temaer og plugins vi trenger, en alvorlig ytelsespåvirkning på de fleste nettsteder i dag.

Du vil legge merke til at nettsteder som Pagespeed Insights faktisk advarer deg om dette, og at du bør vurdere å redusere JS-nyttelasten.

utførelsestid for javascript

Klikk på skriptene for å se hvor mange skript som brukes av nettstedet ditt. Mens mange av disse skriptene er en del av kjernefunksjonene, må du kontrollere at du trenger ALLE disse skriptene, eller kanskje det er ting du ikke lenger bruker som du kan fjerne.

Dette gjelder også stilene eller CSS-stilarkene som er i bruk. Se etter eventuelle stilark som blir lagt til utdataene du ikke lenger trenger.

Til slutt klikker du på Miljø for å sjekke om det er infrastrukturproblemer som holder nettstedets ytelse tilbake. For eksempel kan vi se at dette nettstedet ennå ikke har oppgradert til de nyeste versjonene av PHP.

PHP 7.0.33 er i dag en relativt gammel versjon av PHP og senere versjoner som PHP 7.3 kan kjøres og dermed utføre mange ganger raskere.

spørring overvåke miljøproblemer

P3 (Plugin Resultater Profiler)

p3 før skanning

Vi kommer til å beholde dette innholdet her av eldre årsaker, og fordi P3-profiler fremdeles i noen tilfeller fortsatt er en gyldig feilsøkingsplugg, selv om den ikke lenger vedlikeholdes av GoDady.

Dårlig konfigurerte plugins er en av hovedårsakene som påvirker WordPress-ytelsen negativt.

Derfor trenger vi et verktøy som P3, WordPress ytelsesprofiltillegg. Ideen bak P3 er at den faktisk analyserer utføringstiden for hvert WordPress-plugin og deretter presenterer en graf med henrettelsestider.

Dette lar deg se hvilke plugins du trenger å fokusere mest på.

For en stund tilbake begynte et av våre WP-nettsteder å bli dårligere i ytelse. Hver hit tok 10 til 15 sekunder å utføre.

Etter å ha installert P3, fant vi ut at en av programtilleggene tok mer enn 8 sekunder å utføre. Det var noe vi kunne klare oss uten, så vi drepte det uten å nøle.

Boom. Nettstedet lastes tilbake til det normale.

Dette er et perfekt eksempel på hvordan du kan bruke WordPress ytelsesprofil.

La oss se hvordan vi kan arbeide med P3 for å feilsøke WordPress-ytelse.

Når du har installert P3-pluginet, klikker du på 'P3 Plugin Profiler' -fanen under Verktøy-menyen. Klikk på "Start skanning" -knappen >> Autoskanning.

Når skanningen er over, klikker du på 'Vis resultater' -knappen.

I stedet for automatisk skanning, kan du velge en manuell skanning hvis du vil analysere bakgrunnsytelsen til en bestemt side.

I stedet for å klikke på 'Auto Scan' -knappen, klikker du på 'Manual Scan' i trinnet ovenfor.

manuell skanning

Deretter klikker du på koblingene og sidene til nettstedet ditt, og skanneren vil analysere hastigheten og ressursbruken til alle dine aktive plugins på en bestemt side. Når skanningen er fullført, vil du se knappen "Vis resultater". Trykk på det.

P3-skanningsresultater

Nå får du detaljert innsikt som ladetid for plugin, hvor mye de påvirker total lastetid og databasespørsmål per besøk.

P3 detaljerte skanningsresultater

Hva du skal gjøre med resultatene

Den største fordelen med å bruke P3-pluginet er at du kan sende resultatene til deg selv, utvikleren din eller supportteamet ditt, slik at de enkelt kan identifisere de virkelige problemene som forårsaker ytelsesfall. Du vil finne denne funksjonen veldig nyttig, spesielt hvis du ikke er en programmerer som kan analysere problemene selv.

e-postresultater

Hvis du mistenker et plugin eller en temafunksjon for ytelsesfall, kan du kjøre P3-skanneren for å avgjøre problemet. Siden P3 har en omfattende hjelpeseksjon, kan du enkelt finne ut hva som forårsaker treghet i tillegg til plugin og mange andre vanlige spørsmål. Så selv om du ikke er sikker på hva tallene forteller, kan du tolke resultatene med hjelpeseksjonen

Bortsett fra å se på pluginproblemene, vil du kanskje også sjekke disse guidene, som hjelper deg med å finne og fikse sårbarheter i WordPress-temaene dine:

Du kan også finne flere WordPress-tips for nettstedseiere i den relevante menyen ovenfor.

Så langt har vi sett hvordan vi kan analysere WordPress-ytelse med P3-plugin. La oss nå ta en titt på forskjellige WordPress-ytelsesoptimaliseringsmetoder som vil hjelpe deg med å øke hastigheten på serverens responstid og forbedre ytelsen til sidehastigheten.

2. Forbedre WordPress-ytelsen gjennom bildeoptimalisering

walmart

Å optimalisere WordPress -bilder er en vesentlig del av å forbedre WordPress -ytelsen fordi bilder ofte står for det meste som er lastet ned bytes på en webside.

Nedenfor er noen måter å optimalisere WordPress-bilder på.

Bildekomprimering

Størrelsen på bildene på nettstedet ditt vil ha sterk innflytelse på sidehastigheten. Før du laster opp et bilde til nettstedet ditt, må du lagre det på en måte som er komprimert for nettsteder. For eksempel har Photoshop en funksjon som heter Save for Web, som komprimerer bilder uten å miste kvalitet. Bruk denne eller en lignende måte å laste opp mindre versjoner av bilder.

Du kan også velge å bruke et plugin som komprimerer bilder automatisk, for eksempel WP Smush IT.

Lazy innlasting av bilder

Både Chrome og WordPress 5.4 planlegger å introdusere lat lasting av bilder som standard. Imidlertid, hvis nettstedet ditt ikke kjører en nylig versjon av WordPress, bør du vurdere å installere et lat ladeplugin. A3 lat belastning er et godt plugin som vedlikeholdes aktivt i skrivende stund av denne artikkelen.

For å forklare dette konseptet er det en funksjon der bilder lastes inn bare når en bruker begynner å bla eller er i ferd med å se et bilde. Dette betyr at nettstedet ikke lider av ytelsespåvirkningen av å måtte laste inn alle bildene så snart en bruker treffer nettstedet.

Hvis du bruker for mange bilder på en webside, er dette en viktig funksjon for å forbedre ytelsen.

Bruk riktig bildeformat

GIF, JPEG, JPG og PNG er de mest populære bildeformatene. Siden hvert format har sine egenskaper og fordeler, kan det å bruke det rette bidra til å forbedre sidehastigheten. Generelt lagrer PNG den høyeste mengden informasjon og er vanligvis den beste kvaliteten (men også den største). JPG-bilder er en god mellomvei som gir god komprimering og god kvalitet.

Konverter bildene dine til WebP

WebP er et nytt bildeformat som får støtte fra de store nettleserne og er en av de anbefalte optimaliseringene fra Googles ytelsesverktøy Page Insights. Mens det for noen få måneder siden var hodepine å konvertere bilder til WebP, ble det nylig utgitt et nytt plugin som muliggjør konvertering av WordPress-bilder til WebP. Finn plugin her.

Benytt nettleserens hurtigbuffer effektivt

En annen effektiv måte å forbedre WordPress-ytelsen på er å instruere nettlesere om å holde CSS, Javascript og bildefiler lenger enn vanlig. Fordelen er at det til slutt vil redusere lastetiden, selv når de besøkende kommer tilbake etter en lang periode. Vi har en flott artikkel om hvordan du kan utnytte caching i nettleseren til WordPress her..

Hvis du leter etter mer effektive måter å forbedre WordPress-ytelsen på, kan det være lurt å se på WP Rocket - et premium-plugin hvis eneste grunn til å eksistere er å få nettsteder til å lastes raskere.

Gjør WordPress raskere 

3. Lever ressurser raskere ved hjelp av et Content Delivery Network (CDN)

Et CDN er et nettverk av flere servere fordelt på forskjellige steder over hele verden for å øke sidehastigheten og brukeropplevelsen. CDN cacher det statiske innholdet og filene på nettstedet ditt og leverer til besøkende på nettstedet basert på deres geografiske beliggenhet gjennom en server som er nærmest dem.

Ved å få det tunge innholdet (som bilder, CSS- og JS-filer) til å lastes fra et sted som er fysisk nærmere sluttbrukeren, vil nettsidene generelt lastes mye raskere.

hvordan en cdn fungerer

At CollectiveRay, bruker vi og anbefaler StackPatch, tidligere MaxCDN. Alternativt, hvis du er ute etter en gratis CDN, kan du lese 11 + 9 Free / Premium CDN WordPress-tjenester for å øke hastigheten på nettstedet ditt artikkelen vår som vi oppdaterer ofte med de beste tjenestene der ute.

Sjekk ut StackPath CDN

4. Bruk et hurtigbuffer-plugin for å redusere serverbelastningen og øke WordPress-ytelsen

Et cache-plugin forbedrer WordPress-ytelsen ved å generere statiske filer fra ditt dynamiske WordPress-nettsted. Når den statiske siden er generert av pluginet, vil webserveren din tjene den filen i stedet for å behandle et relativt tyngre dynamisk WordPress PHP-skript.

Nok en gang må vi foreslå WP Rocket, pluginet som vi installerer på alle WordPress-nettsteder vi vedlikeholder fordi det tar bort så mange ytelseshodepine.

(Du kan til og med se den installert på nettstedet der vi har skjermbildet Query Monitor over og under - det samme nettstedet)

wp rakett wordpress cache

 

Det er andre caching plugins du vil kanskje velge, men disse er ikke så effektive (helhetlig) som WP Rocket. Også for en så viktig del av nettstedet ditt, for eksempel ytelse, har du det bedre med et godt, premium caching-plugin.

Den støtter til og med mange av funksjonene som vi diskuterte ovenfor, for eksempel:

  • Bildeoptimalisering
  • Caching av sider og PHP-kode (OpCache)
  • LazyLading av bilder og WebP-integrasjon
  • Optimalisering av filer og reduksjon av filstørrelser
  • Optimalisering av nettstedsdatabase og reduksjon av oppblåsthet
  • Utnytte caching i nettleseren
  • Utsett Javascript-filer
  • GZip-komprimering av nettstedsinnhold
  • ... og mange andre funksjoner

For et mer detaljert utseende, lær hvordan få et superrask WordPress-nettsted i dag - 21 handlinger.

5. Del de lange innleggene dine på flere sider

Du har kanskje allerede lagt merke til det. Noen nettsteder foretrekker å publisere sine langformede artikler ved å dele dem opp i flere sider. Det beste er at det bidrar til å forbedre lastetiden fordi hele siden ikke lastes inn samtidig.

etter paginering

Men visste du at å dele en lang side på flere sider er en innebygd funksjonalitet i WordPress?

Alt du trenger å gjøre er å legge til tag i artikkelen din hvor du vil åpne en ny side.

6. Del kommentarer i sider

Blogger er ikke monologer. De er bygget for å ha toveis samtaler med leserne dine gjennom bloggkommentarer.

Når det er sagt, kan publisering av mange kommentarer på blogginnlegget ditt forverre ytelsen til nettstedet ditt.

Av den grunn deaktiverer mange bloggere å kommentere et innlegg etter noen dager med publisering

Hvis du er bekymret for sidehastighet, i stedet for å deaktivere kommentarer, kan du dele kommentarene dine på forskjellige sider.

Hvordan vil du gjøre det?

paginere kommentarer

Bare naviger til Innstillinger >> Diskusjoner og merk av i boksen ved siden av 'Del inn kommentarer på sider'.

7. Deaktiver hotlinking

Hotlinking er en prosess for å stjele båndbredden din. For eksempel stjeler noen innholdsskraper bildene dine ved ikke å laste opp bildene dine på serverne, men servere dem direkte fra nettstedet ditt. Som et resultat stjeler de båndbredden din, men du får ikke besøk i det hele tatt.

Du kan enkelt unngå hotlinking ved å legge til koden nedenfor i .htaccess-filen.

RewriteEngine on

RewriteCond %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?your-domain-name [NC]

RewriteRule \.(jpg|jpeg|png|gif)$ - [NC,F,L]

Takk for at du leste! Hvis du vil ha en rask guide til hvordan du optimaliserer WordPress-nettstedet ditt for ytelse, denne gode guiden om hvordan optimalisere WordPress-nettsteder for hastighet er en nødvendighet. Ønsker mer? For flere WordPress-triks som dette, kan du se i denne guiden: 101 WordPress-triks som alle seriøse bloggere må vite.

WordPress Performance Plugin

For mange av dere der ute, er det ikke deres kopp te å feilsøke ytelsesproblemer og gjøre nettstedet deres raskere, og selvfølgelig er det derfor vi har kommet opp med denne artikkelen, vi prøver å gjøre dette litt enklere for deg folkens.

Men hva om vi fortalte deg at det er en enda enklere måte å gjøre nettstedet ditt raskere? Med bare noen få klikk kan du fikse de fleste av ytelsesproblemene dine og sørge for at de aldri kommer tilbake.

Den løsningen er WP Rocket. Dette er et WordPress-ytelsesplugin som er skrevet spesielt for WP og har vist seg å fjerne alle slags flaskehalser fra de fleste nettsteder.

Den håndterer slike ting som

  • Cache-fil og database
  • Bildeoptimalisering
  • Cache i nettleseren
  • Fjerne døde plugins og bordene deres
  • Optimalisering av databasetabeller
  • Lazy loading
  • Integrasjon med et CDN
  • GZip-komprimering (les mer om hvordan du aktiverer GZIP-komprimering manuelt her.)
  • og mange andre optimaliseringer

Det er ikke gratis, men det er vel verdt investeringen. Tross alt vil et raskt nettsted være gunstig for både deg som nettstedseier og viktigst av alt, dine besøkende og potensielle kunder.

Sjekk ut WP Rocket

Ofte Stilte Spørsmål

Hvordan kan jeg øke WordPress-ytelsen?

For å øke WordPress-ytelsen må du først identifisere hva som forårsaker nettstedets ytelsesproblemer. Sakte, billig delt hosting er en betydelig skyldige, så først og fremst vil du planlegge å oppgradere hosting. Implementer deretter en handlingsplan for å gjøre følgende:

  1. Reduser WordPress-plugins
  2. Reduser eksterne tredjepartsskript
  3. Reduser store bildestørrelser eller bruk optimale formater som WebP
  4. Aktiver GZip-komprimering
  5. Aktiver caching i nettleseren
  6. Implementere utsetting av Javascript
  7. Sett opp et caching-plugin som WP Rocket
  8. Oppgrader til den siste PHP-versjonen
  9. Og til slutt, sett opp en CDN.

Er WordPress treg?

WordPress er ikke tregt som standard. Men hvis du har for mange plugins installert, mye trafikk og dårlig hosting av nettsteder, vil WordPress til slutt begynne å bremse ned. Du må først identifisere hvor ytelsesflaskehalsen din ligger, og deretter handle deretter.

Hvordan kan jeg få fart på WordPress-siden?

Det er flere handlinger du kan ta for å øke hastigheten på WordPress-nettstedet. De mest effektive handlingene du kan ta er:

  • Oppgradere hostingplanen din
  • Oppgrader til den siste PHP-versjonen
  • Installer et WordPress-hurtigbuffer-plugin

Hvordan kan jeg få fart på WordPress-siden uten et plugin?

Du kan faktisk øke hastigheten på WordPress-siden din uten et plugin. De enkleste måtene å gjøre dette på er følgende:

  • Oppgrader hostingplanen din
  • Oppgrader til den nyeste versjonen av PHP
  • Implementere GZip-komprimering gjennom funksjonen Optimaliser nettsted på nettstedet ditt
  • Implementere nettlesercaching gjennom .htaccess-filtilpasninger
  • Sett opp en CDN hvis du kan, spesielt hvis du har nettstedstrafikk fra hele verden

Trenger du hjelp med å få WordPress raskt? Prøv disse topprangerte rimelige konsertene på Fiverr!

fiverr -logo

Klikk her å finne eksperter på WordPress-hastighetsoptimalisering.

Klikk her å lage en hele WordPress-nettstedet.

Konklusjon: hva mer kan vi gjøre for å optimalisere WordPress-ytelsen

Hva er dine favoritttriks for å øke WordPress-ytelsen? Del tankene dine med oss ​​ved å slippe en linje nedenfor i kommentarfeltet.

om forfatteren
Shahzad Saeed
Forfatter: Shahzad Saeednettside: http://shahzadsaeed.com/
Shahzaad Saaed har blitt omtalt på et stort antall autoritetsnettsteder, som en WordPress-ekspert. Han spesialiserer seg på innholdsmarkedsføring for å hjelpe virksomheten med å øke trafikken.

En ting til... Visste du at folk som deler nyttige ting som dette innlegget også ser FANTASTISK ut? ;-)
Vær så snill forlate en nyttig kommenter med tankene dine, så del dette på Facebook-gruppen din (e) som synes dette er nyttig, og la oss høste fordelene sammen. Takk for at du delte og var hyggelig!

Avsløring: Denne siden kan inneholde lenker til eksterne nettsteder for produkter som vi elsker og anbefaler helhjertet. Hvis du kjøper produkter vi foreslår, kan vi tjene et henvisningsgebyr. Slike avgifter påvirker ikke våre anbefalinger, og vi godtar ikke betaling for positive anmeldelser.

Forfatter (e) Fremvist på:  Inc Magazine-logoen   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   og mange flere ...