Cecil est une application en ligne de commande, motorisé par PHP, qui fusionne des fichiers texte (écrit en Markdown), des images et des templates Twig afin de générer un site web statique.
Ce billet fait suite à un précédent article traitant des capacités de Cecil à optimiser les images (au sein des pages).
Même si les images ne bloquent pas le rendu d’une page web, il est important de penser à l’expérience utilisateur pendant leur chargement.
En effet, si une image n’est pas encore chargée et que ses dimensions (largeur x hauteur) sont définies, une zone vide sera affichée.
Cecil, mon générateur de site statique, permet de manipuler des ressources web (assets) tels que des images, des feuilles de styles (CSS ou Sass), des scripts, etc.
Dans le cas des images, on peut considérer qu’il en existe de deux types selon l’usage :
Dans la suite de cet article je vais me concentrer sur les images contenues dans les pages, et comment elles sont optimisées par Cecil.