Маяк - это Google.WebP - это Google.Google явно немного предвзятый.WebP обычно имеет меньшие размеры файлов, но это не всегда важно, и это, конечно, не означает, что вам обязательно нужно WebP.Кроме того, следует отметить, что WebP не поддерживается повсеместно, поэтому имеет смысл только на самом деле в сочетании с элементом picture
, поэтому вы можете предоставить несколько форматов.Элемент picture
также также не поддерживается повсеместно, и он не имеет естественной постепенной деградации для старых браузеров, таких как img
с srcset
.Короче говоря, хотя это может немного повысить производительность вашего сайта, в зависимости от того, насколько тяжелым он будет, но это не так уж и просто.Чтобы идти по этому пути, должны быть веские аргументы.
Обратите внимание, что рекомендации Lighthouse - это просто рекомендации.Не все из них имеют смысл для каждого приложения.Он рассказывает вам обо всем, что можно сделать, чтобы сделать ваш сайт быстрее, но это не значит, что имеет смысл делать что-то одно.Вам необходимо взвесить потенциальный выигрыш против необходимости и .Если вы уже предоставляете довольно легкий сайт с несколькими изображениями, то вряд ли WebP стоит вашего времени.Таким образом, вес вашей некэшированной страницы составит 500 КБ против 600 КБ.Если у вас МБ, то вы все еще в гораздо лучшей форме, чем большинство сайтов, и об этих дополнительных 100 КБ даже не стоит беспокоиться, особенно если они кэшированы.Это все относительно.Если вы создаете следующий Flickr, возможно, стоит подумать о WebP.