Dima Asked:2023-11-05 04:48:46 +0000 UTC2023-11-05 04:48:46 +0000 UTC 2023-11-05 04:48:46 +0000 UTC 没有为图像显式设置宽度和高度属性。谷歌页面速度 772 大家好！问题是没有为图像显式设置宽度和高度属性。当然，您可以简单地设置图片的宽度和高度，但问题是我的网站上有大量这些图片！有没有办法消除 Google Page Speed 中的此错误？我在css中设置了所需的宽度和高度，也许有一个js代码可以自动将css中的值设置到所有图片？先感谢您！ javascript 2 个回答 Voted Best Answer BlackStar1991 2023-11-05T05:14:24Z2023-11-05T05:14:24Z 这完全取决于您如何从服务器发送这些“这么多”图片以及如何将它们存储在那里。如果它们是从模板生成的，那么在模板中纠正这一点会更容易。如果这些图片保存在数据库中。假设您有一个CMS WordPress，那么最简单（但也危险）的方法是通过MySQL解析带有数据的单元格<img>以及所有不包含指定参数的单元格，根据需要输入这些属性。不过，内容管理者喜欢在图片中添加他们不需要的含义，因此它也可能会出现偏差。您了解width="" height=""Google Page Speed 不会奖励您空属性。 好吧，或者付钱给某人进行 SEO 优化，并让某人手动完成（如果财务允许的话）。 简而言之，不。这个JS问题无法解决。您将无法欺骗 Google Page Speed。 yaroslaff 2023-11-05T08:51:05Z2023-11-05T08:51:05Z 这些缺少宽度/高度的 HTML 是从哪里来的？它们都是同一类型吗（例如，1000 个产品，每个产品都有不同的名称、价格和照片）？如果是这样，那么您应该查看 SSG - 静态站点生成。我喜欢hugo，但这取决于味道和颜色（也许有JS支持的你会更舒服）。在这里，他使用现成的模板在一秒钟内制作数百页，并且可以为图片添加尺寸。我确信其他 SSG 也应该有类似的功能。看这里： https: //jamstack.org/generators/ 好吧，这应该在服务器端完成，以便下载 HTML 后，浏览器立即知道图像的大小。当所有内容都下载完毕（包括您想要调整大小的 JS）时，就不再需要它们了。
这完全取决于您如何从服务器发送这些“这么多”图片以及如何将它们存储在那里。如果它们是从模板生成的，那么在模板中纠正这一点会更容易。如果这些图片保存在数据库中。假设您有一个CMS WordPress，那么最简单（但也危险）的方法是通过MySQL解析带有数据的单元格
<img>以及所有不包含指定参数的单元格，根据需要输入这些属性。不过，内容管理者喜欢在图片中添加他们不需要的含义，因此它也可能会出现偏差。您了解width="" height=""Google Page Speed 不会奖励您空属性。好吧，或者付钱给某人进行 SEO 优化，并让某人手动完成（如果财务允许的话）。
简而言之，不。这个
JS问题无法解决。您将无法欺骗 Google Page Speed。这些缺少宽度/高度的 HTML 是从哪里来的？它们都是同一类型吗（例如，1000 个产品，每个产品都有不同的名称、价格和照片）？如果是这样，那么您应该查看 SSG - 静态站点生成。我喜欢hugo，但这取决于味道和颜色（也许有JS支持的你会更舒服）。在这里，他使用现成的模板在一秒钟内制作数百页，并且可以为图片添加尺寸。我确信其他 SSG 也应该有类似的功能。看这里： https: //jamstack.org/generators/
好吧，这应该在服务器端完成，以便下载 HTML 后，浏览器立即知道图像的大小。当所有内容都下载完毕（包括您想要调整大小的 JS）时，就不再需要它们了。