Async JavaScript для WordPress

Бесплатный плагин JavaScript для WordPress

Фрэнк Гуссенс разработал бесплатный подключаемый модуль Async JavaScript. Вы можете использовать этот подключаемый модуль для удаления содержимого Javascript (JS), блокирующего рендеринг, в верхней части страницы. Он совместим с WordPress 4.6 и выше. Вы можете скачать его бесплатно на пяти языках: голландском, английском (США) и трех диалектах испанского.

Это приложение дает вам полный контроль над добавлением и удалением атрибутов defer или await в сценариях и помогает расширить сайт. скорость загрузки. Другими подключаемыми модулями, предлагающими асинхронную загрузку JS, являются Lazy Widget Loader и Reverb for Publishers.

Объяснение асинхронной загрузки

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

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

Поддержка браузера и CSS

Асинхронизация – это новый атрибут в HTML 5 и Chrome, Internet Explorer 10 и выше, Firefox 3.6 и выше, Safari и Opera. . Он работает только со встроенной очередью скриптов WordPress.

Еще один удобный атрибут для использования с асинхронным режимом — это await, который полезен для функций веб-API. Помните, что await работает только с асинхронными функциями. Задается определенное условие, и только при выполнении этого условия Javascript загружается асинхронно.

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

Повышение производительности веб-сайта

Асинхронный JavaScript дает владельцам сайтов возможность асинхронно загружать JavaScript, исключать или откладывать загрузку определенных скриптов, сокращая время загрузки страницы. Еще одна полезная опция — «ожидание», при которой сценарии загружаются только после выполнения определенного условия. Await также упрощает кодирование.

В последнем выпуске разработчик добавил обходной путь для определенных встроенных сценариев JS, синхронизируемых асинхронно.