Installer Plugins

Tout d'abord, optez pour le Version payante complète d'Asset Cleanup Pro car il est plus riche en fonctionnalités, et ne téléchargez jamais une copie gratuite d'un plugin. Ceux-ci pourraient contenir du code malveillant et ne sont jamais mis à jour, vous rendant très vulnérable.

Qu'est-ce que Nettoyage des actifs Pro Faire?

C'est comme toute une pile de plugins d'optimisation en un seul. Il donne également un contrôle énorme sur chaque page de votre site Web. Vous pouvez charger/décharger des scripts jusqu'au niveau de la page, vous pouvez décharger les fonctionnalités WordPress inutilisées, vous pouvez différer le code et contrôler vos plugins.

En un mot, c'est le meilleur plugin pour prendre le contrôle de votre site Web et il est hautement recommandé. Je vais vous expliquer un peu comment l'utiliser à la page suivante.

Il a tellement de fonctionnalités qu’il a besoin d’une page à part !

Vous pouvez exécuter WP-Rocket en tandem avec Asset Cleanup Pro si votre serveur ne dispose pas d'un bon système de mise en cache intégré. Asset Cleanup Pro fonctionne en tandem avec ses fonctions de mise en cache et convient parfaitement si vous avez besoin d'une solution de mise en cache.

L'optimisation de vos images est essentielle pour obtenir un bon temps de chargement de page et un bon score de vitesse de page. Les images modernes peuvent être très volumineuses (plusieurs Mo) et si l’on considère que l’ensemble de cette page Web fait environ 650 Ko, code et images compris, vous pouvez voir l’importance de mettre vos images au régime.

Il existe plusieurs optimiseurs d’images dans le référentiel WordPress, et la plupart d’entre eux font bien le travail. Il y en a deux que je recommande. Pixel court et Imaginer.

Shortpixel est bon car il est gratuit (tant que cela ne vous dérange pas d'optimiser 50 images à la fois) et fonctionne immédiatement. Il y a un facile à suivre Guide de l'utilisateur des pixels courts sur cette page si vous voulez essayer celui-là.

Cependant, je recommanderais d'installer Imagify. Le service est gratuit jusqu'à 200 images par mois, et seulement $10/mois pour une utilisation illimitée. C'est défini et oublié, et vous pouvez également convertir (et servir) des images en utilisant le nouveau format WEBP, à condition que votre serveur le prenne en charge. Hébergement Kinsta prend en charge la compression d'image WEBP si vous vous demandez.

Encore une fois, je consacrerai une page à Imagify plus loin dans le guide, et je recommanderais de l'utiliser comme plugin d'optimisation d'image.

WP-Rocket est avant tout un plugin de mise en cache et de performances qui accélère votre site Web. C'est l'une des solutions les plus chères à $49 par an, mais elle fonctionne très bien. La raison pour laquelle il est si bon est double : il comporte un processus de configuration d'une minute vraiment explicite et il est rapide.

Ajoutez à cela le fait qu'il est totalement compatible avec Asset Cleanup Pro et vous obtenez une configuration prête à aborder tous les aspects de l'optimisation. Même si votre site Web dispose d'un système de mise en cache, WP-Rocket améliorera vos temps de chargement et vos scores.

La mise en cache fonctionne comme une sorte de banque de mémoire. Il stocke tous les fichiers et pages dans le cache du serveur, puis propose cette page au prochain visiteur. Cela évite au prochain visiteur d'avoir à télécharger à nouveau les fichiers pour construire la page. Cela évite à la fois les environnements CSS et JS d'avoir à être téléchargés à chaque chargement de page, augmentant ainsi la vitesse.

Un mot sur Woocommerce

La mise en cache est idéale pour les pages statiques dont le contenu ne change jamais. Cependant pour les sites dynamiques, cela peut être problématique, voire constituer un risque pour la sécurité.

Imaginez que vous faites des achats sur un site Web, que vous accédez à votre panier, puis que vous passez à la caisse. Vous passez à la caisse et tout va bien. Cependant, grâce à la mise en cache, vos visites de panier et de paiement seront affichées à la prochaine personne qui accédera à son panier car elle se souviendra de votre dernière visite. Cela signifie que vous ne devez jamais mettre en cache votre panier et votre page de paiement. Excluez toujours ces pages des optimisations. Ce ne sont pas des pages de destination et n’affecteront donc pas votre référencement.

Tu peux Télécharger WP-Rocket ici.

Organisateur de plugins est un vieux mais un goldie. Encore une fois, je vais vous montrer comment cela fonctionne dans les pages suivantes.

Ce qu'il fait, c'est vous permettre de désactiver le chargement du plugin par appareil. Supposons que vous vouliez charger un plugin JS lourd (comme Slider Revolution) sur le bureau uniquement, mais assurez-vous qu'aucun script n'a été chargé sur mobile pour économiser du poids de la page, ce plugin est fait pour vous.

Vous pouvez également combiner cela avec un autre petit plugin appelé Extraits HTML. Ce que vous faites est de mettre n'importe quel code lourd, JS ou vidéo dans un extrait, puis de placer l'extrait dans le générateur de page Web lui-même plutôt que dans le code d'origine. Ensuite, vous désactivez le chargement de l’extrait HTML sur mobile. Cela sera entièrement expliqué sur la page de l'organisateur du plugin, mais cela change la donne pour création de sites web.

Les polices sont étonnamment grandes. Chaque fichier de police peut peser jusqu'à 200 Ko, vous souhaitez donc en utiliser le moins possible et les télécharger sur votre serveur afin qu'ils puissent être préextraits par le navigateur pour un affichage instantané.

Vous n’avez pas seulement des styles de police, vous avez également des épaisseurs de police. La plupart d'entre nous utilisent les polices Google, et le fait d'avoir des épaisseurs de police (épaisseurs) différentes peut entraîner le téléchargement de fichiers supplémentaires. Chaque fichier téléchargé par un thème entraîne un appel aux serveurs de polices Google. Vous ne le souhaitez pas vraiment car il s'agit d'une connexion externe, que le navigateur doit télécharger avant d'être appliquée à la page.

Qu'est-ce que Oh mon Dieu Faire?

En quelques clics, Oh mon Dieu analyse l'ensemble de votre site Web et télécharge vos polices sur votre serveur. C'est incroyablement simple et ça marche. Je consacrerai à nouveau une page à la configuration d'OMGF plus loin dans le guide, mais téléchargez-la et installez-la maintenant. C'est gratuit.

Un petit conseil sur les polices

Utilisez toujours 'affichage des polices : échange' lorsqu'on vous demande comment vous souhaitez afficher vos polices. Cela affichera brièvement les polices système standard sans télécharger les polices stylisées de votre thème. Google aime cela et cela fera une différence substantielle dans les temps de chargement de vos pages.

Flying Scripts est en fait le nom d'un développeur qui crée des plugins ultra rapides pour WordPress. Il existe deux plugins simples à installer. Le temps total d’installation pour les deux plugins combinés est inférieur à 2 minutes et ce sont tous deux des plugins gratuits.

Que sont Ces Des plugins ?

Le premier est Analyse de vol. Cela télécharge le script Google Analytics sur votre serveur afin que vous n'effectuiez pas d'appels JS lents vers Google lorsque vous utilisez Analytics ou Tag Manager. J'y reviendrai sur la page Flying Scripts, mais l'utilisation des trackers Google nuit vraiment à la vitesse de votre page.

Alors allez-y et installez celui-là. La seule configuration que vous devez effectuer après l'activation est de saisir votre code de suivi Analytics / Google Tag. Je recommanderais de le définir sur un suivi minimal pour enregistrer le code. C'est tout ce dont vous aurez besoin. Et c'est tout!

Que dire de la Deuxième Brancher?

C'est appelé Pages volantes – et c’est encore plus facile à configurer. Il suffit de l'installer et de l'activer et c'est fait. La seule chose que je recommanderais est de le configurer pour qu'il soit préchargé uniquement au survol de la souris. En effet, le préchargement de chaque page à partir des liens peut ralentir légèrement le score de vitesse de page, même si le temps de chargement pour l'utilisateur final est plus rapide. Le préchargement des pages au survol de la souris ne s'active que lorsque l'utilisateur survole le lien. Cela réduit toujours le temps de chargement des pages pour l'utilisateur final, mais résout le problème de vitesse des pages.

La plupart des sites WordPress utilisent des thèmes. Les thèmes sont excellents, à une chose près : ils sont très volumineux.

Qu'est-ce que Gonfler?

Bloat est l'endroit où vous avez du code supplémentaire en cours d'exécution sur votre page qui n'est pas nécessaire. Les formes de ballonnement les plus courantes sont Javascript et CSS.

Imaginez maintenant le moment où vous avez acheté votre thème. Vous l'avez probablement acheté parce qu'il était superbe, qu'il possédait de nombreuses fonctionnalités et qu'il faisait beaucoup de choses vraiment sympas. Le fait est que, maintenant que vous avez créé vos modèles de page, vous n’utilisez probablement pas le répertoire complet d’options du thème. C'est là que le ballonnement entre en jeu. C'est du code que vous n'utilisez pas sur les pages, et il ne vous est d'aucune utilité pour aller de l'avant.

Tous ces graphiques, effets CSS et options JS ont un coût. Ils seront dans les fichiers CSS/JS et seront chargés sur la page, que vous les utilisiez ou non. Si l’on considère que vous n’utilisez probablement pas 70-80% du CSS dans le thème, la quantité de données inutilisées chargées dans le navigateur peut être énorme. C’est là qu’intervient la purification du CSS/JS. Nous réécrivons les fichiers en utilisant uniquement le code dont vous avez besoin, ce qui entraîne d'énormes économies de données.

Comment Chargement rapide Aide?

Encore une fois, nous aurons une page qui lui sera dédiée, mais en substance Chargement rapide réécrit votre CSS afin qu'aucun bloatware ne soit présent sur vos pages. Il le fait également page par page, au cas où vous utiliseriez différentes mises en page sur différentes pages. Il est totalement configuré et oublié, et peut économiser une énorme quantité de données – jusqu'à 90% de votre poids CSS total, qui s'élève à 1 Mo ou plus sur les sites Web thématiques.

Pour les puristes, il existe une option gratuite pour le faire au Site Web PurifyCSS. Vous pouvez lire comment purifier votre CSS sur leur Page de blog CSS. C'est ce qu'on appelle le fractionnement de code et cela peut devenir fastidieux, surtout si vous avez beaucoup de pages et que Rapidload fait tout simplement tout pour vous.

Ce sont les seuls plugins que vous devez réellement installer pour le moment. Il vous donnera les outils nécessaires pour optimiser correctement votre site internet, sans le surcharger. Tandis qu'avec mon service de vitesse de page vous obtiendrez beaucoup plus de réglages manuels, les parties qui vous guideront tout au long de ce guide garantiront que votre site Web réussira Les principaux éléments essentiels du Web de Google et augmentez vos positions dans le classement.

Mais comment Est-ce que j'utilise Eux?

Nous allons maintenant examiner plus en détail ce que chaque plugin fait pour votre site Web et comment commencer à accélérer. Vous verrez que ces plugins ont été sélectionnés en raison de leur flexibilité.

Ils vous permettront de faire tout ce que vous avez lu, du report du JS au préchargement du CSS.