Page Insight не правильно просит оптимизировать изображения. Как ему сказать что размер картинки должен быть именно такой?

Question

[Анатолий Филиппов]

Гугл дает мне 50 из 100, при этом говорит оптимизировать донельзя изображения, причем меняя их размер. Последовал рекомендациям, и заменил пару баннеров. В итоге их фактический размер изменился на много. То есть у меня стоит блок с баннерами шириной md-9, и внутри соответственно изображения (скрин 1)

spoiler

То что предложил гугл - 287x131. (скрин 2)

spoiler

Вопрос в том, как сохранить нормальные картинки, и набрать в гугле хотя бы 75. По остальным пунктам я ничего уже сделать не могу, ответ от сервера от меня не зависит никак, кэш браузера не включу для скриптов с других сайтов. Уверен что дело только в картинках (скрин 3)

spoiler

Как вы боролись с такими проблемами? Спасибо)

Answer 1

[Евгений Вольф]

Зашел на Ваш сайт, увидел картинку, вот эту, в разрешении 1900 (оригинал) и 778px фактическом подробности.

Посмотрел, какие изображения предлагает скачать гугл... он почему-то её уменьшил до 628px (почему именно, до такой ширины - затрудняюсь сказать), но явно не 278px.

И т.к. данная картинка (*тут я имею в виду картинку, которую Вы приводите в пример) у Вас на сайте уже в размере 278px, посмотреть почему и зачем гугл её так уменьшил - сказать сложно (а проверить в данный момент просто не представляется возможно). Но, рискну предположить, что данная картинка именно по этой же ссылке, используется где-то ещё на сайте, и там она как раз в таком разрешении.

Comments

[Анатолий Филиппов]

Спасибо за развернутый ответ, Евгений! Действительно, одна и та же картинка используется и на странице и на главной в виде миниатюры. Я попробую с этим разобраться, однако нашел вторую проблему. Например, размер фотографий тренеров 450x600, а фактически они составляют процентное соотношение (так как верстка бутстрап и блоки col-md-x) гугл их хочет менять в соответствии с тем как он их загрузил для теста (скажем у него было разрешение 1366x768) а как тогда быть для больших экранов?

До этого я всегда делал фиксированную ширину таких элементов и совсем не напрягался. Однако здесь вот нужно именно так и никак иначе(

[Евгений Вольф]

Анатолий Филиппов: я думаю оптимальным решением в таких случаях, может служить веб-сервер (Apache или Nginx) с модулем "ngx_pagespeed" (для апача названия модуля не помню, но найти не сложно). Этот модуль автоматически решает 90% "проблем" с Google PageSpeed. Других каких-то решений "сходу" мне пока в голову не приходит.

P.S. Но, тут может возникнуть другая проблема. Хостер может отказаться устанавливать подобный модуль к себе на сервер, и тогда Вам придётся использовать VPS (как минимум), хоть это и не много дороже чем обычный хостинг (а иногда дешевле), нужно будет некоторое время повозиться с настройками такого модуля.