Question

有人告诉我，为所有图片指定内联宽度和高度将有利于SEO ，并且还有助于网站加载更快，如下所示：

<img src="http://www.example.com/images/free-size.jpg" width="200" height="400" alt="random image" />

虽然我仍然可以使用 height：auto; 覆盖内联设置。因此，当在不同的显示平台上时，图像可以正确地重新调整大小。

但是在我开始之前这样做只是想让这些陈述成立。就个人而言，我对使用外部CSS修复内联维度和覆盖感到怀疑，对我来说听起来有点不太好......

Answer 1

我被告知指定所有图像的内联宽度和高度善于搜索引擎优化，也有助于网站加载速度更快。

不，它确实有助于加快网站加载速度。它有助于避免在渲染页面时出现闪烁。如果您想更快地加载图像，请确保它们与页面中指定的大小相同，并使用kraken.io之类的服务来减少相应的文件大小。

关于搜索引擎优化，它的图像尺寸和宽度不合适，可能会损害您的搜索引擎优化。 Google可能会认为您的网站不是用户友好的和/或不适合智能手机。

Answer 2

如果您没有告诉浏览器图像的大小，那么它必须“构建”页面不是一次，而是两次（或多次，具体取决于您在页面上有多少图像）。它将构建一次以显示所有文本，然后它将等待直到下载图像。下载一个图像时，浏览器现在可以确定图像的大小，并重建页面以包围该图像的文本。此过程将针对您网页上的每个图片进行。

如果您只是指定图像尺寸，它将已知道图像的大小，并可以使用该信息来塑造页面。它不必重建页面一百万次。