Почти на всех сайтах загрузка картинок тормозит весь сайт. В идеале вначале должен грузится текст, а потом картинки. WordPress почему странно себя ведет — иногда полностью загрузит картинки, а потом выводит всю страницу. Чтобы это исправить появились различные плагины. Об одном таком плагине и пойдет речь.
Плагин Unveil Lazy Load использует оптимизацию Unveil.js. Ну все решается на практике. Будем использовать сервисы GTmetrix, Website Speed Test от фирмы WebToolHub, PageSpeed Insights от Google, Website Performance Test от фирмы neustar и Google Chrome Audits.
Положение до теста.
GTmatrix: страница загрузилась за 7,14сек, размер страницы 2,76мб, количество запросов 130. Рейтинг скорости E 52%, YSlow D 68%.
Website Speed Test: размер 61,52Кб, время загрузки 1,26сек
PageSpeed Insights: 19 для мобильных и 30 для компьютеров
Website Performance Test: 4 секунды и 29 объектов.
Google Chrome Audits:
После установки плагина
Удаляем кеш и проверяем GTmatrix: страница загрузилась за 10,92сек, размер страницы 1,34мб, количество запросов 100. Рейтинг скорости C 73%, YSlow D 68%.
Изменение результатов:
Запускаем кешированную страницу GTmatrix: страница загрузилась за 5сек, размер страницы 1,6мб, количество запросов 111. Рейтинг скорости C 72%, YSlow D 67%.
Изменения:
Website Speed Test: размер 76,77Кб, время загрузки 0,53сек
PageSpeed Insights: 21 для мобильных и 56 для компьютеров
Website Performance Test: 2,5 секунды и 25 объектов.
Google Chrome Audits увеличилось кешируемых объектов.
Итоги
[table]Сервис | До | После |
GTmatrix | ||
Page speed Grade | E 52% | C 72% |
YSlow Grade | D 68% | D 67% |
время загрузки страницы | 7,14 сек | 5,03сек |
размер страницы | 2,76Мб | 1,6Мб |
количество запросов | 130 | 111 |
Website Speed Test | ||
размер | 61,52 | 76,77 |
время загрузки | 1,26сек | 0,53сек |
PageSpeed Insights | ||
для мобильных | 19 | 21 |
для компьютеров | 30 | 56 |
Website Performance Test | ||
время | 4сек | 2,5сек |
объектов | 29 | 25 |
Видим плагин увеличил скорость сайта, что очень хорошо. Жаль, что плагин заброшен и не оптимизирован для новых версий WordPress, а иначе можно было бы использовать.
Может кто-нибудь подскажет подобный новый плагин.