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!
Er zijn meerdere mogelijkheden
- Niet laten afvuren en de CSS/JS zelf tonen
Dit kan vaak in een mu-plugin of thema functions.php bestand - Afvangen en redirecten
Dit kan middels een .htaccess bestand - 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!
Als je dit artikel leuk vond, dan moet je deze speciaal geselecteerde artikelen ook lezen!