Hur tillägg till WordPress påverkar webbplatsens hämtartid

Har du någonsin undrat hur tillägg till WordPress påverkar din sites inläsningstid? WordPress plugins allow you to add features to your site, men de kan också påverka hastigheten på din website. I den här artikeln visar vi dig hur tillägg till WordPress påverkar din sites laddningstid och hur du kan kontrollera dem mer effektivt.

Hur fungerar WordPress tillägg?

WordPress tillägg är som appar för din WordPress site. Du kan installera dem för att add to fler funktioner på din website, som kontaktformulär, gallerier eller en ecommerce store.

När någon besöker din website hämtar WordPress först sina core-filer och sedan alla dina aktiva tillägg.

För mer detaljer, ta en titt på vår artikel om vad som är WordPress tillägg? Och hur fungerar de?

Hur kan tillägg påverka webbplatsens hämtartid?

Varje WordPress tillägg erbjuder olika funktioner och funktioner. För att göra det gör vissa tillägg anrop till databasen på back-end medan andra hämtar filer på front end, t.ex. CSS stylesheets, JavaScript-filer, images etc.

Att göra sökningar i databaser och hämta filer add to din sites laddningstid. De flesta tillägg gör en HTTP-begäran för att hämta filer som gillar skript, CSS och images. Varje request ökar tiden det tar att ladda din site’s page.

När det utförs på rätt sätt är prestandapåverkan ofta inte alltför notice.

Men om du använder flera tillägg som gör för många http requests för att ladda filer och filer, kommer det att påverka din sites prestanda och användarupplevelse.

Hur kontrollerar jag filer som hämtas av WordPress tillägg?

För att se hur tillägg påverkar din sidas laddningstid måste du kontrollera filerna som laddas av WordPress-tillägg.

Det finns gott om tools som du kan använda för att ta reda på detta.

Du kan använda din webbläsares verktyg för utvecklare (Inspect i Google Chrome och Inspect Element i Firefox).

Besök helt enkelt din website och högerklicka för att välja Inspect. Detta öppnar panelen med verktyg för utvecklare.

You need to click on the ”Network” tabs and then reload your website. När sidan laddas om kommer du att kunna se hur din webbläsare hämtar varje fil.

Du kan också använda tredjepartsverktyg som Pingdom och GTmetrix för att se detta. Bland annan användbar information visar dessa tools också all filer som hämtar och hur lång tid de tog att ladda.

Hur många tillägg är för många?

När du ser dessa filer som hämmas kanske du börjar undra hur många tillägg du ska använda på min site? Hur många plugins är för många?

Svaret beror verkligen på vilken uppsättning tillägg du använder på din website.

Ett enda dåligt plugin kan hämta 12 filer medan flera bra plugins bara kommer att add to ett par extra filer.

Alla välkodade tillägg försöker hålla filerna de hämtar till ett minimum. Men ej alla utvecklare av tillägg är lika noggranna. Vissa tillägg hämtar filer vid varje page som laddas, även när de inte behöver dessa filer.

Om du använder för många sådana tillägg kommer detta att börja påverka din sites prestanda.

Hur håller man tillägg i control?

Det viktigaste du kan göra på din WordPress site är att bara använda tillägg som är välkodade, har bra reviews och rekommenderas av betrodda källor.

Se vår guide om hur du hittar vilka WordPress tillägg.

Om du upptäcker att ett WordPress-tillägg påverkar belastningen på din site, leta då efter ett bättre plugin som gör samma jobb men bättre.

Därefter måste du börja använda caching och CDN för att ytterligare förbättra din sites prestanda och hastighet.

En annan faktor du bör tänka på är din webbplats webbhotell. Om dina webbhotell servrar inte är ordentligt optimerade, kommer det att öka din webbplats responstid.

Detta innebär att inte bara tillägg, utan din sites övergripande prestanda kommer att bli långsammare. Se till att du använder ett av de bästa webbhotellen för WordPress.

Som en sista utväg kan du avinstallera tillägg som du kan leva utan. Reviewer noggrant de installerade tilläggen på din website och se om du kan avinstallera några av dem. Detta är ej en idealisk lösning eftersom du måste kompromissa med funktioner för hastighet.

Optimera WordPress tilläggs filer manuellt

Avancerade WordPress-användare kan försöka hantera hur WordPress-tillägg hämtar filer på sin site. Detta är obligatoriskt och kräver viss kunskap om kodning och debug.

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

De flesta utvecklare av WordPress-plugins använder dem för att hämta plugin-filer. WordPress kommer också med enkla funktioner för att avregistrera dessa skript och stylesheets.

Men om du bara inaktiverar att hämta dessa skript och stylesheets, kommer detta att bryta dina tillägg, och de kommer inte att fungera korrekt. För att fixa det måste du kopiera och paste dessa stilar och skript i ditt temas stylesheet och JavaScript-filer.

På så sätt kommer du att kunna ladda dem alla på en gång, minimera http-förfrågningarna och effektivt minska laddningstiden för din page.

Låt oss se hur du enkelt avregistrerar stylesheets och JavaScript-filer i WordPress.

Inaktivera stylesheets för tillägg i WordPress

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

När du har hittat stylesheet-handtaget kan du avregistrera det genom att lägga till den här koden i ditt temas functions.php-fil eller ett site-specifikt plugin.

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

Du kan avregistrera så många style handles som du vill inom denna funktion. Om du till exempel har mer än ett plugin att avregistrera stylesheet för, 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 om du avregistrerar dessa stylesheets kommer det att påverka utvalda funktioner i plugins på din website. Du måste kopiera innehållet i varje stylesheet du avregistrerar och klistra in dem i ditt WordPress temas stylesheet eller lägga till dem som custom CSS.

Inaktivera JavaScripts för tillägg i WordPress

Precis som med stylesheets måste du ta reda på det handtag som används av JavaScript-filen för att avregistrera dem. Du kommer dock ej att hitta handtaget med hjälp av inspect tool.

För det måste du gräva djupare i plugin-filer för att ta reda på det handtag som används av pluginet för att ladda ett skript.

Ett annat sätt att ta reda på alla de handtag som används av tillägg är att add to denna kod i ditt temas functions.php-fil.

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'); 

När du har lagt till den här koden kan du använda [pluginhandles] shortcode för att displaya en lista över plugin-skripthandtag.

Nu när du har skripthandtag kan du enkelt avregistrera dem med koden under:

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, gillar detta:

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' );
}

Nu, som vi nämnde tidigare att inaktivera dessa skript kommer att stoppa dina tillägg att fungera korrekt.

För att undvika detta måste du kombinera JavaScripts tillsammans, men ibland fungerar det inte smidigt, så du måste veta vad du gör. Du kan lära dig av försök och error (gillar många av oss gör), men vi rekommenderar att du inte gör det på en live site.

Det bästa stället att testa är på en lokal WordPress install eller på en staging site med hanterade WordPress hosting providers.

Hämtar skript endast på specifika pages

Om du vet att du kommer att behöva ett plugin-skript för att hämta på en viss page på din website, kan du allowa ett plugin på just den sidan.

På så sätt förblir skriptet inaktiverat på alla andra pages på din site och hämtas endast när det behövs.

Så här kan du hämta skript på specifika pages.

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

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

Denna kod inaktiverar helt enkelt kontaktformulär-7-skriptet på alla pages utom kontaktsidan.

Det är all för nu.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur tillägg till WordPress påverkar din sites laddningstid. Du kanske också vill se vår ultimata guide för att förbättra WordPress hastighet och site prestanda.

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