Configuration de W3 Total Cache Paramètres de minification avancés

Dans l'article précédent, nous avons terminé la configuration des paramètres du cache de page. Dans cet article, nous poursuivons la configuration de W3 Total Cache en examinant les paramètres Général, HTML & XML, JS, CSS et Paramètres avancés, qui se trouvent tous dans la liste. Général menu.

Voyons ce que le W3TC a à offrir.

Minify

La minification de code consiste à supprimer les caractères inutiles du code source. Mini, lorsqu'il est utilisé comme préfixe, signifie petit. Ainsi, l'objectif de la minification est de rendre le code source "plus petit" afin d'améliorer les performances.. 

Tout d’abord, cliquez sur le bouton Minify à l'intérieur de Performance élément de menu situé dans le menu du tableau de bord:

Général

Examinons chacun des paramètres proposés dans le Général menu.

 1. Réécrire la structure de l'URL

Il est recommandé de réécrire la structure de l'URL pour incorporer CSS et JavaScript. L'utilisation de variables de chaîne de requête sur des ressources telles que celle-ci a tendance à être réutilisée avec des temps de chargement de page plus longs. Activez donc cette option..

2. Désactiver la minification pour les utilisateurs connectés

Comme le suggère l'option, si vous activez ce paramètre, les utilisateurs authentifiés ne recevront pas de pages réduites. Je recommande normalement de ne pas activer cette option. Le comportement doit être le même pour les utilisateurs connectés et déconnectés du site..

3. Réduire la notification d'erreur

Vous pouvez utiliser cette option pour recevoir des notifications par courrier électronique en cas d'erreur dans le processus de minification.. 

À ce stade, enregistrez les paramètres.

HTML et XML

Les réglages du HTML et XML menu sont les suivants:

1. HTML Minify Settings

Dans cette partie du plugin, nous devons activer la minification de HTML, CSS et JavaScript. Nous ne nous soucierons pas de réduire les flux ni d'activer l'option permettant de supprimer les sauts de ligne..

Si vous rencontrez des problèmes avec le style ou le comportement de votre page, vous pouvez commencer à le déboguer en désactivant les options CSS et JavaScript..

2. Tiges de commentaires ignorées

Le processus de minification supprime tous les commentaires de code afin de réduire la taille de la page. En même temps, vous ne voulez pas vraiment faire cela avec des éléments tels que les commentaires Google AdSense. Par défaut, W3TC nous propose ces préfixes pour qu’ils ne soient jamais supprimés du code. Vous pouvez conserver la section telle quelle ou inclure des commentaires supplémentaires.

Encore une fois, enregistrez les paramètres.

JavaScript

Passons au JavaScript menu.

1. Paramètres de minification JavaScript

Assurez-vous que ces paramètres sont mis à jour avec de nombreux tests. Lorsque minifié, JavaScript peut entraîner un comportement étrange quand il est minifié.

  • Paramètres optimaux: Sur la base de mon expérience avec différents serveurs et clients, je vous recommande d'utiliser ce que vous voyez dans la capture d'écran ci-dessus: Activer la minification JavaScript, activez l'option Combiner seulement option, et conservez le comportement défini comme Par défaut (blocage). Si vous rencontrez toujours des problèmes avec le comportement du site, vous pouvez désactiver ces paramètres..
  • Paramètres extrêmes: En utilisant Minify au lieu de Combiner seulement minimisera le JavaScript, ce qui peut entraîner un comportement erratique. C’est également le cas lorsque vous choisissez une méthode JavaScript non bloquante dans le menu déroulant. sélectionner élément. Vous pouvez également choisir d'activer ces paramètres pour un segment de vos utilisateurs (c'est-à-dire effectuer des tests A / B) afin de déterminer ce qui fonctionne le mieux..

Encore une fois, enregistrez les paramètres.

CSS

Voyons maintenant les paramètres de nos feuilles de style.

CSS Minify Settings & @import Handling

Tout d'abord, activez la minification CSS. Activez ensuite l'option de suppression des sauts de ligne. Contrairement à JavaScript, CSS n'est pas aussi susceptible d'être affecté par la suppression des espaces. Deuxièmement, choisissez Processus pour @import manutention

Si vous en savez un peu sur CSS, alors vous savez que @importation est utilisé pour importer un autre fichier CSS dans un. Cette méthode a tendance à ralentir le chargement de la page. Pour améliorer l'efficacité, le W3TC traite les @importation gérer et crée un seul fichier CSS à partir de celui.

Encore une fois, enregistrez vos paramètres.

Avancée

Enfin, jetons un coup d’œil à la Avancée réglages.

Longueur du nom de fichier Test et longueur du nom de fichier

Je vous recommande de désactiver ce paramètre. Lorsque le processus de minification dans W3TC combine plusieurs fichiers dans un seul fichier, il utilise cette zone pour définir la longueur du nom de fichier. Ne changez rien ici, à moins que vous ne sachiez ce que vous faites.

Mettre à jour des fichiers externes

Dans ce paramètre, spécifiez l'intervalle entre le téléchargement et la mise à jour des fichiers dans le cache Minify. Je recommande d'utiliser l'option par défaut de 24 heures (qui est 86400 secondes).

Intervalle de collecte des ordures

Si vous mettez des données en cache sur un disque, vous devez spécifier la fréquence à laquelle les données en cache expirées sont supprimées. Pour les sites très fréquentés, une valeur inférieure est préférable. Si vous n'avez pas de valeur par défaut, 864000 est un bon paramètre..

Autres paramètres avancés

Depuis que nous avons mis mode automatique pour la minification, cette zone nous aide à contrôler certaines pages, agents utilisateurs et fichiers que nous souhaitons supprimer de la minification..

  • Ne jamais minifier les pages suivantes: Les pages spécifiées mentionnées ici ne seront pas minifiées.
  • Ne réduisez jamais les fichiers JS suivants: Les fichiers JavaScript spécifiés ne seront pas minifiés.
  • Ne jamais minifier les fichiers CSS suivants: Les fichiers CSS spécifiés ne seront pas minifiés.
  • Agents d'utilisateur rejetés: Spécifiez les agents utilisateurs qui ne doivent pas recevoir le contenu normal non minisé
  • Inclure les fichiers / bibliothèques externes: Tous les fichiers externes qui devrait être minified sont spécifiés ici.

Enregistrer les paramètres une fois de plus.

Conclusion

Voilà pour les paramètres avancés. Si vous avez choisi auto mode de minification, vos réglages de minification pour W3TC prennent fin ici. 

Si vous avez des questions, faites le moi savoir en utilisant le formulaire ci-dessous.