Hur WordPress-plugins påverkar din webbplats laddningstid (avslöjat)

Det är en bekant historia: du hittar det perfekta pluginet för att lägga till en spännande ny funktion, men den spänningen förvandlas snabbt till frustration när din webbplats saktar ner till en snigelfart. Vi har varit där, och vi vet hur stressande det är att undra om du måste välja mellan funktioner och hastighet.

Efter att ha hanterat WPBeginner och våra andra webbplatser med hög trafik i över ett decennium har vi lärt oss sanningen om prestanda. Det handlar sällan om antalet plugins, utan snarare om kvaliteten och hur de är konfigurerade.

Vi har skapat den här guiden för att dela de exakta, praktiska metoder vi använder för att diagnostisera och åtgärda plugin-relaterade hastighetsproblem. Du kommer att lära dig hur du håller din webbplats snabb utan att offra de verktyg du behöver för att växa.

Detta är en omfattande guide om plugins och WordPress-prestanda. Använd länkarna nedan för att navigera i denna artikel:

1. Hur fungerar WordPress-plugins?
2. Hur plugins påverkar en webbplats laddningstid
3. Kommer för många plugins att sakta ner WordPress?
4. Kommer inaktiva plugins att sakta ner WordPress?
5. Hur man väljer snabbare plugins
6. Hur man kontrollerar sina plugins med Plugin Organizer
7. Hur man kontrollerar filer som laddas av WordPress-plugins (avancerat)
8. Hur man manuellt optimerar WordPress-plugin-tillgångar (avancerat)
9. Hur man manuellt inaktiverar plugin-stilar i WordPress (avancerat)
10. Hur man manuellt inaktiverar plugin-JavaScript i WordPress (avancerat)
11. Hur man laddar skript endast på specifika sidor (avancerat)
12. Vanliga frågor om WordPress-plugins och webbplatshastighet
13. Ytterligare resurser för att snabba upp din webbplats

Hur fungerar WordPress-plugins?

WordPress-plugins är som appar för din WordPress-webbplats. Du kan installera dem för att lägga till fler funktioner, som kontaktformulär, fotogallerier eller en e-handelsbutik.

Både WordPress kärna och plugins är skrivna i PHP. Denna PHP-kod körs på din webbserver och använder dess resurser.

Därför är det viktigt att välja snabb WordPress-hosting som låter dig enkelt hantera dina serverresurser och köra din webbplats effektivt.

När någon besöker din webbplats laddar WordPress först sina kärnfiler och sedan alla dina aktiva plugins. Du kan läsa mer i vår guide om WordPress-plugins och hur de fungerar.

Hur plugins påverkar en webbplats laddningstid

Så, medan WordPress-plugins är fantastiska för att lägga till funktioner, använder de också din webbplats resurser, och detta kan påverka din webbplats laddningshastighet.

Ett sätt de gör detta på är genom att slå upp eller lagra information i din webbplats databas. Om ett plugin ständigt behöver hämta mycket data, eller om dess databasfrågor inte är effektiva, kan det sakta ner hur snabbt din server svarar på en besökares begäran.

Vanligare är att plugins påverkar hastigheten genom att lägga till extra filer som besökarnas webbläsare behöver ladda ner. Dessa filer inkluderar ofta stilmallar (CSS) som styr pluginets utseende, JavaScript (JS) för interaktiva funktioner, och ibland bilder eller typsnitt.

Helst bör ett plugin bara ladda dessa filer där och när de behövs. Till exempel bör ett kontaktformulär-plugin bara ladda sin CSS och JS på kontaktsidan.

Vissa plugins är dock kodade för att ladda sina resurser på varje enskild sida på din webbplats, även om pluginets funktion inte finns på den sidan.

Var och en av dessa extra filer bidrar till den totala sidstorleken och antalet separata förfrågningar som en besökares webbläsare måste göra för att ladda din sida. Detta ökar direkt tiden det tar för din webbplats att visas fullständigt för dina besökare.

Med detta i åtanke kan du se varför det är viktigt att noggrant välja välkodade plugins och undvika onödiga för att bibehålla god webbplatshastighet.

Kommer för många plugins att sakta ner WordPress?

Hur många plugins är för många? Många WordPress-användare undrar om deras webbplats kommer att sakta ner om de installerar för många plugins.

Vi tror att huvudproblemet inte är kvantiteten av plugins utan snarare kvaliteten.

Alla välkodade plugins försöker hålla filerna de laddar till ett minimum. Du kan ha dussintals bra WordPress-plugins som detta igång på din webbplats utan problem.

Alla plugin-utvecklare är dock inte så noggranna. Vissa plugins laddar filer vid varje sidladdning, även när de inte behöver dessa filer. För många plugins som detta kommer att sakta ner din webbplats.

Detta innebär att det verkliga problemet är att välja snabba plugins och undvika dåligt kodade sådana.

För vidare diskussion om detta problem, se vår guide om hur många WordPress-plugins du bör installera.

Kommer inaktiva plugins att sakta ner WordPress?

Du kan tillfälligt stänga av ett plugin i WordPress genom att inaktivera det. Detta raderar inte pluginet, så du kan enkelt återaktivera det när du behöver det.

Du kanske undrar om inaktiva plugins saktar ner din webbplats. Det gör de inte.

WordPress laddar inte inaktiva plugins, så de kommer inte att använda din webbplats resurser. Inaktiva plugins kommer inte att fråga din databas eller komma åt filer.

Om du däremot aldrig planerar att använda ett inaktivt plugin i framtiden, rekommenderar vi att du tar bort det. Inaktiva plugins kommer fortfarande att be om uppdateringar, och hackare kan ibland använda dem för att få åtkomst till din webbplats.

För mer information, se vår guide som heter: Saktar inaktiva plugins ner WordPress?

Hur man väljer snabbare plugins

Som vi sa tidigare är det viktigaste att välja välkodade plugins. Dessa är plugins med bra recensioner och rekommenderas av pålitliga källor.

Du kan börja med att läsa vår detaljerade guide om hur man väljer de bästa WordPress-pluginsen.

Du kommer att vilja ägna särskild uppmärksamhet åt pluginets användarvänlighet och prestanda. Här är några toppval:

• WPForms, det snabbaste och mest nybörjarvänliga kontaktformulärsplugin för WordPress, och är känt för sin lätta kod
• All in One SEO, ett kraftfullt WordPress SEO-plugin som betonar webbplatsens prestanda
• MonsterInsights, det bästa Google Analytics-pluginet för WordPress som låter dig ladda gtag.js lokalt för att snabba upp dina Google Core Web Vitals-poäng
• SeedProd, en WordPress-sidbyggare som skapar blixtsnabba landningssidor och teman samtidigt som den laddar minimala tillgångar för att förbättra prestandan

Förutom dessa rekommendationer kan du köra egna hastighetstester. Testa helt enkelt din webbplatshastighet före och efter installationen av ett plugin för att jämföra dess påverkan på prestandan.

Om du upptäcker att ett WordPress-plugin påverkar din webbplats laddning, leta då efter ett bättre plugin som gör samma jobb utan att sakta ner din webbplats.

Hur man kontrollerar sina plugins med Plugin Organizer

Vissa av de plugins du använder kommer inte att behöva köras på varje sida på din webbplats. Du kan snabba upp din webbplats genom att bara köra dem där de behövs.

Till exempel, om ett plugin bara behöver köras i WordPress adminområde, bör det inte laddas på din webbplats frontend.

Plugin-författare kan inte alltid förutse hur du kommer att använda deras plugin-funktioner, så de kan ladda koden oavsett om den behövs eller inte. Nu, om pluginet laddar JavaScript- och CSS-filer, kan detta öka din webbplats laddningstid.

Att inaktivera dessa plugins på sidor där du inte behöver dem kommer att förbättra deras laddningstid.

Det är här Plugin Organizer kan hjälpa till. Det är ett WordPress-plugin som låter dig styra dina andra plugins på följande sätt:

• Det låter dig selektivt aktivera eller inaktivera specifika plugins baserat på URL.
• Det låter dig aktivera eller inaktivera plugins för olika användarroller.
• Det låter dig aktivera eller inaktivera plugins baserat på inläggstyp.
• Det låter dig ordna om i vilken ordning plugins laddas.
• Det låter dig inaktivera vissa plugins och bara ladda dem när de behövs.

Med dessa funktioner kan Plugin Organizer låta dig styra dina plugins och finjustera din webbplatsprestanda.

För detaljerade instruktioner, se vår guide om hur man använder Plugin Organizer för att snabba upp din WordPress-webbplats.

Och eftersom mer än hälften av dina webbplatsbesökare kommer att använda smartphones eller andra enheter, måste du se till att din webbplats laddas snabbt även för dem.

Du kan göra detta genom att använda Plugin Organizer för att inaktivera specifika plugins på mobilen. För att lära dig hur, se vår guide om hur man inaktiverar specifika WordPress-plugins för mobilanvändare.

Om du däremot föredrar att styra dina WordPress-plugins utan att installera ytterligare ett plugin, kommer vi att förklara hur du gör det steg för steg i resten av den här guiden. Detta rekommenderas dock endast för mer tekniska användare.

Hur man kontrollerar filer som laddas av WordPress-plugins (avancerat)

För att se hur plugins påverkar din sidladdningstid måste du kontrollera vilka filer som laddas av dina WordPress-plugins. Lyckligtvis finns det gott om verktyg som du kan använda för att ta reda på detta.

Ett enkelt sätt är att använda din webbläsares utvecklarverktyg. I Google Chrome eller Firefox, högerklicka bara på din webbplats och välj 'Inspektera'. Detta öppnar panelen för utvecklarverktyg.

Du behöver klicka på fliken 'Nätverk' och sedan ladda om din webbplats. När sidan laddas om kan du se hur din webbläsare laddar varje fil.

Se upp för filer som laddas långsamt. Du kan se hur lång tid det tog för varje fil att laddas genom att titta i kolumnen 'Tid'.

Om du bara vill se vissa typer av filer som kan påverka dina laddningstider, som JS (JavaScript) eller CSS, använd då helt enkelt knapparna längs toppen för att filtrera listan.

För en mer detaljerad rapport kan du också använda tredjepartsverktyg som Pingdom och GTmetrix. Dessa verktyg ger dig ännu mer användbar information om alla filer som laddas och den tid de tar att ladda.

Hur man manuellt optimerar WordPress-plugin-tillgångar (avancerat)

Avancerade WordPress-användare kan försöka hantera hur WordPress-plugins laddar filer på sin webbplats. Tänk på att detta kräver en del kunskap om kodning och viss felsökningskompetens.

Det korrekta sättet att ladda skript och stilmallar i WordPress är att använda funktionerna wp_enqueue_style och wp_enqueue_script.

De flesta WordPress-pluginutvecklare använder dessa funktioner för att ladda pluginfiler, vilket säkerställer att filer endast laddas när och där de behövs. WordPress kommer också med enkla funktioner för att avregistrera dessa skript och stilmallar.

Om du dock helt enkelt inaktiverar laddningen av dessa skript och stilmallar, kommer detta att bryta dina plugins och de kommer inte att fungera korrekt. För att åtgärda det måste du kopiera och klistra in dessa stilar och skript i din temas stilmall och JavaScript-filer.

På så sätt kommer du att kunna ladda alla samtidigt, minimera HTTP-förfrågningar och effektivt minska din sidladdningstid.

Låt oss se hur man enkelt avregistrerar stilmallar och JavaScript-filer i WordPress.

Hur man manuellt inaktiverar plugin-stilar i WordPress (avancerat)

Först måste du hitta namnet eller handtaget på stilmallen som du vill avregistrera. Du kan lokalisera det med hjälp av din webbläsares inspektionsverktyg.

När du har hittat stylesheet-handtaget kan du avregistrera det genom att lägga till denna kod med ett snippet-plugin som WPCode (rekommenderas). Vi rekommenderar att använda ett snippet-plugin eftersom det är mycket säkrare än att redigera din temas functions.php-fil direkt, och din kod kommer inte att raderas när du uppdaterar ditt tema.

add_action( 'wp_print_styles', 'my_deregister_styles', 100 );
function my_deregister_styles() {
    wp_deregister_style( 'gdwpm_styles-css' );
}

Glöm inte att ändra 'gdwpm_styles-css' till den stilhanterare du vill inaktivera.

För att lägga till denna kodsnutt med WPCode, skapa helt enkelt en anpassad PHP-snutt, ge den ett namn och klistra sedan in koden i fönstret Kodförhandsgranskning.

Se sedan till att du växlar snutten till 'Aktiv' och klickar sedan på knappen 'Spara snutt' för att lagra koden. För mer information, se vår guide om hur man lägger till anpassade kodsnuttar i WordPress.

Du kan avregistrera så många stilhandtag som du vill inom den här funktionen.

Till exempel, om du har mer än ett plugin för att avregistrera stylesheet för, då skulle du göra det så här:

add_action( 'wp_print_styles', 'my_deregister_styles', 100 );
function my_deregister_styles() {
    wp_deregister_style( 'gdwpm_styles-css' );
    wp_deregister_style( 'bfa-font-awesome-css' );
    wp_deregister_style( 'some-other-stylesheet-handle' );
}

Kom ihåg att avregistrera dessa stylesheets kommer att påverka plugin-funktioner på din webbplats. Du måste kopiera innehållet i varje stylesheet du avregistrerar och klistra in dem i din WordPress-temas stylesheet eller lägga till dem som anpassad CSS.

Detta hjälper till att snabba upp din webbplats eftersom en besökares webbläsare bara behöver ladda ner en kombinerad CSS-fil istället för många mindre, vilket minskar antalet förfrågningar till din server.

Hur man manuellt inaktiverar plugin-JavaScript i WordPress (avancerat)

Precis som med stylesheets måste du ta reda på handtaget som används av JavaScript-filen för att avregistrera den. Du kommer dock inte att hitta handtaget med hjälp av inspektionsverktyget.

Att hitta rätt handtag för JavaScript-filer kan vara knepigt eftersom du inte enkelt kan hitta dem med inspektionsverktyget. Lyckligtvis finns det ett enkelt sätt att få en lista över alla skript-handtag.

Du kan lägga till denna kod i din temas functions.php-fil eller ett nytt WPCode-snippet:

function wpb_display_pluginhandles() {
$wp_scripts = wp_scripts();
$handlename .= "<ul>";
    foreach( $wp_scripts->queue as $handle ) :
      $handlename .=  '<li>' . $handle .'</li>';
    endforeach;
$handlename .= "</ul>";
return $handlename;
}
add_shortcode( 'pluginhandles', 'wpb_display_pluginhandles');

Efter att ha lagt till denna kod kan du använda kortkoden [pluginhandles] för att visa en lista över plugin-skripthandtag.

Det bör se ut så här:

Nu när du har skripthandtag kan du enkelt avregistrera dem med koden nedan.

Lägg bara till koden i din temas functions.php-fil eller ett nytt WPCode-utdrag, som du gjorde när du inaktiverade stilmallar:

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
    wp_deregister_script( 'contact-form-7' );
}

Du kan också använda den här koden för att inaktivera flera skript.

Det kommer att se ut så här:

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
    wp_deregister_script( 'contact-form-7' );
    wp_deregister_script( 'gdwpm_lightbox-script' );
    wp_deregister_script( 'another-plugin-script' );
}

Som vi nämnde kommer inaktivering av dessa skript att förhindra att dina plugins fungerar korrekt. För att åtgärda detta skulle du behöva kopiera JavaScript från varje plugin och klistra in det i din temas huvudsakliga JavaScript-fil.

Dock är detta avancerade steg komplext och kan orsaka problem, eftersom olika skript kan komma i konflikt med varandra. Det kräver noggrann testning på en staging-webbplats.

Hur man laddar skript endast på specifika sidor (avancerat)

Om du vet att du kommer att behöva ett plugin-skript för att laddas på en specifik sida på din webbplats, kan du tillåta ett plugin på just den sidan.

På så sätt förblir skriptet inaktiverat på alla andra sidor på din webbplats och laddas endast när det behövs.

Här är hur du kan ladda skript på specifika sidor:

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
    if ( !is_page('Contact') ) {
        wp_deregister_script( 'contact-form-7' );
    }
}

Den här koden inaktiverar helt enkelt skriptet contact-form-7 på alla sidor utom kontaktsidan. Ändra bara sidnamnet och plugin-skriptets handtag till de du vill använda.

Vanliga frågor om WordPress-plugins och webbplatshastighet

Här är svaren på några av de vanligaste frågorna vi får om hur WordPress-plugins kan påverka webbplatsens prestanda.

1. Är det antalet plugins eller deras kvalitet som saktar ner en webbplats?

Kvalitet är mycket viktigare än kvantitet. En webbplats kan köra dussintals välkodade plugins utan någon märkbar nedgång. Men bara ett dåligt kodat plugin kan avsevärt påverka prestandan genom att göra för många databasförfrågningar eller ladda onödiga skript på varje sida.

2. Kommer inaktiva plugins att sakta ner min WordPress-webbplats?

Nej, inaktiva plugins påverkar inte din webbplats laddningstid. WordPress laddar bara filerna för aktiva plugins, så de använder inga serverresurser. Det är dock fortfarande en bra säkerhetsåtgärd att ta bort alla plugins du inte planerar att använda igen.

3. Hur kan jag ta reda på vilket specifikt plugin som saktar ner min webbplats?

Den mest pålitliga metoden är att först testa din webbplats hastighet. Inaktivera sedan alla dina plugins och testa igen. Du kan återaktivera dem en efter en och köra ett hastighetstest varje gång. När du ser en betydande minskning av hastigheten har du hittat pluginet som orsakar problemet.

4. Är det bättre att använda ett stort plugin med många funktioner eller flera mindre, enskilda plugins?

Det beror helt på kodkvaliteten. Ofta är flera lätta, specialiserade plugins mer effektiva än ett uppblåst multifunktionsplugin som laddar resurser för funktioner du inte ens använder. Välj alltid plugins som är kända för att vara snabba och effektiva.

Ytterligare resurser för att snabba upp din webbplats

Nu när du vet hur du hanterar dina plugins för bättre prestanda kan du utforska andra sätt att göra din webbplats ännu snabbare. Vi rekommenderar dessa guider för dina nästa steg:

• Den ultimata guiden för att öka WordPress hastighet & prestanda – Vår kompletta handledning täcker alla aspekter av webbplatshastighet, från hosting till bildoptimering och mer.
• Bästa WordPress cachningsplugins – Cachning är ett av de mest kraftfulla sätten att förbättra din webbplats laddningstid. Denna jämförelse hjälper dig att välja den bästa lösningen.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.