Добрый день, подскажите почему такое случается. GooglePageSpeed выдает маленькую скорость и за того, что есть изображение которые можно оптимизировать на 90%. Дело вот в чем, есть слайдер, большой экран и мелкие. При клике на мелкие изображение из мелкого экрана появляется на большом. Но изначально они имеют маленькое разрешение и гугл считает что нет смысл грузить их в таком разрешение, но если я уменьшу их размер в 9 раз, когда они будут появляется на большом экране будут в очень плохом качестве. Посоветуйте как избавиться от данной проблемы, ибо сайт грузит шустро , чистый html css js( без jquery даже)
он жалуется не на их размер (в плане ширины), а на их размер в плане качества....
то ест ьс картинкой идет большое количество метаданных — их можно убрать,
идет большое количество пикселей и прочее....
то есть сжать их нужно (без потери качества и размера)
Возьмите ваши большие изображения, откройте Фотошоп и пересохраните их в качестве 60% для web с прогрессивной загрузкой. Затем откройте сайт https://tinyjpg.com/ или https://tinypng.com/, прогоните изображения через них. А уже потом используйте эти большие изображения в качестве миниатюр (но уменьшать их с помощью CSS не лучшая идея, лучше все таки оставить маленькие миниатюры, просто проделать ту же процедуру).
