Как остановить рендер-блокирование Javascript и CSS?

Я проверил мою страницу на Google PageSpeed Insights и Он продолжает говорить, что «Ликвидировать делают блокирование JavaScript и CSS в Сверх-кратным содержанием»Как остановить рендер-блокирование Javascript и CSS?

Он говорит, что я 17 блокирующие скрипты и 11 блокирующих CSS ресурсов.

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

Кто-нибудь знает, как я могу решить эту проблему?

Заранее благодарю за любую помощь.

источник

2015-05-30 Chris Lad

возможно дубликат [Исключите внешний рендер-блокировку] (http://stackoverflow.com/questions/18013648/eliminate-external- render-blocking) – pstenstrm

Что касается CSS не js. –

Примечание. В текущем вопросительном типе задается вопрос «Как остановить блокировку рендеринга Javascript и CSS?» и в вашем вопросе-тексте вы указываете: «11 блокировка ресурсов CSS». Принятый ответ на предлагаемые возможные дубликаты разговоров о javascript и css и дает первоначальное представление о предлагаемом решении для обоих. Спасибо за Q, хотя я не знал о еще одном аргументе в моем арсенале против inline js/css ненавистников (смешно, что снова Google предлагает это, некоторые другие в моей коллекции также принадлежат ведущим разработчикам google кстати). – GitaarLAB

Вам необходимо больше копаться в исследовании Critical Rendering Path.

Простые правила: На вашей веб-странице загружайте только те вещи, которые действительно важны для показа пользователю. Остальные вещи можно загрузить после загрузки страницы.

Когда JS загружается на страницу, он прекращает генерировать DOM и, следовательно, останавливает загрузку других ресурсов. Помещение JS снизу будет работать, но при этом он будет блокировать ваш рендеринг при загрузке JS. Чтобы преодолеть эту проблему, рекомендуется добавить тег async в свой тег скрипта. Но добавление async может привести к другим проблемам. See here. Подробнее об этом может быть found here.

Тот же случай относится к CSS, но преимущества в том, что он не будет блокировать создание DOM. Подробнее об этом можно узнать here.

источник

2015-05-30 15:51:17 Avinash

Привет, я пробовал, но он замедлял работу сайта, но не уверен, почему так его вернули. Устраняйте блокирование JavaScript и CSS на странице Googles.

Если кто знает, почему удаление блокирующей CSS это замедлило сайт enter image description here

источник

2018-02-07 17:06:03 johnc

Как остановить рендер-блокирование Javascript и CSS?

ответ

Смежные вопросы