Портфолио

Отчёт по выполненной работе


21.08.2020: Изменить размер изображений на сайте

Пример:
У вас в шапке сайта используется картинка
whatsapp.png
Её размер 70х72 пикселя, хотя на сайте она используется в размере 25х25 пикселей. Она находится в шапке сайта и этот лишний вес сказывается на всех страницах.

У слайдера большие картинки
На компьютере они так и отображаются большими и проблем нет, но в мобильной версии такие большие не нужны.
Сейчас действует алгоритм Mobile Ferst, а это значит, что индексируется именно мобильная версия и в первую очередь о сайте поисковики судят именно по мобильной версии.
Поэтому, для мобильной версии должны использоваться отдельные картинки слайдера в размере 320х250 пикселей. Это уже позволит сделать каждую легче в 2 раза.

Слайдер с логотипами использует картинки с размером 527х528 пикселей, а на сайте они "впихиваются" в окошко шириной 190 пикселей и 177 на мобильной версии.
Учитывая, что самих логотипов много, получим существенное облегчение.

Скриншоты

Логотипы из блока «Нас уже выбрали»
Пришлось менять размеры вручную. Подогнал все под 177 пикселей. Проверил и на ПК и на Мобильной версии всё отображается хорошо (как и было), ни чего не съехало.

Слайдер над блоком цен
В процессе работы выяснилось, что картинки загружаются как бэкграунд скриптом, а не в стилях прописаны. Поэтому я отложил этот скрипт до полной загрузки сайта и теперь все эти картинки не влияют на скорость загрузки.

Иконка whatsapp.png
тоже изменил вручную.

Как я и говорил, пункт «Используйте современные форматы изображений» это просто пиар своего нового формата WEBP от Google. Если картинки оптимизированы и их размер соответствует области отображения, то этот пункт пропадает. Это вы можете увидеть на скриншотах.
Скриншот ДО Скриншот ПОСЛЕ
Кликни, чтобы развернуть и переключаться
Скриншоты сделаны с ресурса, который находится по этой ссылке:
https://developers.google.com/speed/pagespeed/insights/?url=https://www.divelang.ru/

Отзыв клиента о выполненной работе

аватар пользователя elena
Елена Кузнецова (21.08.2020 12:28)
Спасибо большое за проделанную работу, Михаил профессионал своего дела! Очень рекомендую, много лет работаю с техническими специалистами, есть с чем сравнивать.