Следующий на очереди Aviasales.kz, с показателем firstPaint в 685мс.
Основные показатели
Загрузка документа
Общий объём документа в 589Кб (в 4 раза меньше чем сайт bekair.com), обеспечивает быструю загрузку даже на скорости 1Мбит/сек. Сайт полностью грузится за 3.75 секунды.
Минусом является тот факт, что проект расположен где то в Великобритании. Вследствие этого увеличивается пинг (~120мс) и, соответственно, время ожидания получения данных (TTFB в среднем около 250мс).
Блокирующие загрузки
Все файлы в секции HEAD блокируют отображение страницы до момента их полной загрузки. Крайне необходимо сокращать количество подобных ресурсов. >Скрипты необходимо выносить в нижнюю часть документа, это никак не сказывается на их функциональности.
Единственным положительным моментов в данной картине является то, что часть этих ресурсов скачивается с CDN-Yandex.
Это позволяет выполнять их загрузку параллельно с другими ресурсами, да и средний TTFB в 60мс здесь играет роль.
Timeline
На данном скриншоте изображены 7 секунд просмотра уже загруженного сайта. Желтые столбики это вызовы функций, зелёные это процессы прорисовки страницы. Частью этих вызовов и причиной постоянной прорисовки страницы является бегущая строка “Сейчас ищут:“. Её анимация реализована при помощи функции JQuery Animate. Почему в современных браузерах этого делать не стоит, очень хорошо описал Paul Irish
var r = function() {
t.animate({
left: "-" + e + "px"
}, 300 * e / 5, function() {
t.css({
left: "0px"
});
r()
})
};
r();
Большая половина вызовов JS-функций принадлежит Yandex Webvisor, записывающей действия вашего пользователя на сайте. Нужно учитывать её наличие, если вы собираетесь добиваться 60FPS.
Вывод
Нужно сокращать количество блокирующих ресурсов в секции HEAD, и если основная аудитория сайта из Казахстана, то переносить его поближе, на хостинговые площадки Казахстана или России.