Experius_CriticalCSS

De front-end van de omgeving wordt opgebouwd op basis van onder andere CSS en JavaScript (JS). Door deze data efficiënter in te laden wordt de laadtijd van de webshop verkleind en wordt de snelheid verbeterd.

De Experius_CriticalCSS module zorgt ervoor dat bij het laden van pagina alleen de CSS die op dat moment gebruikt is wordt ingeladen. Deze CSS wordt de "Critical CSS" genoemd. Critical duidt dus niet op de performance van de webshop 

Achterliggende techniek

Wanneer de front-end van de webshop wordt gecompileerd (dit is een onderdeel van het deploy-proces) wordt er een extra proces uitgevoerd om de critical CSS op te bouwen. Hierbij wordt gecontroleerd of de in de back-end ingevoerde url's (Stores > Configuration > Experius > Critical CSS) kunnen worden opgebouwd. Deze url's moeten dus bestaande url's zijn.

Critical CSS in combinatie met Pipeline Deployment 

Bij Pipeline Deployment wordt een deploy op een externe omgeving (Bitbucket) voorbereid. Daarbij wordt geen gebruik gemaakt van de configuratie die binnen de Magento back-end is opgeslagen, maar wordt gekeken naar de configuratie in de code (app/etc/config.php of app/etc/env.php).