J'essaie de styliser la distance entre le texte et les images et j'ai expérimenté la marge et le remplissage.
À des fins de test, j'ai essayé 100px
autour des images et ce que j'ai vu, c'est qu'avec le rembourrage, l'image est considérablement réduite lors de son affichage dans le navigateur. Je crains donc que cette réduction n’entraîne une réduction de la vitesse de chargement. C’est donc mauvais pour le référencement.
À cet égard, il semble préférable d'utiliser la marge plutôt que le remplissage. Quelqu'un at-il une meilleure compréhension de la question ci-dessus?
Vous devez redimensionner une image manuellement plutôt que d'utiliser des styles pour la redimensionner. Une réduction de la taille du fichier améliorera votre téléchargement et votre vitesse de chargement.
De plus, l'effet du redimensionnement d'une image via des styles sur les performances de rendu est faible mais présent (au moins lors de l'utilisation de l'image d'arrière-plan).
De http://www.artlebedev.com/tools/technogrette/html/browser-performance/
"Il semble que les navigateurs modernes ne sachent pas comment optimiser ces tâches et redessiner l’image étirée chaque fois que quelque chose est modifié sur la page."
En ce qui concerne l'utilisation de padding vs margin, le redimensionnement effectif de votre image dépend de la propriété de dimensionnement de la boîte, www.w3schools.com/cssref/css3_pr_box-sizing.asp.
En fonction de votre description, il semble que vous utilisiez le mode box-size: border-box qui préserve la largeur totale et diminue la taille du contenu lors de l'ajout de remplissage.
En fin de compte, il se peut que vous n'observiez aucune différence réelle en termes de performances, et donc de score de chargement de page, à moins de redimensionner radicalement votre image.
Toutefois, si vous utilisez des images de grande taille et que vous les réduisez de manière significative, les échanger contre des images plus petites peut faire une différence notable.
Puisque vous souhaitez optimiser votre site pour le référencement, je vous suggère de consulter https://developers.google.com/speed/pagespeed/insights/?url=google.com , où peut découvrir certaines choses qui peuvent avoir encore plus d'impact.
Cela n'a pas d'effet. Les robots Google parcourent les pages, contrairement aux pages HTML normales que les utilisateurs voient. Les robots se nourrissent de fichiers robot.txt au moment de l'indexation à des fins de référencement. Il explore les URL qui lui sont fournies par le système, par exemple, au format XML.
Ainsi, les images entourées de marges ou de marges importent moins pour les robots Google lorsqu'ils parcourent vos pages.
Vérifiez ce lien pour plus d'informations
Voir (ce que le client voit) dans une page Web n'a pas (normalement) un impact sur le référencement. Un robot Google lit le texte (html) et ne voit pas la page Web comme humaine.
Le seul cas où cette vue peut avoir un impact négatif sur le référencement est lorsque vous avez du texte invisible (de la même couleur que l'arrière-plan, etc.) sur le site.
Réduire les images est une bonne idée (site plus rapide = meilleure expérience utilisateur = meilleur référencement), mais uniquement lorsque vous modifiez la taille (côté serveur - php par exemple) du fichier (envoyé au navigateur). Changer uniquement la largeur et la hauteur ne vous donnera rien (forme seo point de vue)