- Les inodes ou inodes
- Gaspillage des ressources
- L'important est d'avoir un plan
- Les vignettes que WordPress crée
- Désactiver la largeur de 768px, proportionnelle
- Désactiver 1536px de large, proportionnel
- Désactiver 2048px large, proportionnel
- Désactiver l'image mise à l'échelle (2560px)
- Désactiver toutes les tailles
- Pour charger les images restantes
Lorsqu'une installation WordPress est plus vieille qu'une forêt et que son contenu est mis à jour avec une certaine régularité, comme c'est le cas de celle que vous lisez maintenant, l'accumulation d'images peut devenir un gros problème, jamais mieux dit.
Laisser les images s'accumuler au fil du temps a des conséquences à long terme.
Les inodes ou inodes
Ces inconnus. Un inode est un fichier ou un dossier quelconque sur le serveur. Cela inclut les images, les courriels, les journaux, les scripts, les feuilles de style, etc. Tout compte pour 1, quoi qu'il arrive.
La grande majorité des hôtes, bien qu'ils annoncent un "espace illimité", ont toujours une limite au nombre d'inodes. Bien qu'il y en ait de très généreux, LucusHost par exemple, ils les limitent à la quantité plus que généreuse de un million mais d'autres hôtes limitent le nombre d'inodes à peut descendre considérablement.
Peut-être qu'un jour vous devrez migrer et vous ne pourrez pas le faire si vous ne vous débarrassez pas d'une grande partie de ces inodes, j'ai été viré d'un hébergement pour cette raison.
Gaspillage des ressources
Héberger des montagnes d'images inutilisées revient à gaspiller de l'espace disque qui pourrait être utilisé pour quelque chose de nécessaire et contribue également à ce qu'il ne soit pas aussi léger qu'il devrait l'être.
Il est également très probable que, si vous les avez négligés pendant des années, beaucoup d'entre eux ne sont pas optimisés ou, pour une raison quelconque (un changement de modèle ou des restes de plugins par exemple), ils se sont cassés, ajoutant ainsi plus de demandes éternelles et plus de consommation de ressources.
L'important est d'avoir un plan
Et avant tout plan, une sauvegarde récente de l'ensemble de votre blog, y compris de la base de données. Faites toujours cela.
L'objectif est de réduire le nombre d'images à deux. L'original téléchargé (de taille suffisante et dans un modèle qui permet de l'afficher à l'échelle partout) plus une vignette.
En plus d'avoir un plan, vous devez savoir comment identifier les images qui sont utilisées et celles dont vous pouvez vous débarrasser sans problème. Pour ce faire, il est essentiel de savoir ce qui les crée.
La première chose, et la plus importante, est de passer en revue toutes les tailles utilisées et de trouver où chacune d'entre elles est générée. Dans de nombreux cas, ils sont créés à partir du modèle à partir d'un code qui se trouve généralement dans le fichier functions.php et qui ressemble plus ou moins à ceci (il dépend de chaque modèle et peut ne pas être là ou même ne pas exister, comme dans le cas de GeneratePress).
add_theme_support( 'post-thumbnails' ) ;
set_post_thumbnail_size( 223, 137, true ) ;
add_image_size( 'schema-featured', 680, 350, true ) ; // En vedette.
add_image_size( 'schema-featured2', 1360, 700, true ) ; // Featured x 2.
add_image_size( 'schema-related', 211, 150, true ) ; // Related.
add_image_size( 'schema-related2', 422, 300, true ) ; // Related x 2.
add_image_size( 'schema-widgetthumb', 70, 60, true ) ; // Widget.
add_image_size( 'schema-widgetthumb2', 140, 120, true ) ; // Widget x 2.
add_image_size( 'schema-widgetfull', 300, 200, true ) ; // Barre latérale pleine largeur.
add_image_size( 'schema-slider', 772, 350, false ) ; // Curseur.
add_image_size( 'schema-slider2', 1544, 700, false ) ; // Curseur x 2.
Cet exemple est tiré du functions.php du modèle Schéma j'ai utilisé avant celui que j'utilise maintenant.
Ici, c'était facile, il suffisait de changer true en false (ou de supprimer la ligne) pour éviter de générer une taille lors du téléchargement d'un nouveau. Il vous a également indiqué à quoi il servait. Avant de "plafonner" une taille, assurez-vous que vous n'allez pas utiliser la fonction pour laquelle elle est générée.
Cela ne s'appliquera qu'aux nouvelles images que vous téléchargez, et non aux images que vous avez déjà téléchargées. Nous parlerons plus tard de la façon de s'en débarrasser.
Notez que certains de vos plugins et widgets peuvent également créer des copies dans d'autres tailles pour un usage spécifique. Vous devrez consulter la documentation de chacun d'eux et garder un œil sur le chemin des images pour localiser leur source et leur destination.
Avant d'aller plus loin, je suppose que vous savez déjà d'où vient chaque image et que vous savez que vous pouvez vous passer de celle que vous avez décidé de supprimer
Les vignettes que WordPress crée
C'est généralement la partie la plus délicate. On les appelle encore des vignettes, mais le fait est que cela crée aussi d'autres tailles beaucoup plus grosses.
Depuis la version 5.3, WordPress génère sept images supplémentaires pour chaque image que vous téléchargez via la bibliothèque de médias et/ou l'éditeur visuel. Ainsi, chaque fois que vous téléchargez une image, vous en ajoutez huit au total.
Si vous ajoutez d'autres possibles à partir du modèle, des plugins et des widgets, cela peut aller jusqu'à 12 ou plus.
Ce sont ceux que WordPress crée :
Vignette (150x150px) Taille moyenne (300x300px) Grande taille (1024x1024px) Moyen grand 768px 2x Moyenne grande 1536px 2x grand 2048px Mise à l'échelle 2560px
Sur les trois premiers, nous pouvons nous passer des 300 et des 1024 et réduire la vignette de 150x150 à 100x100. Pour ce faire, il suffit d'aller dans Paramètres/Médias et de modifier les tailles et de mettre 0 (zéro) sur celles que vous ne voulez pas générer.
Maintenant, dans mon cas, la vignette 100x100 sera celle qui sera affichée dans la médiathèque. Nous avons déjà économisé quelques centaines, voire des milliers d'images, et un tas de Ko ou de Mo en réduisant la quantité et la taille.
Pour les quatre autres, nous pouvons "désenregistrer" la création de chacun d'entre eux séparément en ajoutant ces snippets dans le functions.php de notre modèle ou via le plugin Extraits de code.
Désactiver la largeur de 768px, proportionnelle
function shapeSpace_disable_medium_large_images($sizes) { unset($sizes['medium_large']) ; // désactive les images de taille 768px retourner $sizes ; } add_filter('intermediate_image_sizes_advanced', 'shapeSpace_disable_medium_large_images') ;
Désactiver 1536px de large, proportionnel
function shapeSpace_disable_2x_medium_large_images($sizes) { unset($sizes['1536x1536']) ; // désactivation de la taille 2x medium-large retourner $sizes ; } add_filter('intermediate_image_sizes_advanced', 'shapeSpace_disable_2x_medium_large_images') ;
Désactiver 2048px large, proportionnel
function shapeSpace_disable_2x_large_images($sizes) { unset($sizes['2048x2048']) ; // désactivation de la grande taille 2x retourner $sizes ; } add_filter('intermediate_image_sizes_advanced', 'shapeSpace_disable_2x_large_images') ;
Désactiver l'image mise à l'échelle (2560px)
add_filter('big_image_size_threshold', '__return_false') ;
Si vous préférez utiliser un seul code pour toutes les tailles générées que vous voulez désactiver, y compris celles d'autres tailles possibles, vous pouvez tirer celui-ci et supprimer les lignes pour celles que vous voulez conserver ou contrôler dans le paramètre média de WordPress comme dans le cas des trois premières.
Désactiver toutes les tailles
// Désactiver les tailles d'images générées function shapeSpace_disable_image_sizes($sizes) { unset($sizes['thumbnail']) ; // désactive la taille de la vignette unset($sizes['medium']) ; // désactive la taille moyenne unset($sizes['large']) ; // désactive la grande taille unset($sizes['medium_large']) ; // désactive la taille medium-large unset($sizes['1536x1536']) ; // désactivation de la taille 2x medium-large unset($sizes['2048x2048']) ; // désactivation de la grande taille 2x retourner $sizes ; } add_action('intermediate_image_sizes_advanced', 'shapeSpace_disable_image_sizes') ; // Désactiver la mise à l'échelle des images add_filter('big_image_size_threshold', '__return_false') ; // Désactiver les autres tailles d'image function shapeSpace_disable_other_image_sizes() { remove_image_size('post-thumbnail') ; // Désactive les images ajoutées via set_post_thumbnail_size () remove_image_size('another-size') ; // Désactive toute autre taille d'image ajoutée } add_action('init', 'shapeSpace_disable_other_image_sizes') ;
Source: le blog de Jeff Starr Comment désactiver les images générées automatiquement par WordPress - Guide complet. Je vous conseille de copier le code de ce post, fortement recommandé, au cas où quelque chose aurait été mal collé ici.
Jeff Starr est également le créateur de différents plugins et l'un d'entre eux fait cette même chose (Je ne l'ai pas essayé) au cas où vous seriez de ceux qui préfèrent ne pas se compliquer la vie.
Pour charger les images restantes
OK, nous avons soi-disant déjà désactivé la création de toutes ces tailles supplémentaires dont nous n'avons pas besoin lorsque nous téléchargeons une image.
Maintenant, nous téléchargeons une image de test et vérifions que ces tailles supplémentaires ne sont pas générées. Dans mon cas, cela ressemblait à ceci :
Mais comment supprimer toutes ces images téléchargées qui sont maintenant laissées de côté et inutilisées ?
Il existe au moins deux options pas trop compliquées.
À la main. Un peu plus fastidieux et plus long. Vous pouvez les rechercher à partir du gestionnaire de fichiers de Cpanel ou de votre client FTP par leurs chaînes de noms de fichiers uniques, comme 300x300, 768x, 1536x, etc. et les supprimer.
Si vous avez beaucoup d'images, vous pouvez utiliser le plugin Régénérer les vignettes qui fait toujours bien le travail.
Ce que fait ce plugin, un plugin classique d'Alex Mills, c'est de régénérer les vignettes de vos images téléchargées. Vous pouvez le faire un par un à partir de la médiathèque ou tous en même temps s'il n'y en a pas trop.
Une fois installé et activé, lorsque vous l'ouvrez à partir de "Outils/Regénérer des vignettes", vous verrez ceci :
Vous y verrez la liste de presque toutes les tailles que WordPress utilise, mais comme nous avons déjà "désenregistré" la création de la plupart d'entre elles, il est conseillé de tester avec une seule image d'essai en cochant également l'option"Supprimer les fichiers de vignettes des anciennes tailles sans enregistrement..."
Si tout s'est bien passé avec ce test d'une seule image, vous pouvez maintenant régénérer en masse les vignettes de toutes les pièces jointes XXXX (premier bouton). Cela permettra d'éliminer toutes les tailles excédentaires en une seule fois.
J'ai fait cela récemment et je me souviens que la régénération en masse a échoué, je suppose parce qu'il y avait beaucoup d'images (plus de 20K) et que le processus a été interrompu à certains moments, j'ai donc choisi de le faire par blocs de 200 images à partir de la médiathèque.
Une fois la tâche terminée, vous pouvez désinstaller le plugin.
Une bonne idée, maintenant que vous avez sûrement gagné assez d'espace, est d'en profiter pour créer des copies optimisées de vos .jpg au format .webp gratuit avec le plugin Cache Litespeed si votre hébergement fonctionne sous Litespeed.