Jump to content
PrestashopUser03

Passer theme.css en inline

Recommended Posts

Bonjour à tous,

Je cherche à passer le fichier theme.css en inline afin d'accélérer mon site, cependant, lorsque je crée l'override du FrontController pour ajouter 'inline'=>true (comme indiqué dans la doc), voilà ce qui apparait dans le code source de la page :

<style> /* ---- theme-main @ /monsite/themes/at_movic/assets/css/theme.css ---- */ </style>

au lieu du contenu du dit fichier. Auriez vous une idée de comment régler ce problème.

 

Voici le code de l'override :

<?php
class FrontController extends FrontControllerCore
{

    public function setMedia()
    {
        $this->registerStylesheet('theme-main', '/assets/css/theme.css', ['media' => 'all', 'priority' => 50, 'inline' => true]);
     }
}

 

Share this post


Link to post
Share on other sites

Pourquoi réinventer la roue ???

Il suffit de l'activer dans les paramètres Performances -> Activer le ccc et le css sera en inline

Share this post


Link to post
Share on other sites

Merci pour cette réponse,

Par inline, je ne parle pas de la compression du fichier, je parle d'en inclure le contenu dans une balise <style> plutôt que d'appeler le fichier (qui est très lourd).

Tout était déjà évidemment compressé en backoffice :)

Share this post


Link to post
Share on other sites

Bonjour,

Croyez-vous réellement que votre site chargera plus vite si vous intégrez le code de 200Ko directement dans le code html de votre template plutôt que d'appeler le fichier theme.css ?

Share this post


Link to post
Share on other sites

Sur les tests que j'ai réalisé (en tous cas, pour les fichiers inférieurs à 20ko), ça a clairement amélioré la vitesse du site et son score sur pagespeedinsight. Pour un fichier aussi gros, je ne sais pas.

Share this post


Link to post
Share on other sites

Même réponse, le poids reste le poids, peut importe sa place.

Par contre un fichier tiers est plus rapide pour 2 raisons:

- Votre navigateur autorise plusieurs connexions simultanées donc le html et le css peuvent se charger simultanément

- Une fois le fichier css chargé dans votre navigateur celui-ci ne le rechargera pas à chaque page à la différence de votre inline

Share this post


Link to post
Share on other sites
  • dareboost déconseille
  • pingdom aussi
  • gtmetrix aussi

donc je crois que nous pouvons dire qu'il y a consensus.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More