Lazy load img woocommerce - лінива завантаження зображення товарів

Seo 38 секунд 17 лист. 2019
 Lazy load img woocommerce - лінива завантаження зображення товарів

Нещодавно в  Google консолі з'явилася функція — яка відображає швидкість завантаження сторінок. І це безпосередньо впливає на позицію пошукової видачі. Для збільшення швидкості завантаження сторінок є багато факторів, один з них це відкладене завантаження картинок (Lazy load img ). Приклад скрипта є тут 

Багато плагінів Wordpress роблять ліниве завантаження картинок, наприклад a3 lazy load.

Але при використанні завантажуватися всі картинки, крім картинок товарів, щоб це пофіксувати, потрібно прописати всім картинкам товару клас lazy-loaded  а також замінити < em>srcна data-src.

Для вирішення цього завдання потрібно вставити цей скрипт у functions.php

add_filter('wp_get_attachment_image_attributes', 'change_attachement_image_attributes', 20, 2);

function change_attachement_image_attributes( $attr, $attachment ){

$attr['class'] = 'lazy-loaded';
$attr['data-src'] = $attr['src'];
$attr['src'] = '';
$attr['srcset'] = '';


return $attr;
}