Gå till innehållet

Hur minskar laddningstiden för plugins?

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

Har du någonsin undrat hur WordPress-plugins påverkar webbplatsens laddningstid? Med WordPress-plugins kan du lägga till funktionalitet på din webbplats, men de kan också påverka webbplatsens hastighet. I den här handledningen visar vi hur WordPress-plugins påverkar webbplatsens laddningstid och hur du kan styra dem mer effektivt.

Ändra laddningstiden för ett plugin 1

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 samtal till databasen i bakgrunden medan andra laddar filerna i 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.

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

Nätverksutvecklingsverktyg

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.

Pingdom-verktyg

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 upptäcker att ett WordPress-plugin påverkar din webbplatsladdning, 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.

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

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 ".

Webbläsarelementinspektion

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 "avregistrera" dessa formatmallar kommer att påverka funktionerna i plugins på din webbplats. Du måste kopiera innehållet i varje formatmall du tar bort och klistra in det i ditt WordPress-temas formatmall eller lägga till det 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.

Hanterar wordpress-skript

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

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.

Den här artikeln innehåller kommentarer 0

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
5 aktier
del2
tweet1
Enregistrer2