Har du någonsin undrat hur Wordpress plugins påverka laddningstiden för din webbplats? De Wordpress plugins låter dig lägga till funktioner på din webbplats, men de kan också påverka hastigheten på en webbplats. I den här handledningen visar vi dig hur WordPress-plugins påverkar din webbplats laddningstid och hur du kan kontrollera dem mer effektivt.
Hur fungerar ett plugin?
WordPress-plugins liknar en applikation för din WordPress-webbplats. Du kan installera dem för att lägga till fler funktioner på din webbplats som kontaktformulär, fotogallerier eller en e-butik.
När någon besöker din webbplats laddar WordPress först sina kärnfiler och laddar sedan alla dina aktiva plugins.
Hur plugins kan påverka din blogg?
varje Wordpress plugin erbjuder olika funktioner. För att göra detta gör vissa plugins anrop till databasen i bakgrunden medan andra laddar filer på front-end som CSS, JavaScript-filer, etc.
De flesta plugins gör en HTTP-begäran för att ladda filer som skript, CSS och bilder. Varje begäran ökar laddningstiden för hela sidan på din webbplats.
När du gjort det korrekt är effekten på prestanda ofta för märkbar.
Om du använder flera plugins som gör för många http-förfrågningar för att ladda upp filer kommer det därför att påverka webbplatsens prestanda och användarupplevelse.
Hur kontrollerar jag filerna som laddas av WordPress-plugins?
För att se hur plugins påverkar din sida laddningstid, måste du kontrollera filerna som laddas av dessa plugins på WordPress.
Det finns många verktyg du kan använda för att räkna ut detta.
Du kan använda webbläsarutvecklingsverktyget (i Google Chrome "Inspektera objekt").
Besök bara din webbplats och högerklicka för att välja " inspektera ". Detta öppnar panelen för utvecklingsverktyg.
Du måste klicka på fliken "Nätverk" och sedan ladda om din webbplats. För att se hur den laddas och för att se alla filer den laddas.
Du kan också använda tredjepartsverktyg som Pingdom och GTmetrix för att se detta. Dessa verktyg låter dig också se alla filer som laddas och hur lång tid det tar att ladda.
Hur många plugins behöver du installera?
Om du ser dessa olika filer laddade kan du börja undra hur många plugin-plugins du behöver använda?
Svaret beror verkligen på vilken uppsättning plugins du använder på din webbplats.
En enda dålig plugin kan ladda 12-filer medan flera bra plugins bara lägger till några extra filer.
Alla välkodade plugins försöker hålla filerna de laddar upp till ett minimum. Men inte alla plugin-utvecklare är försiktiga. Vissa plugins laddar filer på varje sida, även när de inte behöver den filen.
Om du använder många av dessa plugins kommer det att påverka prestandan på din webbplats.
Hur håller du plugins under kontroll?
Det viktigaste du kan göra på din WordPress-webbplats är att bara använda plugins som är välkodade, har bra recensioner och rekommenderas av betrodda källor.
Om du hittar en Wordpress plugin påverkar hur din webbplats laddas, så leta efter ett bättre plugin som gör samma jobb, men bättre.
Då måste du börja använda cache och CDN för att ytterligare förbättra prestandan och hastigheten på din webbplats.
En annan faktor som du bör överväga är värd för din webbplats. Om dina värdservrar inte är ordentligt optimerade kommer det inte att öka din webbplats svarstid.
Detta innebär att inte bara plugins utan den totala prestandan på din webbplats kommer att bli långsammare. Se till att du använder en av de bästa WordPress-värdarna.
Som en sista utväg kan du avinstallera plugins som du inte använder. Undersök noggrant de plugins som är installerade på din webbplats och se om du kan avinstallera dem. Detta är inte en idealisk lösning, eftersom du måste kompromissa med funktionaliteten mot din bloggs hastighet.
Inaktivera pluginprogram för stilark på WordPress
Först måste du hitta namnet eller handtaget på stilarket som du vill avregistrera. Du kan hitta den med ditt verktyg " inspektera elementet ".
När du har hittat handboken för stilark kan du " avregistrera Genom att lägga till den här koden till filen functions.php Av ditt tema eller huvudfilen för ett plugin.
add_action ( 'wp_print_styles', 'my_deregister_styles' 100); my_deregister_styles function () {wp_deregister_style ( 'gdwpm_styles-css'); }
Du kan ”avregistrera” så många stilhandtag som du vill i den här funktionen. Om du till exempel har mer än ett plugin vars stilark du vill "avregistrera" kan du göra det så här:
add_action ( 'wp_print_styles', 'my_deregister_styles' 100); my_deregister_styles function () {wp_deregister_style ( 'gdwpm_styles-css'); wp_deregister_style ( 'bfa-are-häftigt-css'); wp_deregister_style ( 'något-annat-format-handle'); }
Kom ihåg att "avregistrering" av dessa stilmallar kommer att påverka funktionen hos plugins på din webbplats. Du måste kopiera innehållet i varje stilmall du tar bort och klistra in dem i din stilmall. Wordpress tema eller lägg till dem som anpassad CSS.
Inaktivera JavaScript-plugins
Precis som stilark måste du hitta handtaget som används av JavaScript-filer för att "avregistrera" dem. Du hittar dock inte handtaget med " inspektera ".
För detta måste du gräva djupare i plugin-filerna för att hitta handtaget som används av plugin för att ladda ett skript.
Ett annat sätt att ta reda på alla handtag som används av plugins är att lägga till den här koden i ditt temas funktioner.php-fil.
funktion bpc_display_pluginhandles () {$ wp_scripts = wp_scripts (); $ handlename. = " "; foreach ($ wp_scripts-> kö som $ handtag): $ handlename. = ' '. $ handtag. ' '; endforeach; $ handlename. = " "; returnera $ handlename;} add_shortcode ('pluginhandles', 'bpc_display_pluginhandles');
När du har lagt till den här koden kan du använda [pluginhandles] -koden för att visa en lista med plugin-skripthandtag.
Nu när du har skripthandtag kan du enkelt "avregistrera" dem med hjälp av koden nedan:
add_action ( 'wp_print_scripts', 'my_deregister_javascript' 100); my_deregister_javascript function () {wp_deregister_script ( 'kontakt-formen-7'); }
Du kan också använda den här koden för att inaktivera flera skript, så här:
add_action ( 'wp_print_scripts', 'my_deregister_javascript' 100); my_deregister_javascript function () {wp_deregister_script ( 'kontakt-formen-7'); wp_deregister_script ( 'gdwpm_lightbox script'); wp_deregister_script ( 'en annan-plugin-script'); }
Nu, som vi nämnde tidigare, kommer inaktivering av dessa skript att förhindra att dina plugins fungerar korrekt.
För att undvika detta måste du kombinera JavaScripts-koderna tillsammans, men ibland fungerar det inte ordentligt, du måste veta vad du gör.
Det är allt för denna tutorial, jag hoppas att du vet hur du kan förbättra dina plugins. Om du har några frågor, fråga gärna dem.
