Dynamische AJAX CSS en JavaScript, een performance killer

Inhoudsopgave van: Dynamische AJAX CSS en JavaScript, een performance killer

Categorie: Duurzaamheid , The quest for speed | Tags: ajax, css, js

Er zijn veel plugins en zelfs thema's die via een verzoek naar wp-admin/ajax.php een stuk CSS of JavaScript inladen.

Het jammere is .. is dat bij ieder verzoek (ook al gebruik je page caching) WordPress Core, alle mu-plugins, het thema en de plugins ingeladen worden om enkel die enkele regels code door te sturen. Dat kan in het ergste geval meerdere seconden laadtijd kosten!

Schrijf je in voor onze nieuwsbrief

Ontvang ook onze laatste handige tips en WordPress nieuwtjes.

  • Maximaal 1x per week
  • Makkelijk uitschrijven

Schrijf je in voor onze nieuwsbrief

Een ogenblikje

Bedankt voor je inschrijving!

 

Er zijn meerdere mogelijkheden

  1. Niet laten afvuren en de CSS/JS zelf tonen
    Dit kan vaak in een mu-plugin of thema functions.php bestand
  2. Afvangen en redirecten
    Dit kan middels een .htaccess bestand
  3. Een andere plugin zoeken

1. Niet laten afvuren en de CSS/JS zelf tonen

Tip: Kijk naar alle enqueue functions

Vraag direct WordPress performance hulp aan!

2. AJAX call afvangen en redirecten

Voorbeeld call: wp-admin/ajax.php?action=mymail_form_css[hier nog meer]

Bezoek de URL en copieer de CSS, sla op in mymail_form_css.css

Nu kunnen we de AJAX call onderscheppen (enkele andere voorbeelden ook inbegrepen, pas naar eigen inzicht aan)

RewriteCond %{QUERY_STRING} ^action=mymail_form_css(.*)$
RewriteRule ^(.*)$ mymail_form_css.css [NC,L]

Zo zijn er nog meer te vinden zoals Mailchimp: site.nl/?mcsf_action=main_css&ver=4.1.1

RewriteCond %{QUERY_STRING} ^action=evolve_dynamic_css(.*)$
RewriteRule ^(.*)$ evolve.css [NC,L]

Of Simple Custom CSS: site.nl/?sccss=1&ver=4.2.2

RewriteCond %{REQUEST_URI} .css_grid\.php
RewriteRule ^(.*)$ empty.css [NC,L]

3. Een andere plugin zoeken

Het klinkt heel lastig, maar met de hoeveelheid beschikbare plugins die er zijn is er een aardige kans dat er een beter plugin voorhanden is. Het kan zo een fluitje van een cent zijn!

Geef je reactie

Je e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *



Als je dit artikel leuk vond, dan moet je deze speciaal geselecteerde artikelen ook lezen!


Ervaringen van anderen