Большие изображения плохие, потому что, помимо потери пропускной способности, ограничение двух одновременных HTTP-соединений означает, что браузер не сможет загружать другие компоненты во время загрузки изображения, поэтому ваш JavaScript или любой другой может занять намного больше времени. чтобы быть обработанным.
Кроме того, время обработки на стороне клиента для масштабирования этого изображения будет использовать циклы ЦП и замедлять рендеринг страницы. Вы можете подумать, что на быстром настольном компьютере все не так плохо, но восприятие времени загрузки страницы может зависеть даже от 1/10 секунды (см. Пункт 5 здесь - 100 мс = 1% потерянных продаж для Amazon). Мобильные устройства будут подвергаться еще более серьезному воздействию из-за такого изменения размера, поскольку их процессоры не такие мощные.
Все, что связано с YSlow, заключается в том, что 90% восприятия скорости пользователем связано с обработкой на стороне клиента, а не с временем загрузки с сервера, поэтому они так привередливы в этом.
Меньшие изображения также будут тратить ЦП при изменении их размера, а также будут выглядеть пиксельными, что тоже плохо по этой причине.