Как увеличить скорость загрузки страницы?

Question

[Magnus Keef]

Делаю тест на скорость загрузки.
Тест для десктопов:


а теперь для мобильных:


Я расчитывал, что результаты будут примерно одинаковы(+/- 5 единиц), но здесь колосальная разница..
В чем прикол?

гугл советует с js разобраться, но у меня уже сжатый и маленький скрипт

конечно ещё jquery подключен, но неужели из-за него так грузится?

Script Evaluation

что под этим подразумевается не могу понять...
подскажите хоть что-нибудь
P.S. изображения все сжаты до минимума. css тоже сжат, js отже.

Comments

[Дмитрий Беляев]

Script Evaluation - выполнение, 2.5 сек на работу js это очень много
точнее нужно изучать с профайлером, например в chrome dev tools

[alex-1917]

Дмитрий Беляев, да толку-то?)) там гавнище от яндекса всю картину сразу на 15-20 баллов портит... ))) с этим яшей надо что-то делать...

[alex-1917]

Xdevelx, да по сути для фона можно и растянуть картинку, для 1920 вполне подходит 800px плюс затемнить её, она уже станет весить раза в 4меньше..

Answer 1

[Vitalik]

Здраствуй! Случайно наткнулся на вопрос, и вспомнил что сохранил как раз вчера статью об этом. Думаю тут ты кое что узнаешь
https://tproger.ru/translations/how-to-boost-frontend/

Answer 2

[alex-1917]

Я расчитывал, что результаты будут примерно одинаковы(+/- 5 единиц), но здесь колосальная разница..

да уж..
а с какого перепоя ты был так уверен?
такого не было никогда - ни на старой версии сервиса, ни на текущей...
бывает и побольше разница, 50 баллов и больше.
по факту - у тебя там подшаманить по мелочи-то, картинки лэйзи-лоадни, часть скриптов в опу переставь и стили туда же.
естсессно, что все надо делать не нагугливанием, а адекватно, например, тот же лэйзи-лоад - только по скроллу страницы плюс если страница проскролена на полэкрана, остальные широкораспространенные методы лэйзи для гугл-pagespeed бесполезны0))

4 удаленно подгружаемых шрифта для лендинга поселкового уровня? ОоОООоо...

ну и плюс банальщина:

Comments

[funkydance]

лучше уж gulpом прогонять jpg,png в webp, чем вот так вручную всё)

[alex-1917]

funkydance, webp вызывает рвотный рефлекс у айпадов-айфонов, это все, что надо знать про webp

[alex-1917]

funkydance, никто и не говорит вручную))
это был толстый намек.
Картинки товаров в png и сайт во всемирной паутине - две вещи несовместны.
Некоторые клиенты после нескольких оповещений так и продолжают УПОРНО пихать картинки png в свои товары...

[funkydance]

alex-1917, а ну кстати да) жаль, купертиновцы не торопятся webp поддерживать.