Скорость сайта: Удаление из верх. ч. код JavaScript и CSS

Voron27
(@voron27)

8 лет, 2 месяца назад
Благодоря вашему форуму, уже удалось решить почти все самые горячие проблемы, осталась одна!
(замер скорости делал на сайте https://developers.google.com/speed/pagespeed/insights/)

Проболема выглядит так:

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

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

Удалите код JavaScript, препятствующий отображению:
```
http://vyzhivaj.ru/…-includes/js/jquery/jquery.js?ver=1.11.3
http://vyzhivaj.ru/…s/jquery/jquery-migrate.min.js?ver=1.2.1
http://vyzhivaj.ru/…captcha/js/front_end_script.js?ver=4.4.2
Оптимизируйте работу CSS на следующих ресурсах:
http://vyzhivaj.ru/…-posts-plugin/style/widget.css?ver=4.4.2
http://vyzhivaj.ru/…s/default/css/bbpress.css?ver=2.5.8-5815
http://vyzhivaj.ru/…/plugins/captcha/css/style.css?ver=4.4.2
http://vyzhivaj.ru/…includes/css/dashicons.min.css?ver=4.4.2
http://vyzhivaj.ru/…s/captcha/css/mobile_style.css?ver=4.4.2
http://vyzhivaj.ru/…form-7/includes/css/styles.css?ver=4.3.1
http://vyzhivaj.ru/…postratings/postratings-css.css?ver=1.83
http://vyzhivaj.ru/…ontent/themes/alpona/style.css?ver=4.4.2
http://vyzhivaj.ru/…ntent/themes/alpona/css/less.css?ver=1.0
http://vyzhivaj.ru/…t/themes/alpona/css/fontello.css?ver=1.0
```
П.С. Перед тем как писать сюда, пытался найти решение в интернете, действительно они там есть например плагинами (Но какой выбрать так и не понял мнения расходятся) Посоветуйте, пожалуйста плагин, или то как другими способами решить или ослабить эту проблему?!

Просмотр 5 ответов — с 1 по 5 (всего 5)

Модератор Yui
(@fierevere)

永子

8 лет, 2 месяца назад

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

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

для HTTP1.x имеет значение также количество запросов,
т.е, чем меньше отдельных файлов — тем лучше

разумеется это все рекомендации и не более
так что следовать им или нет и насколько полно — решать вам,
если цена убиения пары запросов будет слишком велика — можно этого и не делать, кроме того весьма велик шанс получить глюки от конкатенации и минификации, в том числе достаточно трудно улавливаемые ( только в некоторых браузерах )

теперь по плагинам, придет Константин и будет советовать вам это
https://ru.wordpress.org/plugins/wp-fastest-cache/
комбайн, оптимизирует все, кеширует страницы

https://ru.wordpress.org/plugins/w3-total-cache/
другой комбайн

если не нужны комбайны, то
https://ru.wordpress.org/plugins/bwp-minify/
вот, позволяет обьединять css и js , проблемные скрипты могут быть исключены из минификации и конкатенации.
Вначале надо включить отладочный режим в плагине и посмотреть что у вас грузится (список), а потом этот список полностью или частично внести в настройки минификации

* как правило нельзя минифицировать внешние скрипты и стили

** если используется HTTP2.0 или SPDY , то рекомендации по спрайтам, конкатенации и прочим вещам снижающим число запросов становятся малоприменимы, HTTP2.0 рекомендации явно рекомендуют этого не делать, т.к. сам протокол гораздо более эффективен, даже без push

Автор Voron27
(@voron27)

8 лет, 2 месяца назад

Спасибо!

cholmony
(@cholmony)

8 лет, 2 месяца назад

Спасибо огромное, очень важная тема!

1596754as98
(@adminstrelok)

8 лет, 2 месяца назад

придет Константин и

и всех разгонит…. )))) Хватит мною людей пугать! ))))

Модератор Yui
(@fierevere)

永子

8 лет, 2 месяца назад

😀

Просмотр 5 ответов — с 1 по 5 (всего 5)

Тема «Скорость сайта: Удаление из верх. ч. код JavaScript и CSS» закрыта для новых ответов.