Кэшированный файл jquery и css css замедляют работу страницы - PullRequest
0 голосов
/ 08 ноября 2019

Попытка оптимизировать мой сайт Wordpress, и у меня есть несколько вопросов о том, как я могу улучшить. Далее в этом посте вы можете увидеть, что Google PageSpeed ​​рекомендует мне удалить неиспользуемый CSS, а также блокировать содержимое рендеринга, мои вопросы:

  1. Файл jQuery мне кажется большим, почему 780ms длякэшированный файл jQuery?
  2. И логично ли для кэшированного CSS замедлить мою страницу?

Дайте мне знать, если вам нужна дополнительная информация. Большое спасибо!

URL страницы: https://utanuc.nu

Тема :

  • Hello Elementor

Плагин :

  • WP Rocket Pro

Удален неиспользованный CSS:

  • / wp-content / кэш / мин / 1 / aad770152f8bd8d0197b0ef0ecc3052b. css (143 кб)

Рендеринг контента блокировки:

  • / wp-content / кеш / удаление / 1 / wp-includes / js / jquery / jquery-1.12.4-wp. js (780 мс для загрузки)

Ответы [ 4 ]

1 голос
/ 08 ноября 2019

Google Page Speed ​​сообщает вам, что кэшированные файлы замедляют вашу страницу не потому, что кэшированные файлы медленнее, чем не кэшированные.

Это потому, что (например) файл: /wp-content/cache/min/1/aad770152f8bd8d0197b0ef0ecc3052b.css представляет собой комбинацию всех вашихCSS-файлы, и он единственный, поэтому он содержит всю вашу тему, плагины и WP-код CSS.

Когда файлы не кэшируются, Page Speed ​​проверяет их и перечисляет каждый файл (например), например: 20файлы * 50мс. Теперь, когда это один кешированный файл, Google Checker сообщает вам что-то вроде 1 файла * 1200мс - и этот файл быстрее, но он выглядит как большой файл, замедляющий работу сайта.

Кстати, вы должны знать, этот текущий результат скорости страницы действительно хорош для веб-сайта, основанного на тяжелой теме, такой как Hello Elementor, поэтому его будет сложно ускорить без изменения перечисленной темы.

Что касается jQuery - Page Speed ​​говорит мне, чтоон загружает 136 мс, так что, возможно, вы что-то изменили или, возможно, Page Speed ​​дает разные результаты в конкретных случаях.

0 голосов
/ 14 ноября 2019

Обычно:

  • Старайтесь избегать плагинов, конструкторов страниц ...

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

Для jQuery part:

  • Избегайте использования jQuery в своем пользовательском коде
  • Попробуйте настроить WP Rocket на
    • загрузить отложенный JavaScript
    • не использовать безопасный режим jQuery:

enter image description here

Для CSS часть

  • Попробуйте WP Rockets "Оптимизировать доставку CSS"

enter image description here

0 голосов
/ 09 ноября 2019

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

Рендеринг контента блокировки:

Рендеринг контента блокировки - это контент, который страница должна загрузить, чтобырендеринг всего «выше сгиба» (первая страница, наполненная контентом, который вы можете видеть без прокрутки).

Поскольку это JavaScript, блокирующий страницу, вы можете использовать атрибут defer во всех ваших файлах JavaScript (яне используйте Rocket, но посмотрите, можете ли вы найти параметр, позволяющий установить для всех JavaScript значение defer).

Это означает, что страница начнет загружать JS только после того, как всеHTML загружен и проанализирован, поэтому не «блокирует» рендер.

важно - вместо этого вы можете использовать опцию async. Ни одна тема, которую я когда-либо видел, не настроена на обработку async, поскольку она загружает все JS в любом порядке и выполняет их так быстро, как только может, поэтому иногда он может работать не по порядку и вызывать ошибки (так как jQuery может загружаться после чего-либоэто требует jQuery). defer сохраняет порядок файлов JS, отображаемых в вашем HTML.

Удален неиспользуемый CSS:

Так что это именно так, как звучит.

Большинство файлов тем имеют сотни классов CSS и т. Д., Которые просто не нужны для визуализации страницы (так как существует множество вариантов дизайна страницы, цвета и т. Д.).

Комучтобы исправить это, вам нужно будет найти все стили, которые фактически использует ваша тема (на каждой странице, по всему сайту, в каждом состоянии (зависание, посещение и т. д.).

Затем вы удалите все, которые не являютсянужно где-нибудь на вашем сайте.

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

0 голосов
/ 08 ноября 2019

Вы можете установить этот плагин для удаления кешей. https://en -gb.wordpress.org / плагины / сор-быстро-кэш /

...