Удалите код javascript и css блокирующий отображение верхней части страницы: удаляем ошибку

Дата: / Автор поста:

удалите код javascript и css блокирующий отображение верхней части страницы В статье разберемся с таким понятием и пунктом в pagespeed insights как «удалите код javascript и css блокирующий отображение верхней части страницы». Как с ним бороться и изменить этот пункт напишу ниже (способ только для wordpress).

Установка плагина JS & CSS Script Optimizer

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

Советую прочитать, как использовать autoptimize и как проанализировать блог на вирусы.

Искал замену, нашел классный, устанавливается он стандартным поиском в админпанели.
worspress установка плагина js css optimizer

  1. Вкладка.
  2. Добавить новый.
  3. Вводим запрос JS & CSS Script Optimizer.
  4. Устанавливаем и активируем.

Устраняем проблему удалите код javascript и css блокирующий отображение верхней части страницы

Плагин не слабо создает файлов, но динамика положительная. В общем заходим в настройки и смотрим скриншот, как и что делать.

Первый раздел: включение плагина wordpress и скрытие скриптов

В этом разделе включим плагин полностью и настроим минификацию и скрытие скриптов в подвал.

как исправить скрипты вверху страницы

  1. Включаем модуль.
  2. Директории на хостинге где будут располагаться кешировнные файлы стилей и javascript.
  3. Включение модуля сжатия и оптимизации javascript.
  4. Эти два пункта я тестировал, но особых различий не нашел, все остается на своих местах, выбирайте любой, либо тестируйте.
  5. Игнорировать внешние скрипты, галочку не ставим, иначе они не будут оптимизированы.
  6. Первый чекбокс это объединить все скрипты в два файла и разделить их, первые пойдут в header другие в подвал, не рекомендую ставить, так как не понятно по какому принципу определяется расположение. Второй объединить одним файлом и переместить в подвал, ставим галочку.
  7. Исключить, если один из скриптов перестал работать, то прописывайте его название здесь.

Второй раздел: как исправить стили

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

сжатие css

  1. Включаем модуль оптимизации.
  2. При включении галочки внешние не будут оптимизированы.
  3. Объединить, включаем.
  4. По умолчанию активна.
  5. Сюда прописываем стили которые начали спорить. На одно клиентском сайте, пришлось прописать.
  6. Сохраняем изменения.

На этом настройка закончена, подождите десять минут, чтобы плагин сделал работу и радуйтесь результатам.

Вывод

JS & CSS Script Optimizer имеет перед autoptimize много преимуществ.

  • Меньше споров.
  • Простота использования.
  • Удаляет из верхней области не только файлы вордпресса и темы, но и сторонних ресурсов.
  • Безопасность.

Есть один минус, не умеет минифицировать HTML код, что очень плохо, ищу решение проблемы, о решении напишу в статье. Теперь вы знаете как избавиться от пункта в pagespeed insights: удалите код javascript и css блокирующий отображение верхней части страницы, успехов.

P.S. И в заключении супер видео (для опытных).

  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(0 голосов, в среднем: 0 из 5)

С уважением к читателям Лифанов Валентин.

Нажмите на кнопку социальных сетей, вам не сложно, а мне приятно.

Комментарии к этой супер статье.

  • Валерий

    Не понял этот пункт что писать? Директории на хостинге где будут располагаться кешировнные файлы стилей и javascript.

    • Лифанов Валентин

      Оставь все как есть )))

  • Валерий

    Стало лучше, но сообщение «Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы» не пропало.

    • Лифанов Валентин

      Ну и так нормально, полностью не уберешь, проверь мой сайт я боролся боролся, но плюнул, сайт начинает плыть и скрипты отказывать, не парься мой совет.

  • Владимир

    Плагин не очень. Послетали стили меню Да и скорость загрузки осталась такой же. Может только в целях безопасности он лучше. А в остальном не вижу смысла менять один плагин на другой.

    • Лифанов Валентин

      Надо ждать, и ставить слетевшие файлы в исключения.

  • Алексей Полинаров

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

    • Лифанов Валентин

      Так ничего не сломаешь, плагин всегда можно отключить.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Лифанов Валентин. ©2014 Все права защищены. Полное или частичное копирование запрещено.