Så här ökar du WordPress-prestanda idag: 7 effektiva sätt

WordPress-prestanda

Den ultimata guiden för att analysera och fixa prestanda på din WordPress-webbplats

At CollectiveRay Vi letar alltid efter sätt att göra våra webbplatser snabbare. Vår webbplats laddas snabbt. Verkligen riktigt snabbt! Och vi vill att dina webbplatser ska fungera snabbt också. Det är därför vi idag har valt att publicera en artikel som fokuserar på WordPress -prestanda.

Du kanske redan vet att WordPress-prestanda är avgörande för att din webbplats ska lyckas. Studier har visat att användare kommer att börja överge din webbplats om den inte laddas inom 3 sekunder.

I synnerhet människor som surfar till webbplatser från sina mobila enheter har vanligtvis långsammare anslutningar, särskilt om de använder dataplaner och tenderar att ha mycket less tålamod med långsamma webbplatser.

E-handelsplatser tappar också försäljning när webbplatsens prestanda är långsam.

Enligt en studera, om en webbplats försenas i en sekund kommer konverteringsfrekvensen att minskas med 7%. Det räcker med att säga att WordPress-prestanda är en av de saker du måste fokusera på om du vill att din webbplats ska lyckas.

wordpress prestanda infographics

De flesta WordPress-webbplatser maximerar inte sin fulla potential

Även om WordPress är en bra bloggplattform och CMS, är den hårda verkligheten att de flesta webbplatser inte maximerar sin fulla potential. Det beror främst på att de flesta webbplatsägare inte är tekniker som kan analysera WordPress-prestanda, förstå problemområdena och vidta nödvändiga åtgärder för att öka WordPress-prestanda.

Om du inte är säker på om din webbplats har full potential, kopierar du bara koden nedan och klistrar in den i din footer.php-fil.

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

sidkod

I sidfoten visar den nu hur lång tid det tar att ladda en sida och hur många MySQL-frågor sidan körs.

Top Tips: Inte säker på alla tekniska saker? Du kanske vill hyra en WordPress-utvecklare - vår guide hjälper dig att hitta rätt.

1. Hur man hittar och fixar en WordPress-prestandadropp

Innan du implementerar olika taktik som kan hjälpa till att öka WordPress-prestanda är det alltid bättre att skanna din WordPress-webbplats, analysera prestandafrågor och kontrollera vad som orsakar ett prestandafall.

När du har identifierat problemen är nästa steg att åtgärda dem för att ta bort flaskhalsen.

Många plugins hjälper dig att analysera WordPress-prestanda. Tidigare rekommenderade vi P3 (Plugin Performance Profiler) för detta ändamål, men detta plugin har inte uppdaterats under de senaste 5 åren som vid tidpunkten för uppdatering av denna artikel. 

Framöver rekommenderar vi nu ett nytt plugin för att diagnostisera prestandaproblem: Query Monitor. Detta är ett utmärkt verktyg som är i aktiv utveckling och kan diagnostisera prestandadroppar på olika sätt.

Anmärkningar: Innan du går vidare, se till att du tar en säkerhetskopia av din webbplats, så att om något går fel kan du enkelt återgå till den tidigare versionen. Vi kommer att rekommendera drastiska ändringar på din webbplats, så se till att du har en fullständig arbetskopia innan du börjar tinka. Även mindre ändringar kan bryta din webbplats, eller så kan du ha ett plugin som gör en ändring som du inte kan återställa. TA BACKPACKAR!

Rekommenderad läsning: Hur man säkerhetskopierar WordPress inbyggt eller med ett plugin

Query Monitor

fråga monitor ikonSom vi har nämnt är det här verktyget bra eftersom det kan diagnostisera en mängd olika prestandaproblem inklusive:

  1. Problem orsakade av långsamma plugin-frågor
  2. Dåligt fungerande plugins, teman eller funktioner
  3. PHP-fel som orsakar prestandaproblem
  4. Blockera redigeringsblock som orsakar problem
  5. Miljöproblem som PHP-problem

Plugin är väldigt snyggt organiserat, där information grupperas efter plugin eller tema så att du snabbt kan identifiera prestandadroppar eller plugins som orsakar för mycket overhead.

Det första du kommer att märka när du installerar och aktiverar plugin-programmet är mätningar av den tid det tar att återge den aktuella sidan i det övre fältet i WordPress-administratören:

förfrågningsövervakningsfält

Identifiera långsamma komponenter

Vi klickar sedan på det övre fältet och väljer Frågor >> Frågor efter komponent. Vad vi ser på den här skärmen är en fullständig lista över varje installerat plugin och hur mycket tid de spenderar.

Till exempel, på skärmdumpen nedan kan vi se revslider-komponenten, är den största prestationsgrisen efter de viktigaste WordPress-funktionerna:

fråga övervaka frågor efter komponent

Vad ska du göra med resultat?

Vid denna tidpunkt är det upp till dig att avgöra om komponenten är viktig för din webbplats, med tanke på dess inverkan på webbplatsens prestanda. Du kan utföra en sådan utvärdering på varje komponent på din webbplats. 

I synnerhet ta en titt på de som tydligt är prestationssvin, dvs. de tar mest tid när det gäller frågor. Om du menar allvar med prestanda bör du inaktivera det här pluginet, antingen byta ut komponenten med en som fungerar bättre, ändra funktionaliteten eller justera inställningarna för pluginet så att du ser till att den fungerar vid topprestanda.

I allmänhet kanske du vill komma i kontakt med leverantören av några långsamma plugins, berätta för dem om ditt prestandaproblem och se om det finns några åtgärder som du kan vidta för att förbättra prestandan.

Identifiera överdrivna skript

Ett annat avsnitt i Query Monitor du bör titta på är skriptfunktionen. Även om Javascript är en viktig del av WordPress, skapar det stora antalet olika skript som används av olika teman och plugins som vi behöver, en allvarlig prestandapåverkan på de flesta webbplatser idag.

Du kommer att märka att webbplatser som Pagespeed Insights faktiskt varnar dig för detta och att du bör överväga att minska JS-nyttolasten.

tid för körning av javascript

Klicka på Skript för att se hur många skript som används av din webbplats. Medan många av dessa skript är en del av kärnfunktionerna, kontrollera att du behöver ALLA dessa skript, eller kanske finns det saker du inte längre använder som du kan ta bort.

Detta gäller också för stilar eller CSS-formatmallar som används. Leta efter eventuella formatmallar som läggs till i utdata som du inte längre behöver.

Slutligen klickar du på Miljö för att kontrollera om det finns infrastrukturproblem som håller din webbplats prestanda tillbaka. Vi kan till exempel se att den här webbplatsen ännu inte har uppgraderats till de senaste versionerna av PHP.

PHP 7.0.33 är idag en relativt gammal version av PHP och senare versioner som PHP 7.3 kan köras och därmed prestera många gånger snabbare.

fråga övervaka miljöfrågor

P3 (Plugin Performance Profiler)

p3 innan du skannar

Vi kommer att behålla detta innehåll här av äldre skäl och eftersom P3-profiler fortfarande är ett giltigt felsökningsplugin i vissa fall, även om det inte längre underhålls av GoDady.

Dåligt konfigurerade plugins är en av de främsta anledningarna som påverkar WordPress-prestandan negativt.

Det är därför vi behöver ett verktyg som P3, WordPress-prestandaprofilplugin. Tanken bakom P3 är att den faktiskt analyserar körningstiden för varje WordPress-plugin och sedan presenterar ett diagram med körningstider.

Detta gör att du kan se vilka plugins du behöver fokusera mest på.

För ett tag sedan började en av våra WP-webbplatser försämras i prestanda. Varje träff tog 10 till 15 sekunder att utföra.

Efter installationen av P3 fann vi att det tog mer än 8 sekunder att utföra ett av plugin-programmen. Det var något vi kunde göra utan, så vi dödade det utan tvekan.

Bom. Webbplatsen laddas tillbaka till det normala.

Detta är ett perfekt exempel på hur du kan använda WordPress-prestandaprofiler.

Låt oss se hur man arbetar med P3 för att felsöka WordPress-prestanda.

När du har installerat P3-pluginet klickar du på fliken P3 Plugin Profiler under Verktyg-menyn. Klicka på knappen "Starta skanning" >> Automatisk skanning.

När skanningen är över, klicka på knappen "Visa resultat".

Istället för automatisk skanning kan du välja en manuell skanning om du vill analysera bakgrundsprestanda för en viss sida.

Istället för att klicka på "Auto Scan" -knappen, klicka på "Manual Scan" i steget ovan.

manuell skanning

Därefter klickar du på länkarna och sidorna på din webbplats så analyserar skannern hastigheten och resursanvändningen för alla dina aktiva plugins på en viss sida. När skanningen är klar ser du knappen "Visa resultat". Klicka på det.

P3-skanningsresultat

Nu får du detaljerad insikt som laddningstid för plugin, hur mycket de påverkar total laddningstid och databasfrågor per besök.

P3 detaljerade skanningsresultat

Vad man ska göra med resultaten

Den största fördelen med att använda P3-plugin är att du kan skicka resultaten till dig själv, din utvecklare eller ditt supportteam så att de enkelt kan identifiera de verkliga problemen som orsakar prestandaförlusten. Du hittar den här funktionen mycket användbar, särskilt om du inte är en programmerare som kan analysera problemen själv.

e-postresultat

Om du misstänker ett plugin eller en temafunktion för prestandaförlust kan du köra P3-skannern för att avgöra problemet. Eftersom P3 har ett omfattande hjälpavsnitt kan du enkelt ta reda på vad som orsakar långsamhet förutom plugin och många andra vanliga frågor. Så även om du inte är säker på vad siffrorna berättar kan du tolka resultaten med hjälpavsnittet

Förutom att titta på pluginproblemen kanske du också vill kolla in dessa guider, vilket hjälper dig att hitta och åtgärda sårbarheter i dina WordPress-teman:

Du kan också hitta fler WordPress-tips för webbplatsägare i relevant meny ovan.

Hittills har vi sett hur man analyserar WordPress-prestanda med P3-plugin. Låt oss nu titta på olika WordPress-optimeringsmetoder som hjälper dig att påskynda din servers responstid och förbättra sidhastighetsprestanda.

2. Förbättra WordPress-prestanda genom bildoptimering

walmart

Att optimera WordPress -bilder är en viktig del för att förbättra WordPress -prestanda eftersom bilder ofta står för de flesta av de nedladdade bytes på en webbsida.

Nedan följer några sätt att optimera WordPress-bilder.

Bildkomprimering

Storleken på bilderna på din webbplats kommer att ha ett starkt inflytande på sidhämtningshastigheten. Innan du laddar upp en bild till din webbplats måste du spara den på ett sätt som är komprimerat för webbplatser. Exempelvis har Photoshop en funktion som heter Save for Web, som komprimerar bilder utan att tappa kvalitet. Använd detta eller liknande sätt att ladda upp mindre versioner av bilder.

Du kan också välja att använda ett plugin som komprimerar bilder automatiskt, till exempel WP Smush IT.

Lata laddning av bilder

Både Chrome och WordPress 5.4 planerar att introducera lat laddning av bilder som standard. Om din webbplats inte har en ny version av WordPress bör du dock överväga att installera ett lazy loading plugin. A3 lat last är ett bra plugin som underhålls aktivt vid tidpunkten för denna artikel.

För att förklara detta koncept är det en funktion där bilder laddas endast när en användare börjar rulla eller håller på att se en bild. Detta innebär att webbplatsen inte drabbas av prestandapåverkan av att behöva ladda alla bilder så snart en användare träffar webbplatsen.

Om du använder för många bilder på en webbsida är detta en viktig funktion för att förbättra prestanda.

Använd rätt bildformat

GIF, JPEG, JPG och PNG är de mest populära bildformaten. Eftersom varje format har sina egenskaper och fördelar kan det använda rätt format hjälpa till att förbättra sidhastigheten. I allmänhet lagrar PNG den högsta mängden information och är vanligtvis av bästa kvalitet (men också den största). JPG-bilder är en bra mellanliggande väg som ger bra kompression och bra kvalitet.

Konvertera dina bilder till WebP

WebP är ett nytt bildformat som får stöd från de stora webbläsarna och är en av de rekommenderade optimeringarna från Googles prestandaverktyg för Page Insights. För några månader sedan var det en huvudvärk att konvertera bilder till WebP, men nyligen släpptes ett nytt plugin som möjliggör konvertering av WordPress-bilder till WebP. Hitta plugin här.

Använd effektivt webbläsarens cache

Ett annat effektivt sätt att förbättra WordPress-prestanda är att instruera webbläsare att hålla CSS, Javascript och bildfiler längre än vanligt. Fördelen är att det i slutändan kommer att minska laddningstiden även när dina besökare återvänder efter en lång period. Vi har en bra artikel om hur man använder webbläsarcaching för WordPress här.

Om du letar efter mer effektiva sätt att förbättra WordPress-prestanda kanske du vill titta på WP Rocket - ett premium-plugin vars enda skäl till att det finns är att webbplatser laddas snabbare.

Gör din WordPress snabbare 

3. Leverera resurser snabbare med hjälp av ett Content Delivery Network (CDN)

Ett CDN är ett nätverk av flera servrar distribuerade över olika platser runt om i världen för att öka sidhastigheten och användarupplevelsen. CDN cachelagrar det statiska innehållet och filerna på din webbplats och levererar till dina besökare baserat på deras geografiska platser via en server som är närmast dem.

Genom att få det tunga innehållet (som bilder, CSS- och JS-filer) att laddas från en plats som är fysiskt närmare slutanvändaren laddas webbplatsens sidor i allmänhet mycket snabbare.

hur en cdn fungerar

At CollectiveRay, använder vi och rekommenderar StackPatch, tidigare MaxCDN. Alternativt, om du vill ha en gratis CDN, läs 11 + 9 gratis / Premium CDN WordPress-tjänster för att öka din webbplatshastighet vår artikel som vi uppdaterar ofta med de bästa tjänsterna där ute.

Checka ut StackPath CDN

4. Använd ett cache-plugin för att minska serverbelastningen och öka WordPress-prestandan

Ett cache-plugin förbättrar WordPress-prestandan genom att generera statiska filer från din dynamiska WordPress-webbplats. När den statiska sidan har genererats av plugin-programmet kommer din webbserver att servera den filen istället för att bearbeta ett relativt tyngre dynamiskt WordPress PHP-skript.

Återigen måste vi föreslå WP Rocket, det plugin som vi installerar på varje WordPress-webbplats som vi har eftersom det tar bort så många prestationshuvudvärk.

(Du kan till och med se det installerat på webbplatsen där vi har skärmdumpen Query Monitor ovan och nedan - samma webbplats)

wp raket wordpress cache

 

Det finns andra cachning insticksmoduler du kanske vill välja, men dessa är inte lika effektiva (holistiskt) som WP Rocket. Dessutom, för en så viktig del av din webbplats som prestanda, är du bättre med ett bra, premium caching-plugin.

Det stöder till och med många av de funktioner som vi diskuterade ovan, till exempel:

  • Bildoptimering
  • Cachning av sidor och PHP-kod (OpCache)
  • LazyLading av bilder och WebP-integration
  • Optimering av filer och minskning av filstorlekar
  • Optimering av webbplatsens databas och minskning av uppblåsthet
  • Använda webbläsarens cachning
  • Uppskjuta Javascript-filer
  • GZip-komprimering av webbplatsinnehåll
  • ... och många andra funktioner

För en mer detaljerad titt, lär dig hur man får en supersnabb WordPress-webbplats idag - 21 åtgärder.

5. Dela dina långa inlägg på flera sidor

Du kanske redan har märkt det - Vissa webbplatser föredrar att publicera sina långformiga artiklar genom att dela upp dem i flera sidor. Det bästa är att det hjälper till att förbättra laddningstiden eftersom hela sidan inte laddas på en gång.

efter pagination

Men visste du att dela en lång sida i flera sidor är en inbyggd funktionalitet hos WordPress?

Allt du behöver göra är att lägga till tagg i din artikel vart du vill öppna en ny sida.

6. Dela upp kommentarer i sidor

Bloggar är inte monologer. De är byggda för att ha tvåvägskonversationer med dina läsare genom bloggkommentarer.

Med detta sagt kan publicering av massor av kommentarer på ditt blogginlägg försämra webbplatsens prestanda.

Av den anledningen inaktiverar många bloggare att kommentera ett inlägg efter några dagars publicering

Om du är orolig för sidhastighet kan du dela dina kommentarer i olika sidor istället för att inaktivera kommentarer.

Hur skulle du göra det?

paginera kommentarer

Navigera bara till Inställningar >> Diskussioner och kryssa i rutan bredvid "Dela kommentarer i sidor".

7. Inaktivera hotlinking

Hotlinking är en process för att stjäla din bandbredd. Till exempel stjäler vissa innehållsskrapor dina bilder genom att inte ladda upp dina bilder på deras servrar utan betjäna dem direkt från din webbplats. Som ett resultat stjäl de din bandbredd men du får inga besök alls.

Du kan enkelt undvika hotlinking genom att lägga till koden nedan i din .htaccess-fil.

RewriteEngine on

RewriteCond %{HTTP_REFERER} !^$

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

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

Tack för att du läser! Om du vill ha en snabbguide för att optimera din WordPress-webbplats för prestanda, den här fantastiska guiden om hur du gör det optimera WordPress-webbplatser för snabbhet är ett måste. Vill ha mer? För fler WordPress-trick som detta kan du hänvisa till den här guiden: 101 WordPress-tricks som alla seriösa bloggare måste veta.

WordPress-plugin för prestanda

För många av er där ute är felsökning av prestandaproblem och att göra deras webbplats snabbare inte deras kopp te, och det är uppenbarligen därför vi har kommit med den här artikeln, vi försöker göra det lite enklare för dig grabbar.

Men tänk om vi sa till dig att det finns ett ännu enklare sätt att göra din webbplats snabbare? Med bara några få klick kan du åtgärda de flesta av dina prestationsproblem och se till att de aldrig kommer tillbaka.

Den fixen är WP Rocket. Detta är ett WordPress-plugin som har skrivits speciellt för WP och har visat sig ta bort alla typer av flaskhalsar från de flesta webbplatser.

Det hanterar sådana saker som

  • Cachning av filer och databaser
  • Bildoptimering
  • Webbläsare cachar
  • Ta bort döda plugins och deras tabeller
  • Optimera databastabeller
  • Lazy loading
  • Integration med ett CDN
  • GZip-komprimering (läs mer om hur du aktiverar GZIP-komprimering manuellt här)
  • och många andra optimeringar

Det är inte gratis, men det är väl värt investeringen. När allt kommer omkring kommer en snabb webbplats att vara till nytta för både dig som webbplatsägare och viktigast av allt dina besökare och potentiella kunder.

Kolla in WP Rocket

Vanliga frågor

Hur kan jag öka min WordPress-prestanda?

För att öka WordPress-prestanda måste du först identifiera vad som orsakar webbplatsens prestandaproblem. Långsam, billig delad hosting är en betydande synder, så först och främst vill du planera att uppgradera din webbhotell. Implementera sedan en handlingsplan för att göra följande:

  1. Minska WordPress-plugins
  2. Minska externa tredjepartsskript
  3. Minska stora bildstorlekar eller använd optimala format som WebP
  4. Aktivera GZip-komprimering
  5. Aktivera webbläsarcaching
  6. Implementera uppskjutning av Javascript
  7. Konfigurera ett caching-plugin som WP Rocket
  8. Uppgradera till den senaste PHP-versionen
  9. Och slutligen, skapa ett CDN.

Är WordPress långsam?

WordPress är inte långsamt som standard. Men om du har för många plugins installerade, mycket trafik och dålig webbhotell kommer din WordPress så småningom att börja sakta ner. Du måste först identifiera var din prestationsflaskhals ligger och agera därefter.

Hur kan jag påskynda min WordPress-webbplats?

Det finns flera åtgärder du kan vidta för att påskynda din WordPress-webbplats. De mest effektiva åtgärderna du kan vidta är:

  • Uppgradera din webbhotellplan
  • Uppgradera till den senaste PHP-versionen
  • Installera ett WordPress-cacheplugin

Hur kan jag påskynda min WordPress-webbplats utan ett plugin?

Du kan faktiskt påskynda din WordPress-webbplats utan ett plugin. De enklaste sätten att göra detta är följande:

  • Uppgradera din värdplan
  • Uppgradera till den senaste versionen av PHP
  • Implementera GZip-komprimering genom att optimera webbplatsens funktion på din webbplats
  • Implementera webbläsarens cachning genom .htaccess-filjusteringar
  • Ställ in en CDN om du kan, särskilt om du har webbplatstrafik från hela världen

Behöver du hjälp med att få WordPress snabbt? Prova dessa topprankade prisvärda spelningar på Fiverr!

fiverr-logotyp

Klicka här att hitta experter på WordPress-hastighetsoptimering.

Klicka här att skapa en hela WordPress-webbplatsen.

Slutsats: vad mer kan vi göra för att optimera WordPress-prestanda

Vilka är dina favorit knep för att öka WordPress-prestanda? Dela dina tankar med oss ​​genom att släppa en rad nedan i kommentarfältet.

Om författaren
Shahzad Saeed
Författare: Shahzad Saeedwebbplats: http://shahzadsaeed.com/
Shahzaad Saaed har visats på ett stort antal myndighetswebbplatser, som en WordPress-expert. Han specialiserar sig på innehållsmarknadsföring för att hjälpa företag att öka sin trafik.

En sak till... Visste du att människor som delar användbara saker som det här inlägget ser fantastiska ut också? ;-)
Tveka inte, lämna en användbara kommentera med dina tankar, dela sedan detta på din Facebook-grupp (er) som skulle tycka att det var användbart och låt oss skörda fördelarna tillsammans. Tack för att du delade och var trevlig!

Upplysningar: Denna sida kan innehålla länkar till externa webbplatser för produkter som vi älskar och rekommenderar helhjärtat. Om du köper produkter vi föreslår kan vi tjäna en remissavgift. Sådana avgifter påverkar inte våra rekommendationer och vi accepterar inte betalningar för positiva recensioner.

Författare Utvalda på:  Inc Magazine-logotyp   Sitepoint-logotyp   CSS Tricks-logotyp    webbdesignerdepot-logotyp   WPMU DEV-logotyp   och många fler ...