Versions de Magento 2.3.3+: Petit topo sur le CSS critical path dans la doc front-end officielle.
La fonctionnalité est limitée, nativement, à l’utilisation d’un fichier au format CSS (pas de LESS).
Pour contourner cette limitation, créez un fichier critical.less
dans app/design/frontend/Vendor/theme/web/css/critical.less
et déclarez ce dernier dans votre config Grunt (dev/tools/grunt/configs/local-themes.js
):
1 2 3 4 5 6 7 8 9 10 11 |
module.exports = { yourcustomtheme: { area: 'frontend', name: 'Vendor/yourcustomtheme', locale: 'fr_FR', files: [ 'css/critical' ], dsl: 'less' } }; |
Puis lancez les commandes:
1 2 |
$ n98-magerun2 config:set dev/css/use_css_critical_path 1 $ rm -rf pub/static/*; rm -rf var/view_preprocessed/* |