Sélectionner une page


Ne vous contentez pas de minimiser et de combiner les fichiers CSS / JavaScript qui créent des pages volumineuses, gonflées et à chargement lent: Supprimez d’abord le « gras » et obtenez un site Web plus rapide 🙂

Chargement plus rapide de la page = visiteurs plus satisfaits = plus de conversions = plus de ventes

Il existe des instances courantes où vous avez un thème et un ensemble de plugins activés et exécutés sur la même page. Cependant, vous n’êtes pas obligé de les utiliser tous pour améliorer la vitesse de votre site Web et rendre le code source HTML plus propre (pratique à des fins de débogage). Il est préférable d’empêcher le chargement de ces styles et scripts.

Par exemple, vous pouvez utiliser un plugin qui génère des formulaires de contact et charge ses actifs (fichiers .CSS et .JS) sur chaque page de votre site Web au lieu de simplement le faire sur la page / contact (si c’est le seul endroit où vous en avez besoin) .

« Asset CleanUp » scanne votre page et détecte tous les actifs chargés. Tout ce que vous avez à faire lors de l’édition d’une page / publication est simplement de sélectionner le CSS / JS qui n’a pas besoin d’être chargé pour réduire le gonflement.

Le plugin fonctionne mieux en combinaison avec un plugin de cache (par exemple WP Rocket, WP Fastest Cache, W3 Total Cache), une société d’hébergement qui propose des packages avec mise en cache disponible au niveau du serveur (par exemple WP Engine, Kinsta) ou un service comme la page Cloudflare mise en cache activée.

Les avantages du plugin principal incluent:

  • Réduit le nombre de requêtes HTTP chargées et élimine les ressources de blocage de rendu (important pour un chargement plus rapide des pages) en déchargeant les CSS / JS inutiles
  • Préchargez les fichiers CSS / JS, polices locales et polices Google pour demander au navigateur de télécharger les éléments sélectionnés dès que possible
  • Réduisez les fichiers CSS (y compris le code en ligne dans les balises STYLE).
  • Réduisez les fichiers JavaScript (y compris le code en ligne dans les balises SCRIPT).
  • Combinez les fichiers CSS et JavaScript chargés restants
  • Fichiers CSS en ligne (automatiquement et en spécifiant le chemin d’accès aux feuilles de style)
  • Déplacer les fichiers JavaScript combinés en attribuant l’attribut « différer » aux balises SCRIPT
  • Suppression à l’échelle du site pour les emojis, les icônes de tableau de bord pour les utilisateurs invités et la réponse aux commentaires lorsqu’ils ne sont pas utilisés
  • Réduit le HTML de la page réelle (c’est encore mieux avec la compression GZIP activée).
  • Facilite l’analyse du code source au cas où vous êtes un développeur et que vous souhaitez rechercher quelque chose
  • Supprimez les éventuels conflits entre les plugins / thèmes (par exemple, 2 fichiers JavaScript chargés par différents plugins et interférant les uns avec les autres).
  • Meilleure évaluation des performances lorsque vous testez votre URL sur des sites tels que GTmetrix, PageSpeed Insights et Pingdom Website Speed Test
  • Google aimera davantage votre site Web car il est plus rapide et le chargement rapide des pages est un facteur dans le classement de la recherche de nos jours.
  • Vos fichiers journaux d’accès au serveur (tels que les fichiers Apache) sont plus faciles à analyser et occupent moins d’espace sur votre serveur

Optimisation / suppression des polices Google

  • Combinez toutes les requêtes Google Font en moins de requêtes (généralement une) et enregistrez un aller-retour vers le serveur pour chaque police supplémentaire demandée
  • Choisissez entre trois méthodes de livraison: rendu en bloc, asynchrone via Web Font Loader (webfont.js) ou asynchrone en préchargeant la feuille de style CSS
  • Option pour précharger les fichiers de polices Google à partir de fonts.gstatic.com (par exemple avec l’extension .woff2)
  • Appliquer la propriété d’affichage de la police CSS à toutes les demandes de polices Google chargées
  • Activez l’avis de ressource Preconnect pour fonts.gstatic.com si vous utilisez Google Fonts. Ne laissez pas le navigateur attendre que le CSS charge les fichiers de polices avant de démarrer DNS / TCP / TLS
  • Supprimez toutes les exigences de Google Font, y compris les préchargements de lien / police, @ import / @ font-face des fichiers CSS et des balises STYLE, et des notes sur les ressources

Optimisation des polices locales

  • Préchargez les fichiers de polices locaux (finissant par .woff, .woff2, .ttf, etc.).
  • Appliquez la valeur de propriété CSS « font-display » aux balises LINK / STYLE (version Pro).

Supprimer les liens inutiles, les balises méta et les commentaires HTML dans les balises HEAD et BODY (pied de page) du site Web

  • Balise de lien RSD (découverte vraiment simple)
  • Balise de lien Windows Live Writer
  • Balise de lien API REST
  • Balise de lien abrégé Pages / posts
  • Balise de liens relationnels de l’article
  • Balise Meta de la version WordPress (également utile pour des raisons de sécurité)
  • Toutes les balises meta « générateur » (également utiles pour des raisons de sécurité)
  • Balises de lien de flux RSS (généralement inutiles si votre site Web n’est pas utilisé à des fins de blogage)
  • oEmbeds lorsque vous n’avez pas besoin d’intégrer des vidéos (par exemple, YouTube), des tweets et des audios
  • Commentaires HTML valides (des exceptions à l’effacement peuvent être ajoutées et les commentaires conditionnels d’Internet Explorer sont conservés)

Chaque option peut être activée et désactivée selon les besoins. Les instructions sur chacun d’eux peuvent être trouvées sur la page des paramètres du plugin.

Désactiver tout ou partie du protocole XML-RPC

Il s’agit d’un service API utilisé par WordPress pour des applications tierces telles que les applications mobiles, la communication entre les blogs et les plugins tels que Jetpack. Si vous utilisez un système distant ou prévoyez de publier du contenu sur votre site Web, vous pouvez laisser cette fonctionnalité activée (par défaut). De nombreux utilisateurs n’utilisent pas du tout cette fonctionnalité. Si vous en faites partie, vous pouvez les désactiver.

Le plugin fonctionne avec le réseau multisite WordPress activé!

Asset CleanUp Pro
Ce plugin est la version allégée d’Asset CleanUp Pro qui présente d’autres avantages, notamment la gestion des actifs (fichiers CSS et JS) sur toutes les pages WordPress, le déchargement des plugins sur le site Web ou via Regex (s). Appliquer les attributs « async » et « différer » Si des fichiers JavaScript sont chargés, ce qui augmenterait encore la vitesse, déplacez l’emplacement de chargement des fichiers CSS / JS (de HEAD à BODY pour réduire le blocage des rendus, ou vice versa si vous avez besoin certains fichiers à déclencher plus tôt) et un support premium. Cliquez ici pour acheter Asset CleanUp Pro!

REMARQUES

Les gens qui ont testé le plugin en ont été satisfaits jusqu’à présent et je veux garder une bonne réputation. Si quelque chose ne fonctionne pas pour vous ou si vous avez des suggestions, écrivez-moi dans le forum et je serai heureux de vous aider. AVANT de noter ce pluginVeuillez consulter le post suivant http://chrislema.com/theres-wrong-way-give-plugin-feedback-wordpress-org/ puis utilisez votre bon sens lors de la rédaction des commentaires 🙂

GO PRO

  • Déchargez les fichiers CSS / JS sur tous les sites WordPress, y compris les catégories, les balises, la taxonomie personnalisée (par exemple, la catégorie de produit WooCommerce, 404 Not Found, l’archive de la date et de l’auteur, les résultats de la recherche)
  • Décharger les plugins dans la vue frontale (pour les visiteurs invités) * Cela décharge non seulement les fichiers CSS / JS chargés par les plugins, mais également tout ce qui y est lié (par exemple, les requêtes de base de données lentes).
  • Déchargez les plugins dans le tableau de bord / wp-admin / * Le chargement des pages dans le tableau de bord est-il lent? Vous pouvez réduire le chargement de la page pendant quelques secondes volumineuses ou résoudre les conflits de plugins
  • Demandez au navigateur de télécharger un fichier CSS / JS en fonction de la taille de l’écran du visiteur (par exemple, évitez de télécharger des actifs en vue mobile lorsqu’ils ne sont pas nécessaires lorsque la taille de l’écran est inférieure à 768 pixels).
  • Déplacez le CSS en l’ajoutant au BODY pour le charger de manière asynchrone (le blocage du rendu CSS retarde l’affichage d’une page Web en temps opportun).
  • Déplacement des fichiers JavaScript de HEAD vers BODY et vice versa (les fichiers CSS qui sont déplacés vers le BODY sont automatiquement remis en place).
  • Différer les fichiers chargés par JavaScript (en appliquant l’attribut Différé à un fichier JS en file d’attente)
  • Fichiers JavaScript asynchrones chargés (en appliquant l’attribut async à chaque fichier JS en file d’attente)
  • Fichiers JavaScript en ligne (automatiquement et en spécifiant le chemin d’accès aux feuilles de style)
  • Appliquez la propriété CSS « font-display: » des fichiers locaux existants à @ font-face pour améliorer la notation PageSpeed pour « Assurez-vous que le texte reste visible lors du chargement des polices Web ».
  • Donner la priorité à la publication de nouvelles fonctionnalités et autres améliorations (les mises à jour destinées à la fois aux plugins Lite et Pro seront d’abord publiées pour les utilisateurs Pro).
  • Assistance Premium et mises à jour dans le tableau de bord

Essayez Asset CleanUp! Si vous souhaitez déverrouiller toutes les fonctionnalités, vous pouvez Passez à la version Pro.



Source link

Recent Posts