Heb je je ooit afgevraagd hoe? WordPress plugins invloed op de laadtijd van uw site? De WordPress plugins Hiermee kunt u functionaliteit aan uw site toevoegen, maar ze kunnen ook de snelheid van een website beïnvloeden. In deze zelfstudie laten we u zien hoe u dat doet WordPress plugins invloed hebben op de laadtijd van uw site en hoe u deze effectiever kunt controleren.
Hoe werkt een plug-in?
WordPress-plug-ins zijn vergelijkbaar met een toepassing voor uw WordPress-site. U kunt ze installeren om meer functies aan uw site toe te voegen, zoals contactformulieren, fotogalerijen of een e-commerce winkel.
Wanneer iemand uw website bezoekt, laadt WordPress eerst de kernbestanden en vervolgens al uw actieve plug-ins.
Hoe kunnen plugins uw blog beïnvloeden?
elk WordPress Plugin biedt verschillende functies. Om dit te doen, bellen sommige plug-ins op de achtergrond naar de database, terwijl andere bestanden aan de voorkant laden, zoals CSS, JavaScript-bestanden, enz.
De meeste plug-ins doen een HTTP-verzoek om bestanden zoals scripts, CSS en afbeeldingen te laden. Elk verzoek verhoogt de laadtijd van de volledige pagina van uw site.
Als het eenmaal correct is gedaan, is de impact op de prestaties vaak te merkbaar.
Als u dus meerdere plug-ins gebruikt die te veel http-verzoeken doen om bestanden te uploaden, heeft dit invloed op de prestaties van uw site en op de gebruikerservaring.
Hoe controleer ik de bestanden die zijn geladen door WordPress-plug-ins?
Om te zien hoe plug-ins de laadtijd van uw pagina beïnvloeden, moet u de bestanden controleren die door deze plug-ins in WordPress zijn geladen.
Er zijn veel tools die u kunt gebruiken om dit uit te zoeken.
U kunt uw browserontwikkelingstool gebruiken (in Google Chrome "item inspecteren").
Ga naar uw site en klik met de rechtermuisknop om ' inspecteren ". Dit opent het paneel met ontwikkeltools.
U moet op het tabblad "Netwerk" klikken en vervolgens uw website opnieuw laden. Om te zien hoe het laadt, en om alle bestanden te zien die het laadt.
Je kunt ook tools van derden gebruiken zoals Pingdom en GTmetrix om dit te zien. Met deze tools kunt u ook alle bestanden zien die zijn geladen en hoe lang het duurt om te laden.
Hoeveel plug-ins heb je nodig om te installeren?
Als u deze verschillende bestanden ziet, kunt u zich afvragen hoeveel plug-in plug-ins u moet gebruiken?
Het antwoord hangt echt af van de set plug-ins die u op uw website gebruikt.
Een enkele slechte plug-in kan 12-bestanden laden, terwijl verschillende goede plug-ins slechts een paar extra bestanden toevoegen.
Alle goed gecodeerde plug-ins proberen de bestanden die ze uploaden tot een minimum te beperken. Niet alle ontwikkelaars van plug-ins zijn echter voorzichtig. Sommige plug-ins laden bestanden op elke pagina, zelfs als ze dat bestand niet nodig hebben.
Als u veel van deze plug-ins gebruikt, zal dit de prestaties van uw site beïnvloeden.
Hoe plug-ins onder controle te houden?
Het belangrijkste dat u op uw WordPress-site kunt doen, is om alleen plug-ins te gebruiken die goed zijn gecodeerd, goede recensies hebben en worden aanbevolen door vertrouwde bronnen.
Als je een vindt WordPress Plugin beïnvloedt hoe uw site wordt geladen, dus zoek naar een betere plug-in die hetzelfde werk doet, maar dan beter.
Vervolgens moet u caching en CDN gaan gebruiken om de prestaties en snelheid van uw site verder te verbeteren.
Een andere factor waarmee u rekening moet houden, is de hosting van uw website. Als uw hostingservers niet correct zijn geoptimaliseerd, zal dit de responstijd van uw site niet verlengen.
Dit betekent dat niet alleen de plug-ins, maar ook de algehele prestaties van uw site langzamer zullen zijn. Zorg ervoor dat u een van de beste WordPress-hosting gebruikt.
Als laatste redmiddel kunt u plug-ins verwijderen die u niet gebruikt. Bekijk de plug-ins die op uw site zijn geïnstalleerd van dichtbij en kijk of u ze kunt verwijderen. Dit is geen ideale oplossing, aangezien u de functionaliteit moet compromitteren tegen de snelheid van uw blog.
Schakel plug-ins voor stylesheets uit op WordPress
Eerst moet u de naam of handle vinden van de stylesheet die u wilt uitschrijven. U kunt het vinden met uw tool " inspecteer het element .
Na het vinden van de stijlbladgreep, kun je ' uitschrijven Door deze code aan het bestand toe te voegen functions.php Van uw thema of het hoofdbestand van een plug-in.
add_action ('wp_print_styles', 'my_deregister_styles', 100); functie my_deregister_styles () {wp_deregister_style ('gwwpm_styles-css'); }
U kunt in deze functie zoveel stijlhandvatten 'uitschrijven' als u wilt. Als u bijvoorbeeld meer dan één plug-in heeft waarvan u de stylesheet wilt "uitschrijven", dan kunt u dit als volgt doen:
add_action ('wp_print_styles', 'my_deregister_styles', 100); functie my_deregister_styles () {wp_deregister_style ('gwwpm_styles-css'); wp_deregister_style ('bfa-font-awesome-css'); wp_deregister_style ('some-other-stylesheet-handle'); }
Onthoud dat het 'uitschrijven' van deze stylesheets de functionaliteit van plug-ins op uw site beïnvloedt. U moet de inhoud van elke stylesheet die u verwijdert kopiëren en in uw stylesheet plakken. WordPress theme of voeg ze toe als aangepaste CSS.
Schakel JavaScript-plug-ins uit
Net als style sheets, zult u de handle moeten vinden die door JavaScript-bestanden wordt gebruikt om ze "uit te schrijven". U vindt het handvat echter niet met de " inspecteren .
Hiervoor moet je dieper ingaan op de plug-inbestanden om de handle te vinden die door de plug-in wordt gebruikt om een script te laden.
Een andere manier om meer te weten te komen over alle handvatten die door plug-ins worden gebruikt, is door deze code toe te voegen aan het functions.php-bestand van je thema.
functie bpc_display_pluginhandles () {$ wp_scripts = wp_scripts (); $ handlename. = " "; foreach ($ wp_scripts-> wachtrij als $ handle): $ handlename. = ' '. $ handvat. ' '; endforeach; $ handlename. = " "; return $ handlename;} add_shortcode ('pluginhandles', 'bpc_display_pluginhandles');
Na het toevoegen van deze code kunt u de shortcode [pluginhandles] gebruiken om een lijst met plug-inscripthandles weer te geven.
Nu je scripthandvatten hebt, kun je ze gemakkelijk "uitschrijven" met de onderstaande code:
add_action ('wp_print_scripts', 'my_deregister_javascript', 100); functie my_deregister_javascript () {wp_deregister_script ('contact-form-7'); }
U kunt deze code ook gebruiken om meerdere scripts uit te schakelen, zoals deze:
add_action ('wp_print_scripts', 'my_deregister_javascript', 100); functie my_deregister_javascript () {wp_deregister_script ('contact-form-7'); wp_deregister_script ('gwwpm_lightbox-script'); wp_deregister_script ('another-plugin script'); }
Zoals we eerder al zeiden, zal het uitschakelen van deze scripts voorkomen dat uw plug-ins correct werken.
Om dit te voorkomen, moet u de JavaScripts-codes combineren, maar soms werkt het niet goed, u moet weten wat u doet.
Dat is alles voor deze tutorial, ik hoop dat je weet hoe je je plug-ins kunt verbeteren. Als u vragen heeft, stel ze gerust.
