Nettoyage des actifs Pro
Contrôle Chargement
Asset Cleanup Pro est la clé d’une bonne optimisation
Reprenez le contrôle de votre site Web
Qu'est-ce que c'est Nettoyage des actifs Pro?
Asset Cleanup Pro est un plugin WordPress qui est une boîte à outils d'optimisation. Il contient de nombreuses fonctionnalités qui vous permettront d’optimiser votre site Web jusqu’au moindre niveau. Il existe des outils similaires qui sont plus faciles à utiliser comme Hummingbird ou Autoptimize, mais aucun d'entre eux n'a les fonctionnalités d'Asset Cleanup Pro.
Il existe une multitude d’options que je vais aborder ici. Je ne donnerai pas de véritable guide d'utilisation, mais il existe un bon guide vidéo qui vous montre les principales fonctionnalités. Vous pouvez également lire le Documentation utilisateur sur le nettoyage des actifs il ne sert donc à rien de le réécrire. Cependant, je vais vous donner un aperçu écrit des fonctions et des mesures à prendre pour accélérer votre site Web.
L’essentiel est de savoir que vous pouvez paramétrer des optimisations à l’échelle du site en un clic, et optimiser les programmes page par page. C'est là que ça prend tout son sens. Vous pouvez décharger les scripts que vous n'utilisez pas sur certaines pages, réduisant ainsi le poids global de la page.
Lors de l'optimisation, il est préférable de le faire Mode navigation privée de Chrome et videz vos caches à chaque changement. Ainsi, vous verrez les versions les plus récentes de votre site Web dans votre navigateur. N'oubliez pas non plus de vérifier votre site Web lorsque vous êtes connecté dehors de WordPress. Le cache n'entre parfois en vigueur que lorsque vous êtes complètement déconnecté. Si Asset Cleanup Pro met quelque chose en cache et que vous ne le voyez pas, vous ne réalisez peut-être pas qu'un code est défectueux.
Contrôle Chargement
Asset Cleanup Pro est la clé d’une bonne optimisation
Reprenez le contrôle de votre site Web
Qu'est-ce que c'est Nettoyage des actifs Pro?
Asset Cleanup Pro est un plugin WordPress qui est une boîte à outils d'optimisation. Il contient de nombreuses fonctionnalités qui vous permettront d’optimiser votre site Web jusqu’au moindre niveau. Il existe des outils similaires qui sont plus faciles à utiliser comme Hummingbird ou Autoptimize, mais aucun d'entre eux n'a les fonctionnalités d'Asset Cleanup Pro.
Il existe une multitude d’options que je vais aborder ici. Je ne donnerai pas de véritable guide d'utilisation, mais il existe un bon guide vidéo qui vous montre les principales fonctionnalités. Vous pouvez également lire le Documentation utilisateur sur le nettoyage des actifs il ne sert donc à rien de le réécrire. Cependant, je vais vous donner un aperçu écrit des fonctions et des mesures à prendre pour accélérer votre site Web.
L’essentiel est de savoir que vous pouvez paramétrer des optimisations à l’échelle du site en un clic, et optimiser les programmes page par page. C'est là que ça prend tout son sens. Vous pouvez décharger les scripts que vous n'utilisez pas sur certaines pages, réduisant ainsi le poids global de la page.
Lors de l'optimisation, il est préférable de le faire Mode navigation privée de Chrome et videz vos caches à chaque changement. Ainsi, vous verrez les versions les plus récentes de votre site Web dans votre navigateur. N'oubliez pas non plus de vérifier votre site Web lorsque vous êtes connecté dehors de WordPress. Le cache n'entre parfois en vigueur que lorsque vous êtes complètement déconnecté. Si Asset Cleanup Pro met quelque chose en cache et que vous ne le voyez pas, vous ne réalisez peut-être pas qu'un code est défectueux.
Asset Cleanup Pro est un plugin WordPress qui est une boîte à outils d'optimisation. Il contient de nombreuses fonctionnalités qui vous permettront d’optimiser votre site Web jusqu’au moindre niveau.
Il existe des outils similaires qui sont plus faciles à utiliser comme Hummingbird ou Autoptimize, mais aucun d'entre eux n'a la fonctionnalité qui Nettoyage des actifs Pro a.
Il existe une multitude d’options que je vais aborder ici. Je ne donnerai pas de véritable guide d'utilisation, mais il existe un bon guide vidéo qui vous montre les principales fonctionnalités. Vous pouvez également lire le Documentation utilisateur sur le nettoyage des actifs il ne sert donc à rien de le réécrire. Cependant, je vais vous donner un aperçu écrit des fonctions et des mesures à prendre pour accélérer votre site Web.
L’essentiel est de savoir que vous pouvez paramétrer des optimisations à l’échelle du site en un clic, et optimiser les programmes page par page. C'est là que ça prend tout son sens. Vous pouvez décharger les scripts que vous n'utilisez pas sur certaines pages, réduisant ainsi le poids global de la page.
Lors de l'optimisation, il est préférable de le faire Mode navigation privée de Chrome et videz vos caches à chaque changement. Ainsi, vous verrez les versions les plus récentes de votre site Web dans votre navigateur.
N'oubliez pas non plus de vérifier votre site Web lorsque vous êtes connecté dehors de WordPress. Le cache n'entre parfois en vigueur que lorsque vous êtes complètement déconnecté. Si Asset Cleanup Pro met quelque chose en cache et que vous ne le voyez pas, vous ne réalisez peut-être pas qu'un code est défectueux.
Caractéristiques et avantages de Nettoyage des actifs Pro
Comment Optimiser Votre site web
Jetez un autre regard sur votre site Web
La première chose à faire est d’y jeter un regard logique. Y a-t-il des fonctionnalités particulières que vous souhaitez conserver ou supprimer ? Y a-t-il des plugins exécutés sur une page qui n’ont pas besoin d’être présents ?
Donne-moi Un exemple
Les formulaires de contact sont courants. Beaucoup de gens les ont dans le pied de page ou disséminés partout. As-tu vraiment besoin de ça ? Si quelqu'un devait vous contacter, cela irait sur la page de contact. Il est très rare que quelqu'un utilise un formulaire de contact dans le pied de page, alors pourquoi l'avoir là ?
Les scripts de formulaire de contact sont assez lourds – généralement entre 50 et 80 Ko et chargés de CSS. Maintenant, ce petit formulaire dans votre pied de page oblige la page à charger ces scripts à chaque chargement de page. Ne serait-il pas préférable d'avoir vos formulaires de contact sur une seule page logique et de charger uniquement les scripts de contact sur cette seule page ?
C’est le genre de chose qu’est l’optimisation. Avec Asset Cleanup Pro, vous pouvez accéder à votre 'Contactez-nous' et déchargez les scripts du formulaire de contact sur tout le site, à l'exception de cette seule page. Vous avez désormais économisé 50 à 80 Ko de poids de page en réorganisant vos formulaires de contact pour qu'ils soient plus logiques.
Puis-je Faites ceci Avec tous les scripts ?
Oui, à peu près. C'est également très pratique avec le branding. Souvent, la vitesse de page signifie réduire un peu votre site Web. Mais votre marque peut dépendre de l’apparence et des fonctionnalités de votre site Web. Pensez donc à la structure de votre site Web en tenant compte de votre image de marque. Créez des pages plus basiques comme cette page, puis créez celles qui portent votre marque partout, comme ma Page d'accueil.
Tant que vos pages de destination sont optimisées, c'est vraiment tout ce qui compte. Ne sacrifiez jamais l’image de marque pour la vitesse des pages. Cela rend votre site Web horrible à mesure que vous le supprimez de plus en plus bas. Surmonter 90% sur Google Insights est assez simple sur ordinateur, mais sur mobile, c'est une autre histoire. Les critères sont beaucoup plus stricts car les données dépendent des vitesses simulées du réseau 4G. Ne soyez pas obsédé par cela. Tant qu'il se charge rapidement et qu'il a une partition mobile dans les années 70, tout ira bien. Juste pour que vous le sachiez, le score moyen mondial au moment de la rédaction est de 38% sur mobile.
Différer et précharger CSS/JS
Différer le code signifie charger un morceau de code plus tard dans le processus. Le préchargement, ou Async, signifie le charger dès que possible avec d'autres fichiers. Avec le chargement asynchrone, le navigateur traitera les fichiers en tandem avec d'autres fichiers pour éviter tout blocage de rendu. Le différer ne le chargera pas du tout jusqu'à la fin du processus de chargement.
Obtenir un bon score de vitesse de page et temps de chargement rapides, vous devez différer le chargement des scripts qui ne sont pas nécessaires dans l'immédiat. Ce sur quoi vous vous concentrez est « au-dessus de la ligne de flottaison » contenu. C’est-à-dire ce que vous voyez lorsque vous chargez la page pour la première fois. Vous n'avez pas besoin de charger quoi que ce soit dans le pied de page ou dans les images plus bas sur la page – uniquement le contenu en haut.
C’est là que cela peut prêter à confusion car ce n’est pas toujours ce que vous voyez qui doit être chargé. Par exemple, certaines routines JS peuvent avoir des dépendances sur un autre fichier. Cela signifie que le fichier JS « parent » doit être chargé pour que le sous-programme JS enfant fonctionne. Un problème courant qui apparaît dans les rapports Google Insights est le JQUERY déposer. Il s'agit d'un fichier cadre dont dépendent de nombreux autres fichiers JS pour fonctionner. Vous pouvez essayer de le décharger, mais vous obtiendrez très probablement des erreurs. Mon conseil est de garder celui-ci chargé et de vous épargner bien des maux de tête. Vous pouvez toujours obtenir des scores élevés en le chargeant.
Le préchargement présente des problèmes similaires. C'est formidable que les fichiers soient chargés sans blocage du rendu, mais la clé ici est que les fichiers sont téléchargés en tandem avec d'autres fichiers. Cela est particulièrement vrai avec les fichiers JS et cela peut causer quelques problèmes. Encore une fois, c'est à cause des dépendances. Si le téléchargement d'un fichier JS parent n'est pas terminé avant que son script enfant ne commence le téléchargement, le script enfant ne peut pas fonctionner, provoquant des erreurs.
La même chose peut être dite des fichiers CSS, mais cela ne provoquera pas d'erreurs principales, mais plutôt des problèmes de mise en page. La plupart des thèmes ont un fichier « module » principal, et il contient la plupart du code CSS qui constitue les éléments constitutifs de votre site Web. Ce fichier doit rester chargé pour éviter les erreurs et changement de disposition problèmes, et c'est normalement assez gros. C'est là qu'interviennent les CSS critiques et le préchargement, mais nous y reviendrons plus tard. Chargement rapide page.
La chose à faire est donc de regarder la vidéo, puis d'y aller page par page et de cocher les cases pour différer ou précharger le fichier de chaque page. S'il s'agit de quelque chose que vous n'avez pas du tout besoin de charger, cochez la case pour le décharger sur tout le site et il sera déchargé sur toutes les pages. N'effectuez qu'un ou deux codes à la fois, videz le cache et vérifiez-le. Si vous en faites trop et que ça casse, cela devient alors un peu de travail de détective pour voir lequel a cassé le site !
Les bases de l'optimisation
Changer l'ordre de chargement à l'aide d'Asset Cleanup Pro est l'une des bases de l'optimisation de votre site Web. Cependant, il s’agit de l’étape la plus longue du processus de vitesse de page. Un bon conseil est de travailler avec vos plugins avant de vous attaquer aux fichiers de thème. En effet, il est facile de voir quels plugins sont chargés sur la page et de juger si vous avez besoin des fichiers ou non. Certaines fonctions du thème peuvent être moins évidentes et ce sont les fichiers de thème qui provoquent souvent le plus d'erreurs. Vous n'aurez peut-être pas besoin de charger quelque chose sur l'ensemble du site Web, à l'exception d'une page critique – et il est facile de manquer une icône non chargée, ou un carrousel manquant, etc.
Et alors Devrais-je Faire?
Comme indiqué, l'optimisation comporte de nombreuses étapes, et celle-ci est la première. Heureusement, c'est aussi le plus complexe. Une fois que vous avez chargé vos plugins uniquement là où ils doivent être et que vous êtes heureux que tout fonctionne, j'effectuerais une nouvelle sauvegarde du site. Puis faites un vitesse de page testez pour obtenir un score, notez-le et passez à une autre étape qui vous dérange dans le rapport Insights. Essayez peut-être l'optimisation de l'image ou organisateur de plugins astuce si vous avez un chargement de contenu important sur mobile.
Un autre petit conseil particulièrement utile lors du report de fichiers JS consiste à faire un clic droit sur la fenêtre Chrome et à cliquer sur « Inspecter ». Cela ouvre une fenêtre qui affiche tout le code chargé sur votre écran. Actualisez maintenant la page Web. Si vous obtenez une petite icône rouge avec une croix en haut de la fenêtre du code Chrome, cliquez dessus. Cela vous informera de toute erreur sur la page. Regardez quelle est l'erreur et faites-la correspondre aux noms de fichiers sur votre page. Réinitialisez ce que vous avez fait en dernier (ou arrêtez de différer JQUERY si vous avez essayé). Actualisez la page Web et voyez si l'erreur a disparu. S'il a disparu, vous savez qu'il ne faut pas différer ce fichier particulier.
N'essayez pas de tout faire en une seule fois. Installez-vous confortablement, réalisez les plugins, puis le thème lui-même une fois que vous êtes à l'aise avec l'interface utilisateur d'Asset Cleanup.
Déchargement des fonctionnalités de base
Au début de la vidéo, vous remarquerez que l’hôte parle de supprimer les fonctionnalités de base de WordPress. Portez une attention particulière à cela car c'est un attribut d'Asset Cleanup Pro que vous ne trouverez pas ailleurs. Il vous permet de supprimer le code principal inutilisé, ce qui peut réduire considérablement le poids de votre site Web.
WordPress est si grand que nous avons rarement besoin de quelque chose comme tout ce qu’il a à offrir, alors réduisons cela. Asset Cleanup Pro rend ce processus si simple car il vous suffit d'accéder à la zone d'administration du plugin et de petits interrupteurs à bascule activent et désactivent les fonctionnalités. Aucun codage requis !
Qu'est-ce que Chaque fonctionnalité Faire?
Avec le chargement des polices, nous y reviendrons une fois arrivés au Oh mon Dieu page. Une fois que nous avons fini de télécharger les polices sur le serveur, nous pouvons bloquer tous les appels sortants vers Google Fonts via Asset Cleanup Pro. Tout ce que vous avez à faire est de cliquer sur Avancé et de cocher la case. Ne le faites pas encore car cela ne chargera que les polices système par défaut qui ont l'air horribles !
Un petit conseil sur les polices
Dans les options du thème, utilisez le moins de types de polices possible. Vous pouvez utiliser différentes épaisseurs de police pour les titres, etc., mais n'utilisez pas de types différents. Les fichiers de styles de police sont volumineux et le choix d’une police solide semble non seulement cohérent, mais cela facilite vraiment la rapidité.
La plupart des gens peuvent désactiver le service XML-RPC Pingback. Cela ferme également certaines portes aux attaques sur votre site Web. Vous ne pourrez pas désactiver si vous utilisez des services de blogs externes, Jetpack ou si vous avez une application connectée à votre site. Cependant, si vous n'avez rien de tout cela, désactivez-le.
Les commentaires sont assez explicites. Si vous ne les utilisez pas, désactivez-le. Si vous le faites, gardez-le chargé. La même chose peut être dite pour les EMOJI et les Dashicons. Si vous utilisez un constructeur de pages comme Elementor ou WP-Bakery, désactivez également Gutenberg. Cela charge pas mal de code qui n'est pas nécessaire. Votre constructeur de pages s’en chargera.
Avec le nettoyage du code source HTML, vous pouvez pratiquement tous les supprimer. Il y a des instructions sur la page, alors lisez-les pour être sûr que vous n'utilisez aucune des fonctionnalités.
Si vous utilisez Kinsta ou bien tout autre hébergeur avec Cloudflare, vous ne pas activer le service CDN. Le CDN le gère déjà et cela provoquera des erreurs si vous l'activez. Si vous utilisez un autre CDN, indiquez votre adresse CDN ici. Cela aidera Asset Cleanup Pro à servir les fichiers à partir du bon emplacement dans votre configuration.
Nettoyage des actifs – Regardez la vidéo
Grace à Communauté WPLL Pour la vidéo
Vous êtes à l'aise avec Asset Cleanup Pro ?
Vous pouvez revenir et optimiser avec Asset Cleanup Pro à tout moment. Il est bon de tester les optimisations lors des sessions afin qu'une fois que certaines choses fonctionnent, vous puissiez arrêter le travail et y revenir plus tard. Chaque fois que vous ajoutez un nouveau plugin, vous pouvez simplement y accéder et optimiser ce plugin particulier de la manière dont vous souhaitez qu'il se charge.
Nettoyage des actifs Pro en soi, il ne faut pas trop de temps pour s'y habituer. Ce qui peut prêter à confusion, c'est toute cette histoire de report/préchargement. Un faux mouvement peut interrompre la fonctionnalité, alors faites-le toujours par petits morceaux afin de pouvoir vous souvenir facilement de toute modification que vous venez d'apporter.
Une fois que vous êtes satisfait de vos progrès, passez à l’étape suivante.
Prêt à continuer?
Étape 4 : Optimisation de l'image
Allumons ces pages !
Comment Optimiser Votre site web
Jetez un autre regard sur votre site Web
La première chose à faire est d’y jeter un regard logique. Y a-t-il des fonctionnalités particulières que vous souhaitez conserver ou supprimer ? Y a-t-il des plugins exécutés sur une page qui n’ont pas besoin d’être présents ?
Donne-moi Un exemple
Les formulaires de contact sont courants. Beaucoup de gens les ont dans le pied de page ou disséminés partout. As-tu vraiment besoin de ça ? Si quelqu'un devait vous contacter, cela irait sur la page de contact. Il est très rare que quelqu'un utilise un formulaire de contact dans le pied de page, alors pourquoi l'avoir là ?
Les scripts de formulaire de contact sont assez lourds – généralement entre 50 et 80 Ko et chargés de CSS. Maintenant, ce petit formulaire dans votre pied de page oblige la page à charger ces scripts à chaque chargement de page. Ne serait-il pas préférable d'avoir vos formulaires de contact sur une seule page logique et de charger uniquement les scripts de contact sur cette seule page ?
C’est le genre de chose qu’est l’optimisation. Avec Asset Cleanup Pro, vous pouvez accéder à votre page « Contactez-nous » et télécharger les scripts du formulaire de contact sur tout le site, à l'exception de cette seule page. Vous avez désormais économisé 50 à 80 Ko de poids de page en réorganisant vos formulaires de contact pour qu'ils soient plus logiques.
Puis-je Faites ceci Avec tous les scripts ?
Oui, à peu près. C'est également très pratique avec le branding. Souvent, la vitesse de page signifie réduire un peu votre site Web. Mais votre marque peut dépendre de l’apparence et des fonctionnalités de votre site Web. Pensez donc à la structure de votre site Web en tenant compte de votre image de marque. Créez des pages plus basiques comme cette page, puis créez celles qui portent votre marque partout, comme ma Page d'accueil.
Tant que vos pages de destination sont optimisées, c'est vraiment tout ce qui compte. Ne sacrifiez jamais l’image de marque pour la vitesse des pages. Cela rend votre site Web horrible à mesure que vous le supprimez de plus en plus bas. Surmonter 90% sur Google Insights est assez simple sur ordinateur, mais sur mobile, c'est une autre histoire. Les critères sont beaucoup plus stricts car les données dépendent des vitesses simulées du réseau 4G. Ne soyez pas obsédé par cela. Tant qu'il se charge rapidement et qu'il a une partition mobile dans les années 70, tout ira bien. Juste pour que vous le sachiez, le score moyen mondial au moment de la rédaction est de 38% sur mobile.
Différer et précharger CSS/JS
Différer le code signifie charger un morceau de code plus tard dans le processus. Le préchargement, ou Async, signifie le charger dès que possible avec d'autres fichiers. Avec le chargement asynchrone, le navigateur traitera les fichiers en tandem avec d'autres fichiers pour éviter tout blocage de rendu. Le différer ne le chargera pas du tout jusqu'à la fin du processus de chargement.
Pour obtenir un bon score de vitesse de page et temps de chargement rapides, vous devez différer le chargement des scripts qui ne sont pas nécessaires dans l'immédiat. Ce sur quoi vous vous concentrez, c'est le contenu « au-dessus de la ligne de flottaison ». C’est-à-dire ce que vous voyez lorsque vous chargez la page pour la première fois. Vous n'avez pas besoin de charger quoi que ce soit dans le pied de page ou dans les images plus bas sur la page – uniquement le contenu en haut.
C’est là que cela peut prêter à confusion car ce n’est pas toujours ce que vous voyez qui doit être chargé. Par exemple, certaines routines JS peuvent avoir des dépendances sur un autre fichier. Cela signifie que le fichier JS « parent » doit être chargé pour que le sous-programme JS enfant fonctionne. Un problème courant qui apparaît dans les rapports Google Insights est le JQUERY déposer. Il s'agit d'un fichier cadre dont dépendent de nombreux autres fichiers JS pour fonctionner. Vous pouvez essayer de le décharger, mais vous obtiendrez très probablement des erreurs. Mon conseil est de garder celui-ci chargé et de vous épargner bien des maux de tête. Vous pouvez toujours obtenir des scores élevés en le chargeant.
Le préchargement présente des problèmes similaires. C'est formidable que les fichiers soient chargés sans blocage du rendu, mais la clé ici est que les fichiers sont téléchargés en tandem avec d'autres fichiers. Cela est particulièrement vrai avec les fichiers JS et cela peut causer quelques problèmes. Encore une fois, c'est à cause des dépendances. Si le téléchargement d'un fichier JS parent n'est pas terminé avant que son script enfant ne commence le téléchargement, le script enfant ne peut pas fonctionner, provoquant des erreurs.
La même chose peut être dite des fichiers CSS, mais cela ne provoquera pas d'erreurs principales, mais plutôt des problèmes de mise en page. La plupart des thèmes ont un fichier « module » principal, et il contient la plupart du code CSS qui constitue les éléments constitutifs de votre site Web. Ce fichier doit rester chargé pour éviter les erreurs et les problèmes de décalage de mise en page, et il est normalement assez volumineux. C'est là qu'interviennent les CSS critiques et le préchargement, mais nous y reviendrons plus tard. Chargement rapide page.
La chose à faire est donc de regarder la vidéo, puis d'y aller page par page et de cocher les cases pour différer ou précharger le fichier de chaque page. S'il s'agit de quelque chose que vous n'avez pas du tout besoin de charger, cochez la case pour le décharger sur tout le site et il sera déchargé sur toutes les pages. N'effectuez qu'un ou deux codes à la fois, videz le cache et vérifiez-le. Si vous en faites trop et que ça casse, cela devient alors un peu de travail de détective pour voir lequel a cassé le site !
Les bases de l'optimisation
Changer l'ordre de chargement à l'aide d'Asset Cleanup Pro est l'une des bases de l'optimisation de votre site Web. Cependant, il s’agit de l’étape la plus longue du processus de vitesse de page. Un bon conseil est de travailler avec vos plugins avant de vous attaquer aux fichiers de thème. En effet, il est facile de voir quels plugins sont chargés sur la page et de juger si vous avez besoin des fichiers ou non. Certaines fonctions du thème peuvent être moins évidentes et ce sont les fichiers de thème qui provoquent souvent le plus d'erreurs. Vous n'aurez peut-être pas besoin de charger quelque chose sur l'ensemble du site Web, à l'exception d'une page critique – et il est facile de manquer une icône non chargée, ou un carrousel manquant, etc.
Et alors Devrais-je Faire?
Comme indiqué, l'optimisation comporte de nombreuses étapes, et celle-ci est la première. Heureusement, c'est aussi le plus complexe. Une fois que vous avez chargé vos plugins uniquement là où ils doivent être et que vous êtes heureux que tout fonctionne, j'effectuerais une nouvelle sauvegarde du site. Puis faites un test de vitesse de page pour obtenir un score, notez-le et passez à une autre étape qui vous dérange dans le rapport Insights. Essayez peut-être l'optimisation d'image ou l'astuce de l'organisateur de plugins si vous avez un chargement de contenu important sur mobile.
Un autre petit conseil particulièrement utile lors du report de fichiers JS consiste à faire un clic droit sur la fenêtre Chrome et à cliquer sur « Inspecter ». Cela ouvre une fenêtre qui affiche tout le code chargé sur votre écran. Actualisez maintenant la page Web. Si vous obtenez une petite icône rouge avec une croix en haut de la fenêtre du code Chrome, cliquez dessus. Cela vous informera de toute erreur sur la page. Regardez quelle est l'erreur et faites-la correspondre aux noms de fichiers sur votre page. Réinitialisez ce que vous avez fait en dernier (ou arrêtez de différer JQUERY si vous avez essayé). Actualisez la page Web et voyez si l'erreur a disparu. S'il a disparu, vous savez qu'il ne faut pas différer ce fichier particulier.
N'essayez pas de tout faire en une seule fois. Installez-vous confortablement, réalisez les plugins, puis le thème lui-même une fois que vous êtes à l'aise avec l'interface utilisateur d'Asset Cleanup.
Déchargement des fonctionnalités de base
Au début de la vidéo, vous remarquerez que l’hôte parle de supprimer les fonctionnalités de base de WordPress. Portez une attention particulière à cela car c'est un attribut d'Asset Cleanup Pro que vous ne trouverez pas ailleurs. Il vous permet de supprimer le code principal inutilisé, ce qui peut réduire considérablement le poids de votre site Web.
WordPress est si grand que nous avons rarement besoin de quelque chose comme tout ce qu’il a à offrir, alors réduisons cela. Asset Cleanup Pro rend ce processus si simple car il vous suffit d'accéder à la zone d'administration du plugin et de petits interrupteurs à bascule activent et désactivent les fonctionnalités. Aucun codage requis !
Qu'est-ce que Chaque fonctionnalité Faire?
Avec le chargement des polices, nous y reviendrons une fois arrivés au Oh mon Dieu page. Une fois que nous avons fini de télécharger les polices sur le serveur, nous pouvons bloquer tous les appels sortants vers Google Fonts via Asset Cleanup Pro. Tout ce que vous avez à faire est de cliquer sur Avancé et de cocher la case. Ne le faites pas encore car cela ne chargera que les polices système par défaut qui ont l'air horribles !
Un petit conseil sur les polices
Dans les options du thème, utilisez le moins de types de polices possible. Vous pouvez utiliser différentes épaisseurs de police pour les titres, etc., mais n'utilisez pas de types différents. Les fichiers de styles de police sont volumineux et le choix d’une police solide semble non seulement cohérent, mais cela facilite vraiment la rapidité.
La plupart des gens peuvent désactiver le service XML-RPC Pingback. Cela ferme également certaines portes aux attaques sur votre site Web. Vous ne pourrez pas désactiver si vous utilisez des services de blogs externes, Jetpack ou si vous avez une application connectée à votre site. Cependant, si vous n'avez rien de tout cela, désactivez-le.
Les commentaires sont assez explicites. Si vous ne les utilisez pas, désactivez-le. Si vous le faites, gardez-le chargé. La même chose peut être dite pour les EMOJI et les Dashicons. Si vous utilisez un constructeur de pages comme Elementor ou WP-Bakery, désactivez également Gutenberg. Cela charge pas mal de code qui n'est pas nécessaire. Votre constructeur de pages s’en chargera.
Avec le nettoyage du code source HTML, vous pouvez pratiquement tous les supprimer. Il y a des instructions sur la page, alors lisez-les pour être sûr que vous n'utilisez aucune des fonctionnalités.
Si vous utilisez Kinsta ou tout autre hébergeur Web avec Cloudflare, vous ne pas activer le service CDN. Le CDN le gère déjà et cela provoquera des erreurs si vous l'activez. Si vous utilisez un autre CDN, indiquez votre adresse CDN ici. Cela aidera Asset Cleanup Pro à servir les fichiers à partir du bon emplacement dans votre configuration.
Nettoyage des actifs – Regardez la vidéo
Grace à Communauté WPLL Pour la vidéo
Vous êtes à l'aise avec Asset Cleanup Pro ?
Vous pouvez revenir et optimiser avec Asset Cleanup Pro à tout moment. Il est bon de tester les optimisations lors des sessions afin qu'une fois que certaines choses fonctionnent, vous puissiez arrêter le travail et y revenir plus tard. Chaque fois que vous ajoutez un nouveau plugin, vous pouvez simplement y accéder et optimiser ce plugin particulier de la manière dont vous souhaitez qu'il se charge.
Nettoyage des actifs Pro en soi, il ne faut pas trop de temps pour s'y habituer. Ce qui peut prêter à confusion, c'est toute cette histoire de report/préchargement. Un faux mouvement peut interrompre la fonctionnalité, alors faites-le toujours par petits morceaux afin de pouvoir vous souvenir facilement de toute modification que vous venez d'apporter.
Une fois que vous êtes satisfait de vos progrès, passez à l’étape suivante.
Prêt à continuer?
Étape 4 : Optimisation de l'image
Allumons ces pages !
Comment Optimiser Votre site web
Jetez un autre regard sur votre site Web
La première chose à faire est d’y jeter un regard logique. Y a-t-il des fonctionnalités particulières que vous souhaitez conserver ou supprimer ? Y a-t-il des plugins exécutés sur une page qui n’ont pas besoin d’être présents ?
Donne-moi Un exemple
Les formulaires de contact sont courants. Beaucoup de gens les ont dans le pied de page ou disséminés partout. As-tu vraiment besoin de ça ? Si quelqu'un devait vous contacter, cela irait sur la page de contact. Il est très rare que quelqu'un utilise un formulaire de contact dans le pied de page, alors pourquoi l'avoir là ?
Les scripts de formulaire de contact sont assez lourds – généralement entre 50 et 80 Ko et chargés de CSS. Maintenant, ce petit formulaire dans votre pied de page oblige la page à charger ces scripts à chaque chargement de page. Ne serait-il pas préférable d'avoir vos formulaires de contact sur une seule page logique et de charger uniquement les scripts de contact sur cette seule page ?
C’est le genre de chose qu’est l’optimisation. Avec Asset Cleanup Pro, vous pouvez accéder à votre page « Contactez-nous » et télécharger les scripts du formulaire de contact sur tout le site, à l'exception de cette seule page. Vous avez désormais économisé 50 à 80 Ko de poids de page en réorganisant vos formulaires de contact pour qu'ils soient plus logiques.
Puis-je Faites ceci Avec tous les scripts ?
Oui, à peu près. C'est également très pratique avec le branding. Souvent, la vitesse de page signifie réduire un peu votre site Web. Mais votre marque peut dépendre de l’apparence et des fonctionnalités de votre site Web. Pensez donc à la structure de votre site Web en tenant compte de votre image de marque. Créez des pages plus basiques comme la mienne Page d'accueil, puis créez-en ceux qui portent votre marque partout, comme mon À propos de nous page.
Tant que vos pages de destination sont optimisées, c'est vraiment tout ce qui compte. Ne sacrifiez jamais l’image de marque pour la vitesse des pages. Cela rend votre site Web horrible à mesure que vous le supprimez de plus en plus bas. Surmonter 90% sur Google Insights est assez simple sur ordinateur, mais sur mobile, c'est une autre histoire. Les critères sont beaucoup plus stricts car les données dépendent des vitesses simulées du réseau 4G. Ne soyez pas obsédé par cela. Tant qu'il se charge rapidement et qu'il a une partition mobile dans les années 70, tout ira bien. Juste pour que vous le sachiez, le score moyen mondial au moment de la rédaction est de 38% sur mobile.
Différer et précharger CSS/JS
Différer le code signifie charger un morceau de code plus tard dans le processus. Le préchargement, ou Async, signifie le charger dès que possible avec d'autres fichiers. Avec le chargement asynchrone, le navigateur traitera les fichiers en tandem avec d'autres fichiers pour éviter tout blocage de rendu. Le différer ne le chargera pas du tout jusqu'à la fin du processus de chargement.
Pour obtenir un bon score de vitesse de page et des temps de chargement rapides, vous devez différer le chargement des scripts qui ne sont pas nécessaires dans l’immédiat. Ce sur quoi vous vous concentrez, c'est le contenu « au-dessus de la ligne de flottaison ». C’est-à-dire ce que vous voyez lorsque vous chargez la page pour la première fois. Vous n'avez pas besoin de charger quoi que ce soit dans le pied de page ou dans les images plus bas sur la page – uniquement le contenu en haut.
C’est là que cela peut prêter à confusion car ce n’est pas toujours ce que vous voyez qui doit être chargé. Par exemple, certaines routines JS peuvent avoir des dépendances sur un autre fichier. Cela signifie que le fichier JS « parent » doit être chargé pour que le sous-programme JS enfant fonctionne. Un problème courant qui apparaît dans les rapports Google Insights est le JQUERY déposer. Il s'agit d'un fichier cadre dont dépendent de nombreux autres fichiers JS pour fonctionner. Vous pouvez essayer de le décharger, mais vous obtiendrez très probablement des erreurs. Mon conseil est de garder celui-ci chargé et de vous épargner bien des maux de tête. Vous pouvez toujours obtenir des scores élevés en le chargeant.
Le préchargement présente des problèmes similaires. C'est formidable que les fichiers soient chargés sans blocage du rendu, mais la clé ici est que les fichiers sont téléchargés en tandem avec d'autres fichiers. Cela est particulièrement vrai avec les fichiers JS et cela peut causer quelques problèmes. Encore une fois, c'est à cause des dépendances. Si le téléchargement d'un fichier JS parent n'est pas terminé avant que son script enfant ne commence le téléchargement, le script enfant ne peut pas fonctionner, provoquant des erreurs.
La même chose peut être dite des fichiers CSS, mais cela ne provoquera pas d'erreurs principales, mais plutôt des problèmes de mise en page. La plupart des thèmes ont un fichier « module » principal, et il contient la plupart du code CSS qui constitue les éléments constitutifs de votre site Web. Ce fichier doit rester chargé pour éviter les erreurs et les problèmes de décalage de mise en page, et il est normalement assez volumineux. C'est là qu'interviennent les CSS critiques et le préchargement, mais nous y reviendrons plus tard. Chargement rapide page.
La chose à faire est donc de regarder la vidéo, puis d'y aller page par page et de cocher les cases pour différer ou précharger le fichier de chaque page. S'il s'agit de quelque chose que vous n'avez pas du tout besoin de charger, cochez la case pour le décharger sur tout le site et il sera déchargé sur toutes les pages. N'effectuez qu'un ou deux codes à la fois, videz le cache et vérifiez-le. Si vous en faites trop et que ça casse, cela devient alors un peu de travail de détective pour voir lequel a cassé le site !
Les bases de l'optimisation
Changer l'ordre de chargement à l'aide d'Asset Cleanup Pro est l'une des bases de l'optimisation de votre site Web. Cependant, il s’agit de l’étape la plus longue du processus de vitesse de page. Un bon conseil est de travailler avec vos plugins avant de vous attaquer aux fichiers de thème. En effet, il est facile de voir quels plugins sont chargés sur la page et de juger si vous avez besoin des fichiers ou non. Certaines fonctions du thème peuvent être moins évidentes et ce sont les fichiers de thème qui provoquent souvent le plus d'erreurs. Vous n'aurez peut-être pas besoin de charger quelque chose sur l'ensemble du site Web, à l'exception d'une page critique – et il est facile de manquer une icône non chargée, ou un carrousel manquant, etc.
Et alors Devrais-je Faire?
Comme indiqué, l'optimisation comporte de nombreuses étapes, et celle-ci est la première. Heureusement, c'est aussi le plus complexe. Une fois que vous avez chargé vos plugins uniquement là où ils doivent être et que vous êtes heureux que tout fonctionne, j'effectuerais une nouvelle sauvegarde du site. Ensuite, effectuez un test de vitesse de page pour obtenir un score, notez-le et passez à une autre étape qui vous dérange dans le rapport Insights. Essayez peut-être l'optimisation d'image ou l'astuce de l'organisateur de plugins si vous avez un chargement de contenu important sur mobile.
Un autre petit conseil particulièrement utile lors du report de fichiers JS consiste à faire un clic droit sur la fenêtre Chrome et à cliquer sur « Inspecter ». Cela ouvre une fenêtre qui affiche tout le code chargé sur votre écran. Actualisez maintenant la page Web. Si vous obtenez une petite icône rouge avec une croix en haut de la fenêtre du code Chrome, cliquez dessus. Cela vous informera de toute erreur sur la page. Regardez quelle est l'erreur et faites-la correspondre aux noms de fichiers sur votre page. Réinitialisez ce que vous avez fait en dernier (ou arrêtez de différer JQUERY si vous avez essayé). Actualisez la page Web et voyez si l'erreur a disparu. S'il a disparu, vous savez qu'il ne faut pas différer ce fichier particulier.
N'essayez pas de tout faire en une seule fois. Installez-vous confortablement, réalisez les plugins, puis le thème lui-même une fois que vous êtes à l'aise avec l'interface utilisateur d'Asset Cleanup.
Déchargement des fonctionnalités de base
Au début de la vidéo, vous remarquerez que l’hôte parle de supprimer les fonctionnalités de base de WordPress. Portez une attention particulière à cela car c'est un attribut d'Asset Cleanup Pro que vous ne trouverez pas ailleurs. Il vous permet de supprimer le code principal inutilisé, ce qui peut réduire considérablement le poids de votre site Web.
WordPress est si grand que nous avons rarement besoin de quelque chose comme tout ce qu’il a à offrir, alors réduisons cela. Asset Cleanup Pro rend ce processus si simple car il vous suffit d'accéder à la zone d'administration du plugin et de petits interrupteurs à bascule activent et désactivent les fonctionnalités. Aucun codage requis !
Qu'est-ce que Chaque fonctionnalité Faire?
Avec le chargement des polices, nous y reviendrons une fois arrivés au Oh mon Dieu page. Une fois que nous avons fini de télécharger les polices sur le serveur, nous pouvons bloquer tous les appels sortants vers Google Fonts via Asset Cleanup Pro. Tout ce que vous avez à faire est de cliquer sur Avancé et de cocher la case. Ne le faites pas encore car cela ne chargera que les polices système par défaut qui ont l'air horribles !
Un petit conseil sur les polices
Dans les options du thème, utilisez le moins de types de polices possible. Vous pouvez utiliser différentes épaisseurs de police pour les titres, etc., mais n'utilisez pas de types différents. Les fichiers de styles de police sont volumineux et le choix d’une police solide semble non seulement cohérent, mais cela facilite vraiment la rapidité.
La plupart des gens peuvent désactiver le service XML-RPC Pingback. Cela ferme également certaines portes aux attaques sur votre site Web. Vous ne pourrez pas désactiver si vous utilisez des services de blogs externes, Jetpack ou si vous avez une application connectée à votre site. Cependant, si vous n'avez rien de tout cela, désactivez-le.
Les commentaires sont assez explicites. Si vous ne les utilisez pas, désactivez-le. Si vous le faites, gardez-le chargé. La même chose peut être dite pour les EMOJI et les Dashicons. Si vous utilisez un constructeur de pages comme Elementor ou WP-Bakery, désactivez également Gutenberg. Cela charge pas mal de code qui n'est pas nécessaire. Votre constructeur de pages s’en chargera.
Avec le nettoyage du code source HTML, vous pouvez pratiquement tous les supprimer. Il y a des instructions sur la page, alors lisez-les pour être sûr que vous n'utilisez aucune des fonctionnalités.
Si vous utilisez Kinsta ou tout autre hébergeur Web avec Cloudflare, vous ne pas activer le service CDN. Le CDN le gère déjà et cela provoquera des erreurs si vous l'activez. Si vous utilisez un autre CDN, indiquez votre adresse CDN ici. Cela aidera Asset Cleanup Pro à servir les fichiers à partir du bon emplacement dans votre configuration.
Nettoyage des actifs – Regardez la vidéo
Grace à Communauté WPLL Pour la vidéo
Vous êtes à l'aise avec Asset Cleanup Pro ?
Vous pouvez revenir et optimiser avec Asset Cleanup Pro à tout moment. Il est bon de tester les optimisations lors des sessions afin qu'une fois que certaines choses fonctionnent, vous puissiez arrêter le travail et y revenir plus tard. Chaque fois que vous ajoutez un nouveau plugin, vous pouvez simplement y accéder et optimiser ce plugin particulier de la manière dont vous souhaitez qu'il se charge.
Nettoyage des actifs Pro en soi, il ne faut pas trop de temps pour s'y habituer. Ce qui peut prêter à confusion, c'est toute cette histoire de report/préchargement. Un faux mouvement peut interrompre la fonctionnalité, alors faites-le toujours par petits morceaux afin de pouvoir vous souvenir facilement de toute modification que vous venez d'apporter.
Une fois que vous êtes satisfait de vos progrès, passez à l’étape suivante.
Prêt à continuer?
Étape 4 : Optimisation de l'image
Allumons ces pages !
Optimiser Votre site web
Regardez à nouveau votre site Web
La première chose à faire est d’y jeter un regard logique. Y a-t-il des fonctionnalités particulières que vous souhaitez conserver ou supprimer ? Y a-t-il des plugins exécutés sur une page qui n’ont pas besoin d’être présents ?
Donne-moi Un exemple
Les formulaires de contact sont courants. Beaucoup de gens les ont dans le pied de page ou disséminés partout. As-tu vraiment besoin de ça ? Si quelqu'un devait vous contacter, cela irait sur la page de contact. Il est très rare que quelqu'un utilise un formulaire de contact dans le pied de page, alors pourquoi l'avoir là ?
Les scripts de formulaire de contact sont assez lourds – généralement entre 50 et 80 Ko et chargés de CSS. Maintenant, ce petit formulaire dans votre pied de page oblige la page à charger ces scripts à chaque chargement de page. Ne serait-il pas préférable d'avoir vos formulaires de contact sur une seule page logique et de charger uniquement les scripts de contact sur cette seule page ?
C’est le genre de chose qu’est l’optimisation. Avec Asset Cleanup Pro, vous pouvez accéder à votre page « Contactez-nous » et télécharger les scripts du formulaire de contact sur tout le site, à l'exception de cette seule page. Vous avez désormais économisé 50 à 80 Ko de poids de page en réorganisant vos formulaires de contact pour qu'ils soient plus logiques.
Puis-je Faites ceci Avec tous les scripts ?
Oui, à peu près. C'est également très pratique avec le branding. Souvent, la vitesse de page signifie réduire un peu votre site Web. Mais votre marque peut dépendre de l’apparence et des fonctionnalités de votre site Web. Pensez donc à la structure de votre site Web en tenant compte de votre image de marque. Créez des pages plus basiques comme la mienne Page d'accueil, puis créez-en ceux qui portent votre marque partout, comme mon À propos de nous page.
Tant que vos pages de destination sont optimisées, c'est vraiment tout ce qui compte. Ne sacrifiez jamais l’image de marque pour la vitesse des pages. Cela rend votre site Web horrible à mesure que vous le supprimez de plus en plus bas. Surmonter 90% sur Google Insights est assez simple sur ordinateur, mais sur mobile, c'est une autre histoire. Les critères sont beaucoup plus stricts car les données dépendent des vitesses simulées du réseau 4G. Ne soyez pas obsédé par cela. Tant qu'il se charge rapidement et qu'il a une partition mobile dans les années 70, tout ira bien. Juste pour que vous le sachiez, le score moyen mondial au moment de la rédaction est de 38% sur mobile.
Différer et précharger CSS/JS
Différer le code signifie charger un morceau de code plus tard dans le processus. Le préchargement, ou Async, signifie le charger dès que possible avec d'autres fichiers. Avec le chargement asynchrone, le navigateur traitera les fichiers en tandem avec d'autres fichiers pour éviter tout blocage de rendu. Le différer ne le chargera pas du tout jusqu'à la fin du processus de chargement.
Pour obtenir un bon score de vitesse de page et des temps de chargement rapides, vous devez différer le chargement des scripts qui ne sont pas nécessaires dans l’immédiat. Ce sur quoi vous vous concentrez, c'est le contenu « au-dessus de la ligne de flottaison ». C’est-à-dire ce que vous voyez lorsque vous chargez la page pour la première fois. Vous n'avez pas besoin de charger quoi que ce soit dans le pied de page ou dans les images plus bas sur la page – uniquement le contenu en haut.
C’est là que cela peut prêter à confusion car ce n’est pas toujours ce que vous voyez qui doit être chargé. Par exemple, certaines routines JS peuvent avoir des dépendances sur un autre fichier. Cela signifie que le fichier JS « parent » doit être chargé pour que le sous-programme JS enfant fonctionne. Un problème courant qui apparaît dans les rapports Google Insights est le JQUERY déposer. Il s'agit d'un fichier cadre dont dépendent de nombreux autres fichiers JS pour fonctionner. Vous pouvez essayer de le décharger, mais vous obtiendrez très probablement des erreurs. Mon conseil est de garder celui-ci chargé et de vous épargner bien des maux de tête. Vous pouvez toujours obtenir des scores élevés en le chargeant.
Le préchargement présente des problèmes similaires. C'est formidable que les fichiers soient chargés sans blocage du rendu, mais la clé ici est que les fichiers sont téléchargés en tandem avec d'autres fichiers. Cela est particulièrement vrai avec les fichiers JS et cela peut causer quelques problèmes. Encore une fois, c'est à cause des dépendances. Si le téléchargement d'un fichier JS parent n'est pas terminé avant que son script enfant ne commence le téléchargement, le script enfant ne peut pas fonctionner, provoquant des erreurs.
La même chose peut être dite des fichiers CSS, mais cela ne provoquera pas d'erreurs principales, mais plutôt des problèmes de mise en page. La plupart des thèmes ont un fichier « module » principal, et il contient la plupart du code CSS qui constitue les éléments constitutifs de votre site Web. Ce fichier doit rester chargé pour éviter les erreurs et les problèmes de décalage de mise en page, et il est normalement assez volumineux. C'est là qu'interviennent les CSS critiques et le préchargement, mais nous y reviendrons plus tard. Chargement rapide page.
La chose à faire est donc de regarder la vidéo, puis d'y aller page par page et de cocher les cases pour différer ou précharger le fichier de chaque page. S'il s'agit de quelque chose que vous n'avez pas du tout besoin de charger, cochez la case pour le décharger sur tout le site et il sera déchargé sur toutes les pages. N'effectuez qu'un ou deux codes à la fois, videz le cache et vérifiez-le. Si vous en faites trop et que ça casse, cela devient alors un peu de travail de détective pour voir lequel a cassé le site !
Les bases de l'optimisation
Changer l'ordre de chargement à l'aide d'Asset Cleanup Pro est l'une des bases de l'optimisation de votre site Web. Cependant, il s’agit de l’étape la plus longue du processus de vitesse de page. Un bon conseil est de travailler avec vos plugins avant de vous attaquer aux fichiers de thème. En effet, il est facile de voir quels plugins sont chargés sur la page et de juger si vous avez besoin des fichiers ou non. Certaines fonctions du thème peuvent être moins évidentes et ce sont les fichiers de thème qui provoquent souvent le plus d'erreurs. Vous n'aurez peut-être pas besoin de charger quelque chose sur l'ensemble du site Web, à l'exception d'une page critique – et il est facile de manquer une icône non chargée, ou un carrousel manquant, etc.
Et alors Devrais-je Faire?
Comme indiqué, l'optimisation comporte de nombreuses étapes, et celle-ci est la première. Heureusement, c'est aussi le plus complexe. Une fois que vous avez chargé vos plugins uniquement là où ils doivent être et que vous êtes heureux que tout fonctionne, j'effectuerais une nouvelle sauvegarde du site. Ensuite, effectuez un test de vitesse de page pour obtenir un score, notez-le et passez à une autre étape qui vous dérange dans le rapport Insights. Essayez peut-être l'optimisation d'image ou l'astuce de l'organisateur de plugins si vous avez un chargement de contenu important sur mobile.
Un autre petit conseil particulièrement utile lors du report de fichiers JS consiste à faire un clic droit sur la fenêtre Chrome et à cliquer sur « Inspecter ». Cela ouvre une fenêtre qui affiche tout le code chargé sur votre écran. Actualisez maintenant la page Web. Si vous obtenez une petite icône rouge avec une croix en haut de la fenêtre du code Chrome, cliquez dessus. Cela vous informera de toute erreur sur la page. Regardez quelle est l'erreur et faites-la correspondre aux noms de fichiers sur votre page. Réinitialisez ce que vous avez fait en dernier (ou arrêtez de différer JQUERY si vous avez essayé). Actualisez la page Web et voyez si l'erreur a disparu. S'il a disparu, vous savez qu'il ne faut pas différer ce fichier particulier.
N'essayez pas de tout faire en une seule fois. Installez-vous confortablement, réalisez les plugins, puis le thème lui-même une fois que vous êtes à l'aise avec l'interface utilisateur d'Asset Cleanup.
Déchargement des fonctionnalités de base
Au début de la vidéo, vous remarquerez que l’hôte parle de supprimer les fonctionnalités de base de WordPress. Portez une attention particulière à cela car c'est un attribut d'Asset Cleanup Pro que vous ne trouverez pas ailleurs. Il vous permet de supprimer le code principal inutilisé, ce qui peut réduire considérablement le poids de votre site Web.
WordPress est si grand que nous avons rarement besoin de quelque chose comme tout ce qu’il a à offrir, alors réduisons cela. Asset Cleanup Pro rend ce processus si simple car il vous suffit d'accéder à la zone d'administration du plugin et de petits interrupteurs à bascule activent et désactivent les fonctionnalités. Aucun codage requis !
Qu'est-ce que Chaque fonctionnalité Faire?
Avec le chargement des polices, nous y reviendrons une fois arrivés au Oh mon Dieu page. Une fois que nous avons fini de télécharger les polices sur le serveur, nous pouvons bloquer tous les appels sortants vers Google Fonts via Asset Cleanup Pro. Tout ce que vous avez à faire est de cliquer sur Avancé et de cocher la case. Ne le faites pas encore car cela ne chargera que les polices système par défaut qui ont l'air horribles !
Un petit conseil sur les polices
Dans les options du thème, utilisez le moins de types de polices possible. Vous pouvez utiliser différentes épaisseurs de police pour les titres, etc., mais n'utilisez pas de types différents. Les fichiers de styles de police sont volumineux et le choix d’une police solide semble non seulement cohérent, mais cela facilite vraiment la rapidité.
La plupart des gens peuvent désactiver le service XML-RPC Pingback. Cela ferme également certaines portes aux attaques sur votre site Web. Vous ne pourrez pas désactiver si vous utilisez des services de blogs externes, Jetpack ou si vous avez une application connectée à votre site. Cependant, si vous n'avez rien de tout cela, désactivez-le.
Les commentaires sont assez explicites. Si vous ne les utilisez pas, désactivez-le. Si vous le faites, gardez-le chargé. La même chose peut être dite pour les EMOJI et les Dashicons. Si vous utilisez un constructeur de pages comme Elementor ou WP-Bakery, désactivez également Gutenberg. Cela charge pas mal de code qui n'est pas nécessaire. Votre constructeur de pages s’en chargera.
Avec le nettoyage du code source HTML, vous pouvez pratiquement tous les supprimer. Il y a des instructions sur la page, alors lisez-les pour être sûr que vous n'utilisez aucune des fonctionnalités.
Si vous utilisez Kinsta ou tout autre hébergeur Web avec Cloudflare, vous ne pas activer le service CDN. Le CDN le gère déjà et cela provoquera des erreurs si vous l'activez. Si vous utilisez un autre CDN, indiquez votre adresse CDN ici. Cela aidera Asset Cleanup Pro à servir les fichiers à partir du bon emplacement dans votre configuration.
Nettoyage des actifs – Regardez la vidéo
Grace à Communauté WPLL Pour la vidéo
Vous aimez Asset Cleanup Pro ?
Vous pouvez revenir et optimiser avec Asset Cleanup Pro à tout moment. Il est bon de tester les optimisations lors des sessions afin qu'une fois que certaines choses fonctionnent, vous puissiez arrêter le travail et y revenir plus tard. Chaque fois que vous ajoutez un nouveau plugin, vous pouvez simplement y accéder et optimiser ce plugin particulier de la manière dont vous souhaitez qu'il se charge.
Nettoyage des actifs Pro en soi, il ne faut pas trop de temps pour s'y habituer. Ce qui peut prêter à confusion, c'est toute cette histoire de report/préchargement. Un faux mouvement peut interrompre la fonctionnalité, alors faites-le toujours par petits morceaux afin de pouvoir vous souvenir facilement de toute modification que vous venez d'apporter.
Une fois que vous êtes satisfait de vos progrès, passez à l’étape suivante.
Prêt à continuer?
Étape 4 : Optimisation de l'image
Allumons ces pages !