Удалите неиспользуемый JavaScript в WordPress

Большинство владельцев сайтов WordPress увидят рекомендацию «удалить неиспользуемый Javascript» при запуске теста PageSpeed.

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

Что означает «удалить неиспользуемый JavaScript»?

JavaScript (JS) — это тип кода, который используется на веб-сайтах в основном для интерактивных элементов, таких как слайдеры, анимация и т. Д. По сравнению с CSS или изображениями, он гораздо более ресурсоемкий, поэтому его обработка занимает больше времени при загрузке страницы. Особенно плохо это сказывается на мобильной производительности.

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

Загрузка JavaScript, который даже не используется на странице, является пустой тратой ресурсов и вычислительной мощности, и именно к этому стремится эта рекомендация PageSpeed.

Найдите неиспользуемый JavaScript на своем сайте

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

Нажмите на рекомендацию для Удалить неиспользуемый JavaScript. Там вы найдете список файлов:

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

Есть 2 типа неиспользуемого JavaScript:

Файлы, которые полностью не используются.
Проверить Возможная экономия (количество неиспользованного кода) по сравнению с Размер передачи (общий размер файла). Если они совпадают, это означает, что весь файл не используется, и вы можете удалить его со страницы (см. Ниже).

Части файлов, которые не используются.
Если экономия меньше размера передачи, это означает, что используется часть файла, но не весь. Это распространено на сайтах WordPress. Например, ваша тема может загружать JS-файл, содержащий код как для слайдера, так и для видеоплеера. Если вы используете только ползунок на странице, код для видеоплеера не используется и его не нужно загружать.

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

Как удалить неиспользуемый JavaScript на сайтах WordPress

1. Проверьте возможности своего сайта и удалите все, что вам действительно не нужно.

Удаление — лучшая оптимизация 🙂.

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

2. Удалите неиспользуемые файлы с помощью Asset CleanUp или Perfmatters

Хотя для разработчиков плагинов это плохая практика — загружать все свои файлы на каждую страницу вашего сайта, даже если они не используются, такое случается — Contact Form 7 является примером плагина, который делает это. В таких случаях очень полезны плагины, такие как Asset CleanUp и Perfmatters. Вы можете использовать любой из этих плагинов, чтобы предотвратить загрузку целых файлов на страницах, где они вообще не нужны.

Я лично использую профессиональную версию Asset CleanUp, потому что у нее есть дополнительная функция, с помощью которой вы можете целенаправленно удалять файлы на мобильных устройствах, но не на настольных компьютерах (или наоборот). Это полезно при создании настраиваемых мобильных страниц.

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

3. Разработчики — создавайте модульный код, который загружается только при необходимости.

Если вы пишете тему или плагин, не помещайте весь свой код в один гигантский файл JavaScript, который загружается повсюду. Попробуйте загрузить только тот код, который нужен в любом контексте. Это единственный верный способ удовлетворить предупреждение об удалении неиспользуемого JavaScript.

Быстрое решение: отложить выполнение JavaScript

Отсрочка выполнения JavaScript — реально единственный способ существенно повлиять на эту рекомендацию и потенциально удалить ее.

Вы можете использовать для этого WP Rocket или Flying Scripts.

Я называю это сокращенным решением (хотя оно полностью справедливо в глазах Google), потому что технически это фактически не удаляет какой-либо JavaScript с вашего сайта. Он просто откладывает его выполнение до тех пор, пока посетитель не взаимодействует со страницей.

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

Без этих надоедливых файлов JS для загрузки и обработки первоначальный вид страницы должен загружаться быстрее для посетителя…. до тех пор, пока видимые элементы не зависят от JavaScript!

Этот метод оптимизации и последующий показатель PageSpeed ​​могут дать вам некоторое «розовое» представление о производительности вашего сайта. Вы должны иметь в виду, что весь JavaScript в конечном итоге все равно будет загружаться для ваших реальных посетителей, и они все равно пострадают, если он будет очень медленным, поэтому удаление по-прежнему является лучшей оптимизацией. Вы всегда должны тестировать свой сайт на мобильных устройствах и компьютерах, чтобы проверить, каково реальное взаимодействие с пользователем, независимо от оценки PageSpeed.

В целом, по-прежнему желательно иметь сайт, который вообще не полагается на такой большой объем JavaScript.

Другие оптимизации JavaScript

Хотя они напрямую не касаются Удалить неиспользуемый JavaScript предупреждение, вы всегда должны покрывать свои базы и иметь эти фундаментальные оптимизации. Их можно сделать с помощью большинства плагинов стиля кеширования / оптимизации.

• Минификация
• Сжатие с помощью Brotli или GZIP
• Отложить

Дополнительно: ракетный погрузчик от Cloudflare

Эта функция доступна в бесплатной учетной записи Cloudflare. Он не удаляет какой-либо JavaScript, но помогает ему загружаться быстрее, поэтому он все равно может улучшить вашу общую оценку PageSpeed. Однако это может быть ошибкой или ошибкой — это может вызвать ошибки JavaScript, которые трудно устранить. В таком случае просто выключите его. Но если он будет работать без проблем, это ускорит ваш сайт. Rocket Loader не нужен, если вы уже используете плагин для задержки JavaScript на вашем сайте.