Asset CleanUp : accélérateur de vitesse de pages

Don’t just minify & combine CSS/JavaScript files ending up with large, bloated and slow loading pages: Strip the « fat » first and get a faster website 🙂

Faster page load = Happier Visitors = More Conversions = More Revenue

There are often times when you are using a theme and a number of plugins which are enabled and run on the same page. However, you don’t need to use all of them and to improve the speed of your website and make the HTML source code cleaner (convenient for debugging purposes), it’s better to prevent those styles and scripts from loading.

For instance, you might use a plugin that generates contact forms and it loads its assets (.CSS and .JS files) in every page of your website instead of doing it only in the /contact page (if that’s the only place where you need it).

« Asset CleanUp » analyse votre page et détecte tous les actifs chargés. Tout ce que vous avez à faire lorsque vous éditez une page / une publication est simplement de sélectionner les CSS / JS qu’il n’est pas nécessaire de charger, ce qui réduit la taille.

L’extension fonctionne mieux en combinaison avec une extension de cache (ex : WP Rocket, WP Fastest Cache, W3 Total Cache), un hébergeur qui propose des offres avec mise en cache au niveau serveur (ex : WP Engine, Kinsta) ou un service comme Cloudflare qui met en cache les pages.

Main plugin’s benefits include

• Réduit le nombre de requêtes HTTP chargées et élimine les ressources bloquant le rendu (importantes pour un chargement de page plus rapide) en déchargeant les fichiers CSS / JS inutiles.
• Préchargez les fichiers CSS / JS, les polices locales & Google Fonts pour que le navigateur télécharge les fichiers choisis dès que possible.
• Réduire les fichiers CSS (y compris le code en ligne dans les balises STYLE)
• Réduire les fichiers JavaScript (y compris le code en ligne dans les balises SCRIPT)
• Combinez le CSS restant chargé & fichiers JavaScript
• Fichiers CSS intégrés (automatiquement et en spécifiant le chemin d’accès aux feuilles de style)
• Différer les fichiers JavaScript combinés en appliquant l’attribut « defer » aux balises SCRIPT
• Suppression sur l’ensemble du site des émoticônes, des dashicons pour les utilisateurs invités et les commentaires s’ils ne sont pas utilisés
• Disable RSS Feeds
• Reduces the HTML code of the actual page (that’s even better if GZIP compression is enabled)
• Makes source code easier to scan in case you’re a developer and want to search for something
• Remove possible conflicts between plugins/theme (e.g. 2 JavaScript files that are loading from different plugins and they interfere one with another)
• Better performance score if you test your URL on websites such as GTmetrix, PageSpeed Insights, Pingdom Website Speed Test
• Google will love your website more as it would be faster and fast page load is nowadays a factor in search ranking
• Your server access log files (e.g the Apache ones) will be easier to scan and would take less space on your server

Optimisation / Suppression de Google Fonts

• Combinez toutes les demandes de polices Google en moins (généralement) une requête, en enregistrant un aller-retour vers le serveur pour chaque police supplémentaire demandée
• Vous avez le choix entre trois méthodes de livraison : blocage du rendu, asynchrone via Web Font Loader (webfont.js) ou asynchrone en préchargeant la feuille de style CSS.
• Possibilité de précharger les fichiers de polices Google à partir de fonts.gstatic.com (se terminant par .woff2)
• Appliquer la propriété CSS « font-display » à toutes les demandes de polices Google chargées
• Activez l’indicateur de ressource de préconnexion pour fonts.gstatic.com dans le cas où vous utilisez Google Fonts; ne laissez pas le navigateur attendre jusqu’à ce qu’il récupère le CSS pour le chargement des fichiers de police avant de commencer DNS / TCP / TLS
• Supprimez toutes les requêtes Google Font, y compris les préchargements de lien / police, @import / @font-face des fichiers CSS & Balises STYLE, astuces ressources

Optimisation des polices locales

• Précharger les fichiers de polices locales (se terminant par .woff, .woff2, .ttf, etc.)
• Apply « font-display: » CSS property to @font-face from existing to LINK / STYLE tags to improve the PageSpeed score for « Ensure text remains visible during webfont load »

Critical CSS

• You can add already generated critical CSS (e.g. via tools such as Advanced Critical CSS Generator customly for the homepage, posts, pages, taxonomy pages (e.g. category), archive pages (e.g. date, author), search, 404 not found
• The critical CSS can be added within the Dashboard as well as via code / Read More

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

• Really Simple Discovery (RSD) link tag
• REST API link tag
• Pages/Posts Shortlink tag
• WordPress version meta tag (also good for security reasons)
• All « generator » meta tags (also good for security reasons)
• Balises de lien du flux RSS (généralement, elles ne sont pas nécessaires si votre site Web ne contient pas de blog)
• oEmbeds, si 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’extraction peuvent être ajoutées et les commentaires conditionnels d’Internet Explorer sont préservés)

Chaque option peut être activée/désactivée selon vos besoins. Des instructions sur chacune d’elles sont données dans la page des réglages de l’extension.

Disable partially or completely XML-RPC protocol

Il s’agit d’un service API utilisé par WordPress pour des applications tierces, telles que les applications mobiles, la communication entre blogs et des extensions telles que Jetpack. Si vous utilisez ou envisagez d’utiliser un système distant pour publier du contenu sur votre site Web, vous pouvez laisser cette fonctionnalité activée (ce qui est le cas par défaut). De nombreuses personnes n’utilisent pas du tout cette fonction. Si vous en faites partie, vous pouvez la désactiver.

Plugin works with WordPress Multisite Network enabled!

Asset CleanUp Pro This plugin is the lite version of Asset CleanUp Pro that comes with more benefits including managing assets (CSS & JS files) on all WordPress pages, unloading plugins site-wide or via Regex(es), apply « async » and « defer » attributes on loaded JavaScript files which would boost the speed score even higher, move the loading location of CSS/JS files (from HEAD to BODY to reduce render-blocking or vice-versa if you need specific files to trigger earlier) and premium support. Click here to purchase Asset CleanUp Pro!

NOTES

People that have tested the plugin are so far happy with it and I want to keep a good reputation for it. In case something is not working for you or have any suggestions, please write to me on the forum and I will be happy to assist you. BEFORE rating this plugin, please check the following post http://chrislema.com/theres-wrong-way-give-plugin-feedback-wordpress-org/ and then use your common sense when writing the feedback 🙂

GO PRO

• Déchargez les fichiers CSS / JS sur toutes les pages WordPress, y compris les catégories, les balises, la taxonomie personnalisée (par exemple, la catégorie de produit WooCommerce), 404 Introuvable, Date et Archives de l’auteur & Résultats de la recherche)
• Unload plugins in the frontend view (for guest visitors) * This will not just unload the CSS/JS files loaded from the plugins, but everything else related to them (e.g. slow database queries)
• Unload plugins within the Dashboard /wp-admin/ * Do you have any slow pages that are loading within the Dashboard? You can reduce seconds in page load for some bulky ones or fix plugin conflicts
• Instruct the browser to download a CSS/JS file based on the visitor’s screen size (e.g. avoid downloading assets in mobile view when they are not needed, if the screen size is smaller than 768px)
• Différez CSS en l’ajoutant au BODY pour le charger de manière asynchrone (Le blocage du rendu en CSS retarde l’affichage d’une page Web de manière ponctuelle)
• Déplacez les fichiers JavaScript de HEAD vers BODY et vice-versa (les fichiers CSS déplacés vers BODY sont automatiquement différés)
• Différer les fichiers chargés par JavaScript (en appliquant l’attribut « defer » à tout fichier JS mis en file d’attente)
• Fichiers async chargés en JavaScript (en appliquant l’attribut « async » à tout fichier JS mis en file d’attente)
• Fichiers JavaScript en ligne (automatiquement et en spécifiant le chemin d’accès aux feuilles de style)
• Priority in releasing new features & other improvements (updates that are meant for both Lite and Pro plugins are first released to the Pro users)
• Premium support and updates within the Dashboard

Give Asset CleanUp a try! If you want to unlock all features, you can Upgrade to the Pro version.