Удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение

[vladrivi]

Добрый день, помогите решить эту проблему ниже. Как правильно исправить. Я думаю это вроде все нужные элементы там. Но может что то изменить можно?

 

 

Количество блокирующих скриптов на странице: 4. Количество блокирующих ресурсов CSS на странице: 5. Они замедляют отображение контента.

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

Удалите код JavaScript, препятствующий отображению:

http://sunny888.ru/…ew/javascript/jquery/jquery-2.1.1.min.js

http://sunny888.ru/…javascript/bootstrap/js/bootstrap.min.js

http://sunny888.ru/catalog/view/javascript/common.js

http://sunny888.ru/…/jquery/owl-carousel/owl.carousel.min.js

[ocdev_pro]

Засуньте эти скрипты в файл footer.tpl будут грузиться в последнюю очередь))

[Otvet]

Jquery не надо в футер, иначе поломаете

[tabook]

Засуньте эти скрипты в файл footer.tpl будут грузиться в последнюю очередь))

Из серии вредные советы.

[freelancer]

почему вредные?

[tabook]

почему вредные?

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

[freelancer]

в смысле если все скрипты поместить в футер то проблем не будет?

[AlexDW]

не весь код можно запихнуть в футер - что-то может требоваться сразу

здесь обсуждалось

 

а вообще, рекомендации pagespeed все больше напоминают сферического коня в вакууме :-D

[freelancer]

почему не весь?

обсуждалось не конкретно код внизу страницы, а pagespeed в целом.

решений проблемы там нет.

[ocdev_pro]

Из серии вредные советы.

Ну если от балды все пихать, то и коню понятно, что поломаете.

Подключайте jquery.min и jquery.migrate в самом верху, а все остальное уже в подвал, например bootstrap, доп скрипты...

Но по требованиям гугла все равно будет не верно. Они не объективны для CMS и поэтому выполнить все требования PageSpeed Insights можно либо написав свою CMS либо в корне переделав OC

Лично я достигал 90-92% на гугле, но по большей мере за счет хорошего сервера и минимуме скриптов + всевозможное кеширование

[AlexDW]

рекомендации pagespeed - именно рекомендации

какие-то действительно толковые, какие-то - ввиду универсальности - откровенно идиотские

(типа компрессия изображения такого-то уменьшит его размер на 361байт (12%) )

 

нет универсального единого решения на все случаи - каждый нужно рассматривать индивидуально

в процессе оптимизации рано или поздно столкнетесь с моментом когда рекомендации становятся взаимоисключающими - невозможно будет оптимизировать одну часть без ущерба для другой

[freelancer]

так почему нельзя весь js код перевести в футер? есть мысли?

[Otvet]

например если в dom скрипт на jquery то не сработает по логике

[freelancer]

не понял. что не сработает и по какой логике?

[tabook]

так почему нельзя весь js код перевести в футер? есть мысли?

Самое первое, что приходит на ум - это ненужные крики со стороны пользователей. Сайт плывет дрыгается "перестраивается". И они в чем то правы. Лучше подождать 0.7 секунды и получить "готовый" слепок страницы сайта, чем видеть как все элементы переупорядочиваются после загрузки js и выполнения document.ready.

Змінено 28 липня 2015 користувачем tabook

[freelancer]

javascript перестраивает блоки после загрузки?

[ocdev_pro]

Самое первое, что приходит на ум - это ненужные крики со стороны пользователей. Сайт плывет дрыгается "перестраивается". И они в чем то правы. Лучше подождать 0.7 секунды и получить "готовый" слепок страницы сайта, чем видеть как все элементы переупорядочиваются после загрузки js и выполнения document.ready.

А иногда возможно просто надо нормальный код писать, да не использовать так много изменений через jquery))

[ocdev_pro]

javascript перестраивает блоки после загрузки?

Ага сам удивлен, это наверное такой новый баг у js ))) а возможно просто установлена задержка на изменение...

Змінено 28 липня 2015 користувачем Waha

[tabook]

javascript перестраивает блоки после загрузки?

Да, попадались модули то ли слайдера, то ли аналога colorbox.

[tabook]

А иногда возможно просто надо нормальный код писать, да не использовать так много изменений через jquery))

Вы меньше ёрничайте.

Переписывать тонны чужого говнокода на js ради "звездочек" метрики совершенно того не стоит. Особенно если на сайте 100500 рюшечек.

[freelancer]

ну а если пользователю важны звездочки и он готов отказаться от colorbox, да и html можно скрыть до загрузки/выполнения скрипта.

выходит с тем что бы перенести код в футер нет проблем? 

[ocdev_pro]

Вы меньше ёрничайте.

Переписывать тонны чужого говнокода на js ради "звездочек" метрики совершенно того не стоит. Особенно если на сайте 100500 рюшечек.

 

Тут ничем не могу помочь... искренне сочувствую.

[tabook]

ну а если пользователю важны звездочки и он готов отказаться от colorbox, да и html можно скрыть до загрузки/выполнения скрипта.

выходит с тем что бы перенести код в футер нет проблем? 

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

Но речь изначально была не об этом, а о совете просто перенести в футер. Так вот "просто" - не получится, из-за этого и весь сыр бор.

[Otvet]

не понял. что не сработает и по какой логике?

т.е. если библиотека jquery подключается после то скрипт всеравно будет работать?

 

я пробовал ставить async дк у меня половина сайта перестала работать (не opencart, лендинг)

[freelancer]

tabook

за что платить так  и не понял. вы специально не пишите про возможные проблемы с переносом кода в футер? про блоки сторонних модулей понятно. одно дело блок полсекунды выглядит криво, другое дело js код не работает