Задать вопрос
@flare0n
обработка-изображений

Как оптимизировать изображения?

Скриншот с PageSpeed Insights
5bf40414b3391904258391.png


Гугл требует оптимизировать изображения.
Я начинающий веб-разработчик и во многом еще пока не успел разобраться, по каким только ссылкам я не переходил от него, натыкался на всякого рода документацию на английском языке, либо непонятные мне тексты, пусть даже с переводом. Какими методами возможно реализовать lazy-loading и изменение размера картинки при меньшей ширине экрана клиента(А если картинка без альтернативы)? Объясните пожалуйста подробнее и с примерами из кода, если имеете возможность. Заранее спасибо.
  • Вопрос задан
  • 137 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 2
sotvm
@sotvm
Умный поймёт, а дураку и так всё равно.
на хабре есть ,забыл название статьи
вот по части кода нашёл (себе копировал функцию)
https://habr.com/post/261625/
Ответ написан
1 комментарий
1 комментарий
alexey-m-ukolov
@alexey-m-ukolov
На эту тему у Вадима Макеева только вчера вышло отличное видео: Skillbox, оптимизация графики, Squoosh и элемент p...
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
@kupurim
Вот сервис по сжатию изображений - https://tinypng.com
Если исходное изображение больше блока, то нужно ресайзить (к примеру у вас картинка 1000x1000, но блок с изображением имеет размеры 200х200).
А вообще если не ошибаюсь, гугл должен давать уже сжатые картинки (по крайней мере в старой версии так было).
Ответ написан
5 комментариев
5 комментариев
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Технический писатель
НПО Фарватер • Москва
от 100 000 до 200 000 ₽
IT HR менеджер
Bright Mobile Apps
До 1 700 $
Рекрутер
IGA Technologies • Москва
До 70 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Спарсить TON PLACE: скрейпинг фото и текста с анкет по списку URL
25 апр. 2024, в 05:57
3000 руб./за проект
Правки в webApp готового и написанного телеграмм бота next, tailwind
25 апр. 2024, в 05:29
25000 руб./за проект
Фронтер - DevOps. Развернуть фронт на хостинге. Прокинуть в телегу-бот
25 апр. 2024, в 04:38
10000 руб./за проект
Ещё заказы