Вирішіть проблему блокування візуалізації за допомогою сценарію Jetpack Devicepx

Jetpack-це універсальний плагін для вашого власного сайту WordPress. Він охоплює різні модулі – від зупинки атаки грубої сили до перегляду статистики сайту. Коли ми нещодавно перевіряли Google Page Speed ​​Insights, ми виявили, що на всіх сторінках сайту завантажений скрипт devicepx з “s0.wp.com". Цей сценарій спричиняє проблему блокування візуалізації, і Google продовжуватиме показувати це як проблему з високим пріоритетом. видалити цей скрипт.

Ми пробували використовувати W3 Total Cache та Autoptimize без користі, оскільки цей скрипт завантажується із стороннього сайту, який не може бути кешований за допомогою плагінів, що працюють на нашому сайті. У цій статті давайте перевіримо, що це за сценарій, звідки він береться і як його вимкнути, щоб виправити проблему блокування візуалізації в інструменті Google PageSpeed ​​Insights.

Що таке сценарій Jetpack Devicepx?

Точний сценарій- https://s0.wp.com/wp-content/js/devicepx-jetpack.js, який можна побачити в PageSpeed ​​Insights, як показано нижче:

Проблема блокування візуалізації за допомогою Jetpack Devicepx

Тепер перейдіть на свій сайт і перейдіть до розділу «Плагіни> Редактор». Виберіть плагін «Jetpack by WordPress.com» і знайдіть файл «class.jetpack.php». Ви можете знайти, що цей скрипт викликається так:

Код Jetpack Devicepx

Повний код для виклику сценарію наведено нижче:

/**
* Device Pixels support
* This improves the resolution of gravatars and wordpress.com uploads on hi-res and zoomed browsers.
*/
function devicepx() {
if (Jetpack::is_active()) {
wp_enqueue_script( 'devicepx', 'https://s0.wp.com/wp-content/js/devicepx-jetpack.js', array(), gmdate( 'oW' ), true );
}
}

Мета сценарію сценарію дуже чітко прописана в коментарі. Він потрібен для показу граватара з високою роздільною здатністю та інших зображень на сітківці та збільшених веб -переглядачах.

Ви також можете відкрити URL -адресу сценарію в браузері та побачити, як код функції написано для збільшення зображень.

Проблема

Проблема тут також зрозуміла. Сценарій викликається, як тільки джетпак виявляється активним на сайті. Він не є частиною жодних модулів, тому ви не можете деактивувати скрипт без деактивації плагіна. Це питання вже відкрите в Github.

Також є дискусія про те, що сценарій завантажується у нижній колонтитул, але Google показує його як блокування візуалізації, оскільки для сценарію немає асинхронного атрибута. Не будемо заглиблюватися в цю дискусію. Це просто – вам не потрібен цей сценарій, особливо коли ви деактивували gravatar на своєму сайті.

Як відключити сценарій Jetpack Devicepx?

Перейдіть до «Зовнішній вигляд> Редактор» і знайдіть файл «functions.php» своєї теми. Додайте наступний фрагмент коду в кінці файлу та збережіть зміни:

function disable_devicepx() {
wp_dequeue_script( 'devicepx' );
}
add_action( 'wp_enqueue_scripts', 'disable_devicepx' );

Тепер поверніться до Google PageSpeed ​​і перевірте сайт. Ви не повинні бачити сценарій під питанням блокування візуалізації.

1.Якщо ви вимкнули редагування файлів на панелі адміністратора, то вам слід скористатися FTP для доступу до файлу “functions.php”.

2 Пам’ятайте, що будь -які зміни, зроблені у файлі functions.php, будуть стерті щоразу, коли ви оновлюєте тему. Ви можете використовувати дочірню тему або додаткові плагіни, такі як фрагменти коду, щоб вставити код у файл “functions.php”.