Bricks Builder est connu pour sa légèreté et sa rapidité, mais comme tout outil, il peut être encore optimisé. L'une des optimisations les plus impactantes concerne la gestion du CSS.
Dans cet article, nous allons explorer comment optimiser le CSS généré par Bricks Builder en fonction du type de cache utilisé.
Comprendre les différents types de cache
Cache serveur / CDN / Edge Level
Recommandation : Inline CSS
Lorsque vous utilisez un cache au niveau du serveur, du CDN ou de l'edge, il est préférable de mettre le paramètre de CSS en inline. Cela permet de générer une page HTML complète en cache de manière plus efficace.
Explication :
- Efficacité du cache : Le cache serveur stocke une version complète de la page HTML. En inlinant le CSS, vous réduisez le nombre de requêtes HTTP nécessaires pour charger la page, ce qui améliore les performances.
- Réduction de la latence : Moins de requêtes signifie moins de latence, ce qui est crucial pour les visiteurs situés loin de votre serveur.
Il s'agit de la méthode retenue par toutes les solutions propriétaires comme WebFlow, Framer . Ce qui est logique puisqu'ils contrôlent leurs propres serveurs et leurs CMS ensemble et ces outils sont souvent utilisés sur des sites vitrine avec très peu de pages.