javascript - 使用 JS/Jquery 在所有图像上添加显式宽度和高度

Question

谷歌现在在图像上添加显式宽度和高度很重要，现在我必须在我所有的客户端站点上手动添加它，有没有办法使用 JS/Jquery 在所有图像上添加这些属性？并通过 google pagespeed 测试。

我试过使用这段代码，它添加了 attr 但这并没有删除标志。

$(document).ready(function(){
  $('img').each(function(idx, img) {
    $(this).attr({
      width: img.naturalWidth,
      height: img.naturalHeight
    })
  });
});

标签： javascripthtmljquerypagespeedlighthouse

Answer 1

仅添加高度和宽度属性是行不通的，您还必须将图像裁剪到其确切尺寸。例如，如果您设置了 100px 的高度和宽度，则图像的高度和宽度也应为 100px。