A- A A+
Joomla – Оптимизация
JOOMLA! 1.5
JOOMLA! 2.5+
JOOMLA! 3.X

Продолжаем серию уроков по ускорению работы сайтов.

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

Нам в этом поможет сервис от Google.

PageSpeed Insights

Есть множество онлайн-сервисов для тестирования скорости сайта. Решено было выбрать PageSpeed Insights от Google.

Во-первых, это одна из самых авторитетных корпораций в Интернете.

Во-вторых, поисковая система Google давным-давно стала учитывать при ранжировании сайтов скорость их загрузки.

В-третьих, работа сервиса заключается не только в голой статистике, но и в подробных практических советах, направленных на устранение выявленных недостатков.

Итак, открываем тестовый сайт.

Шаг 1. Первичный тест скорости загрузки сайта

Вставляем в адресную строку ссылку на главную страницу ресурса.

PageSpeed

Нажимаем кнопку АНАЛИЗИРОВАТЬ и спустя несколько секунд получаем результат теста на двух вкладках: «Для мобильных» и «Для компьютера». На тест для мобильных телефонов пока не обращаем внимание, нас сегодня интересует - Для компьютера .

PageSpeed

Удивительно высокая статистика – 53 из 100. Но ничего, заботливый Гугл ниже указывает причины такой скорости и дает рекомендации.

PageSpeed

Шаг 2. Анализ изображений, подлежащих оптимизации

На первом месте в блоке Исправьте обязательно предлагается оптимизировать изображения. В данном уроке мы этим и займемся.

Открываем список изображений, которые необходимо оптимизировать.

PageSpeed

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

При этом, модуль почему-то подгружает не миниатюры картинок журналов, что указано в настройках расширения, а их полные изображения размером 300-400 Кб?!

Шаг 3. Оптимизация изображений

Поочередно выбираем изображения из списка Исправьте обязательно и оптимизируем их, уменьшая вес, а в некоторых случаях и размер.

По оптимизации картинок на сайте имеется несколько материалов:

Шаг 4. Тест после оптимизации картинок

Перед запуском нового анализа сайта, необходимо подождать 30 секунд, после последнего изменения страниц проверяемого ресурса.

Тест показал - 43 из 100. То есть, после оптимизации картинок скорость сайта выросла на 10 процентов!

В последующих уроках мы продолжим устранять недостатки и приближаться к отметке в 100!

Ссылки из урока:

 

Комментарии  

#2 0 Луговской 24.07.2016 09:24
Цитирую Aleksandr:
...404 ошибка

Исправлено.
Цитировать
#1 0 Aleksandr 24.07.2016 06:22
По двум ссылкам: "Оптимизация изображений онлайн-cервисам и PunyPNG и Kraken" и "Как изменить размер и вес изображения в Фотошопе" - 404 ошибка
Цитировать

Добавить комментарий

Защитный код Обновить

Если заметили ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

МОЙ TELEGRAM-КАНАЛ

ПОДПИСАТЬСЯ!


Перенос на хостинг

Перенос на хостинг

Бесплатный видео-курс по переносу готового сайта на одну из лучших хостинг-площадок РУнета.

Смотреть (бесплатно)

Бессмертный сайт

Бессмертный сайт

2 урока, 16 минут, и Ваш сайт - БЕССМЕРТНЫЙ!

Узнать подробности!