Fonctionnalités de JCH Optimize

Certaines fonctionnalités ne sont présentes que dans la version Pro du plugin : pour vérifier les fonctionnalités présentes dans chaque version, l'auteur demande à ce que vous alliez visiter sa page affichant les différences entre les 2 versions : https://www.jch-optimize.net/downloads.html

Combinaison des fichiers

• Combine les fichiers CSS/javascript en un fichier unique,
• Gzip le fichier généré combinant tous les fichiers
• Exclus certains fichiers de la procédure combinant les fichiers afin d'éviter les soucis de fonctionnement,
• Exclus tous les fichiers d'un composant spécifié si le plugin n'arrive pas à fonctionner correctement avec un composant spécifique,
• Capacité de générer un lien direct (flat link) pour les fichiers combiné à utiliser en combinaison avec un fichier htaccess pour faciliter le cache par Proxy (CDN)
• Réduit la taille de la page html

Note : les fonctionnalités de combinaison correspondent à la base de fonctionnement du plugin.

Générateur de Sprites

• Combine les images d'arrière plan en un seul sprite
• Exclus certaines images qui fonctionne mal avec la technique du sprite
• Inclus des images additionnelles non incluses au départ dans le sprite

Note : un sprite est une image créée à partir de plusieurs images. A la place de charger plusieurs images, le système n'en charge qu'une seule et se positionne alors via du code css sur la bonne image. Un exemple : vous avez 10 images dans une page. Il y aura donc 10 appels (1 par image). Cette fonction va créer un fichier unique de toutes les images. Il est alors plus rapide de ne charger qu'un fichier que 10 à la suite pour un navigateur..

CDN/Domaines sans cookie

• Chargement des données depuis un CDN que vous déterminez dans le plugin,
• Chargement possible depuis 3 CDN / domaines différents
• Sélection des types de fichiers à charger depuis le CDN

Note : un CDN (Content Delivery System) permet de stocker les fichiers d'un site sur plusieurs serveurs en même temps. Ainsi, si vous avez 2 ou 3 serveurs (ou même plus !) qui fournissent les images, les css, etc.. de votre site quand une personne demande la page, cela va beaucoup plus vite que si c'est un seul et unique serveur qui est chargé de tout envoyer.

Chargement des images "à la demande" (LazyLoad images)

• Intégration d'un chargement des images "à la demande" intégré au HTML,
• Exclusion de fichiers individuels, de dossiers, ou depuis une classe directement paramétrable

Note : le chargement "à la demande" permet de ne charger les images d'une page que lorsque la personne les affiche à l'écran. Ainsi, si vous avez 200 image sur une page (une galerie photo par exemple) sans "chargement à la demande", les 200 images seront chargées par le visiteur quand il demandera la page. Avec cette fonctionnalité, la personne ne devra charger l'image que lorsqu'elle aura "scrollé" jusqu'à l'image. Le résultat est simple à comprendre : si l'utilisateur charge l'image que lorsqu'il peut la voir à l'écran, le temps de chargement est largement optimisé.

Optimisation de la livraison des fichiers CSS

• Organisation de l'ordre de livraison des fichiers CSS afin d'éviter que la page ne soit "bloquée" en attendant un fichier qui n'a pas été encore envoyé au navigateur

Note : cette fonction permet donc de charger les fichiers CSS par ordre de "nécessité". Exemple : vous avez un menu en haut de page et une animation en bas de page, les 2 éléments ayant besoin du CSS, le plugin va alors déterminer que l'élément visible en haut de page doit être chargé avant l'animation hors écran en bas de page, ce qui permettra au visiteur de voir tout de suite la page "correctement" sans attendre que tous les fichiers CSS soient chargés.

Optimisation des images

• Optimisation des fichiers images sans perte de qualité visuelle
• Option permettant de redimensionner les images avant de les optimiser.

Note : cette fonction est particulièrement intéressante de mon point de vue pour automatiser l'optimisation de plusieurs dizaines d'images facilement. L'équivalent "gratuit" de cette fonction est disponible sur le Net, par exemple avec Optimizilla, mais limité à un nombre d'images à réduire à la fois (ici, 20 images à la fois) qu'il faut envoyer sur le site puis remplacer dans vos dossiers (l'optimisation d'images du plugin est faite directement sur votre serveur : pas besoin de tout remplacer à la fin du traitement !) : https://imagecompressor.com/fr/