Comment optimiser des images plus rapides dans WordPress
Taille de l’image. Woocommerce ajoute également trois tailles d’image supplémentaires. Ajouter \/ supprimer une taille d’image sur le site WordPress, il est préférable de régénérer l’image à partir de l’image originale. Cela peut se faire au moyen d’un plug – in, mais je recommande d’utiliser le WP – CLI. Bien sûr, lorsque vous ajoutez une image à une page, un message ou quelque chose comme ça, assurez – vous de choisir la taille d’image la plus appropriée. Il est probable que vous n’avez pas besoin d’insérer l’image originale, mais plutôt une image grande ou moyenne.
Sélectionnez la taille maximale correcte de l’image Les caméras modernes peuvent prendre des photos à très haute résolution. Ceux – ci sont beaux sur votre téléphone ou votre moniteur haute résolution, mais ils ne sont pas si utiles sur votre site Web. C’est pourquoi vous devez définir la largeur \/ hauteur maximale de l’image du site. Peu de sites Web ont besoin d’images plus grandes que HD \/ Full HD ou 1920 x 1080 pixels. Les images HD complètes peuvent être alignées horizontalement et verticalement, il est donc préférable de régler la largeur \/ hauteur maximale à 1920 x 1920 pixels.
Alors, qu’est – ce que tu fais? L’utilisation de SSH est aussi simple qu’avant. Connectez – vous au serveur, allez dans le répertoire principal du site et tapez ce qui suit. Trouver Nom « * ». Jpg \
Ce plugin.
Bien sûr, votre thème WordPress devrait être réactif, avec l’attribut HTML srcset. En répondant au sujet, des images de différentes tailles sont affichées aux visiteurs du site, selon la taille de l’écran. Optimiser toutes les images
Il y a beaucoup de façons différentes d’optimiser l’image et nous pouvons écrire un article à ce sujet, donc je me concentre uniquement sur les paramètres que je recommande. Si vous n’êtes pas d’accord, laissez un commentaire ci – dessous. Pour les images JPG, je recommande une compression progressive. Grâce à la compression progressive, les images sont affichées plus rapidement et chargées de faible qualité à haute qualité. Je recommande également de supprimer les métadonnées de l’image pendant le processus d’optimisation. Il existe deux méthodes principales de compression d’images JPG: la compression sans perte et la compression sans perte. La compression perdue tend à rendre l’image plus petite, mais elle est plus agressive et a un impact significatif sur la qualité de l’image.
Différents sites Web utilisent différentes méthodes de compression, en cas de doute, veuillez sélectionner compression sans perte. Comment compresser les images du site
Aujourd’hui En utilisant l’ancienne technologie de chargement lent, JavaScript est utilisé pour charger lentement les images. Malheureusement, cela augmente le nombre de scripts sur le site, mais il s’applique à presque tous les navigateurs Web modernes. Il existe un bon plug – in pour ce faire, simplement appelé chargement différé. Installer \/ activer et fonctionner correctement. En utilisant la nouvelle technique de chargement différé, la nouvelle propriété Loading = lazy est ajoutée à toutes les images du site. Cette propriété n’est actuellement prise en charge que par Google Chrome, mais elle pourrait être prise en charge par d’autres navigateurs Web à l’avenir. Google a un plug – in similaire appelé Native lazylioad. WP – CLI
L’un s’appelle le polonais. Il optimise automatiquement l’image d’un site Web en utilisant une compression sans perte ou sans perte. Il fournit également le format d’image webp le plus moderne et le plus rapide pour les visiteurs qui ont des navigateurs Web qui le supportent. Cloudflare image Dynamic Adjustment cloudflare a l’une des fonctions d’image les plus intéressantes que nous ayons jamais vues: redimensionner dynamiquement l’image au bord de cloudflare. Cela signifie que les sites qui exécutent cloudflare peuvent fournir une image à cloudflare, qu’ils ajusteront, compresseront et mettront en cache sur le réseau. Pour les images normales, ne pas utiliser l’attribut srcset n’a pas beaucoup d’effet, mais c’est une fonctionnalité intéressante et limite le nombre de tailles différentes qui doivent être stockées sur le serveur. Cependant, en combinaison avec srcset, cette fonction est magique. Lorsque vous utilisez le redimensionnement d’image avec srcset, vous pouvez faire l’une des choses suivantes: chaque fois que vous fournissez la bonne taille d’image pour le viewport de l’utilisateur. Arrête de prendre de grandes photos. Il fournit une compression plus élevée sur les petites images \/ vignettes qui ont moins d’importance pour les détails, et une compression plus faible sur les grandes images. Avec cloudflare image resize vous pouvez utiliser cette fonctionnalité avec mon image wordcamp Nordic. Certains paramètres sont définis dans l’URL pour utiliser cloudflare image resize. Ici, nous définissons la largeur maximale à 2000px et la qualité à 1. Ajustez les paramètres de l’URL pour voir l’effet immédiatement. Bien sûr, cloudflare a beaucoup plus à offrir. N’hésitez pas à lire plus d’informations sur l’hébergement cloudflare que nous offrons sur servebolt. C’est presque tout le contenu de la Conférence WordPress à Stockholm, en Suède. Le discours a été diffusé en direct