Chargement rapide CSS Purification

Rapidload était auparavant un plugin qui nécessitait Autoptimize pour fonctionner, mais il s'agit désormais d'un plugin CSS autonome à part entière. Après avoir installé Rapidload, il sera visible sur la barre supérieure de votre tableau de bord d'administration WordPress. Cliquez dessus pour accéder à la zone de contrôle principale du plugin.

Alors comment Est ce que je Utilise le?

La première chose à faire est d’ajouter vos pages/produits et/ou publications. Vous pouvez également choisir d’ajouter l’intégralité de votre plan de site si vous le souhaitez. Cela analysera toutes les URL et créera les nouveaux fichiers. Le processus prend un certain temps, alors assurez-vous de cocher la case « Actualisation automatique » en bas pour voir la progression de chaque page. Vous pouvez cliquer sur le bouton « En file d'attente » ou « Traitement » à côté de chaque URL si elle reste bloquée.

Si vous avez des pages ou des fichiers CSS problématiques, vous pouvez les exclure des nouveaux fichiers CSS. Cela chargera certains fichiers depuis leur emplacement d'origine si vous rencontrez des problèmes de style. Activez également les CSS critiques, mais laissez les CSS mobiles séparés, sauf si vous disposez d'un site mobile/AMP dédié. Les thèmes sont vraiment conçus pour être réactifs, et avoir un cache séparé pourrait ralentir votre site Web.

Important Cacher / Réduire Points

Si vous utilisez un plugin de cache ou d'optimisation tel que WP Fusée ou Nettoyage des actifs Pro, ne cochez pas les cases pour réduire ou intégrer le code. En fait, parmi les cases du bas (Options supplémentaires), je n'en ai aucune cochée. En effet, toute la mise en cache est gérée par votre logiciel d'optimisation et si vous essayez de la mettre à nouveau en cache, cela entraînera non seulement des problèmes potentiels de mise en page, mais cela la ralentira en fait. Cachez et réduisez uniquement à partir d'une seule source de plugin.

Un autre point important à noter est la fonctionnalité « File d'attente automatique ». Si vous avez un site web qui a du contenu statique – c’est-à-dire que vous créez les pages/posts et qu’ils restent les mêmes, ne pas remettre les fichiers en file d'attente. Une fois qu'il a créé un fichier, il l'y conservera sans refaire constamment le fichier pour chaque URL à chaque visite de l'utilisateur. Si vous avez un grand site, cela devient très gourmand en serveur car votre site Web reconstruira constamment des fichiers CSS.

Si du contenu dynamique ou supplémentaire est ajouté en permanence aux mêmes pages, activez cette fonctionnalité. En effet, un nouveau contenu peut signifier que de nouveaux CSS sont utilisés – et vous avez besoin du fichier pour charger le CSS dont il a besoin pour afficher correctement les pages. Encore une fois, activez cette fonctionnalité uniquement si vous avez du contenu dynamique – comme une boutique Woocommerce ou quelque chose comme ça. Rapidload propose quelques packs de « listes sûres » qui vous aideront avec le type de site que vous possédez. Celui de Woocommerce, par exemple, empêchera la mise en cache ou la modification de votre panier et de vos pages de paiement de quelque manière que ce soit.

Rapidload vous avertira s’il y a des erreurs. Vous le verrez lorsque vous l'utiliserez. Il y a une icône verte dans la barre supérieure lorsque tout va bien, une icône orange s'il y a des pages avec des erreurs de mise en page et une rouge s'il y a des problèmes généraux. Vérifiez vos pages et ajustez les paramètres jusqu'à ce que les pages soient « toutes vertes ».

Vous verrez combien CSS Rapidload vous fait économiser. Si vous survolez une page, il vous indiquera le nombre de Ko, ainsi qu'un pourcentage de la quantité de code que vous enregistrez. Il est assez surprenant de voir la différence – et le temps de chargement des pages diminuera considérablement sur presque tous les sites Web WordPress sur lesquels vous l’utilisez.

Est-ce que cela fera un Différence?

Oui, ce sera le cas, en particulier sur les appareils mobiles. Comme les fichiers CSS peuvent être très volumineux, en particulier dans les thèmes WordPress commerciaux. la sauvegarde des données sera assez importante. Certains fichiers styles.css peuvent dépasser 1 Mo, alors imaginez que vous en économisez environ 80 à 851 TP3T – la taille de téléchargement initiale de la page sera considérablement réduite. C’est le principal moyen d’obtenir des scores très élevés, notamment sur les appareils mobiles. Dans certains cas, j'ai constaté une augmentation de 30% des scores de vitesse de page mobile en utilisant uniquement Rapidload.

La purification manuelle du CSS était réservée aux personnes expertes en CSS. Les fichiers CSS sont volumineux et vous devez être précis dans le CSS que vous retirez de votre site Web, et tester puis retester tout ce que vous faites.

Rapidload enregistre tout cela. Non seulement ça, mais tu es pas en supprimant en fait quoi que ce soit de vos fichiers CSS d'origine. Cela présente d’énormes avantages. Par exemple, si vous souhaitez ultérieurement utiliser différentes parties ou fonctions dans un thème, vous êtes libre de le faire. Exécutez simplement à nouveau le générateur CSS. Avec la purification manuelle, une fois retiré, il disparaît pour toujours.