Оптимизация изображений — один из главных факторов быстрой загрузки страниц нашего сайта. Почему так? Все просто. Самые большие и объемные файлы это конечно изображения и именно от них, в большей степени зависит скорость загрузки страниц нашего проекта.
Наверняка приходилось не раз закрывать страницу так и не дождавшись ее загрузки.
Я лично не жду ответа от таких проектов и стараюсь на них не попадать больше. Вот так примерно думают 90% посетителей. Кому понравится тратить время на ожидание?
Как проверить нужна ли вообще какая-то оптимизация сайту?
Сервисов по оказанию таких услуг довольно много, но лично мне нравится pagespeed insights от гугла, поскольку не только делает анализ, но и дает рекомендации.
Для начала подставим адрес своего ресурса или отдельно взятую страницу в специальное поле и нажимаем на большую синюю кнопку «анализировать»
Сервис сам выдаст полную информацию и даст конкретные рекомендации по оптимизации не только изображений, но и возможно различных файлов например список может быть таким:
- Удалите код JavaScript и CSS
- Сократите время ответа сервера
- Сократите JavaScript
- Сократите CSS
- Оптимизируйте изображения
Конечно, в идеале необходимо стремиться к цифре 100/100, другое дело что не всегда это получается.
Оптимизация изображений онлайн
Лучше всего заранее позаботиться об оптимизации изображений перед тем как добавлять их на страницы сайта. Для этого так же можно воспользоваться одним из специальных сервисов оптимизации изображений.
В своей работе я использую TinyPNG — способен обрабатывать большинство типов изображений в реальном времени и с хорошей скоростью.
Чтобы воспользоваться сервисом и оптимизировать изображения уже на работающем сайте, необходимо скачать все картинки в отдельную папку и затем прогнать через оптимизатор. Затем проделать тоже самое в обратном порядке.
Причем настройки картинок, которые были сделаны на сайте, будут сохранены. Владельцам блогового движка wordpress оптимизировать изображения можно с помощью специального плагина.
Оптимизация изображений в wordpress
На том же сайте TinyPNG можно скачать специальный плагин для оптимизации изображений в wordpress. После установки и активации необходимо из администраторской зоны плагина зарегистрироваться на сайте плагина и получить ключ активации.
Затем ввести этот ключ в специальное поле при настройке плагина и можно приступать к работе. Есть правда небольшое ограничение-не больше 500 картинок за месяц, но все же не вручную!
Оптимизация изображений на практике смотрите в этом видео, которое я записал для вас когда оптимизировал свой блог.