Optimiser les fichiers CSS et JS dans purity III
Ceci est une nouvelle fonctionnalité dans T3 Framework (version 2.1.0), si vous exécutez n'importe quel modèle développé avec le framework T3 et que vous souhaitez utiliser cette fonctionnalité, vous devez mettre à niveau vers la version 2.1.x
Comment fonctionne l'optimisation.
La fonction d'optimisation sert à améliorer les performances de votre site. La fonction est appliquée aux CSS et JS. Lorsque l'option est activée, elle va regrouper et compresser les fichiers CSS et JS. Lorsque l'utilisateur affiche une page, au lieu de charger tous les fichiers CSS et JS, il va seulement charger le CSS et le fichier JS optimisé.
Lorsque vous activez l'optimisation, cela va:
-
Diminuer la taille totale du fichier à charger dans une seule page
-
Diminuer le nombre de requètes lors de l'affichage d'une page
Optimisation de la CSS
optimisation JS
Comment faire pour activer l'optimisation ?
Pour activer cette fonction, veuillez désactiver le mode de développement dans l'onglet General dans le réglage de paramètres de n'importe quel style Purity
Maintenant, activer les options: Optimize CSS et Optimize JS
Pour l'optimisation JS, nous fournissons 2 outils de compression: Closure Compiler et JSMIN. The Closure compiler a une meilleure compression et est plus précis mais il limite la taille du groupe d'optimisation (en dessous de 200kb).
Vous pouvez exclure les fichiers CSS et JS que vous ne voulez pas optimiser, il suffit d'ajouter le nom de fichier, si vous avez beaucoup de fichiers, veuillez les séparer par des virgules. Si vous avez 2 mêmes fichiers, veuillez ajouter un chemin d'accès complet aux fichiers afin de les distinguer.
Où sont sauvegardés les fichiers optimisés?
Tout le CSS optimisés sont situés dans le dossier /t3-assets/css et les fichiers JS optimisés sont situés dans /t3-assets/js.
Comment les fichiers optimisés sont ils générés?
Si l'option d'optimisation est activée, le CSS et les fichiers JS optimisés seront automatiquement générés lorsqu'une page est affichée pour la première fois. S'il y a le moindre changement dans le CSS, dans le JS chargé dans une page, de nouveaux fichiers JS et CSS optimisés seront de nouveau générés automatiquement.
Donc, pour éviter d'avoir beaucoup de CSS et de fichiers JS optimisés, vous devriez vérifier avant d'activer l'option d'optimisation.