Lazy load img wooccomerce - ленивая загрузка изображение товаров /

Исправляем баг при использовании плагинов

17 / 11 / 2019 198 wordpress Aвтор: Фрилансер

Lazy load img wooccomerce - ленивая загрузка изображение товаров

Недавно в Google консоли появилась функция — которая отображает скорость загрузки страниц. И это на прямую влияет на позицию поисковой выдаче. Для увеличение скорости загрузки страниц есть много факторов, один из них это отложеная загрузка картинок ( Lazy load img ). Пример скрипта есть тут 

Много плагинов Wordpress делают ленивую загрузку картинок, например a3 lazy load.

Но при использовании загружаться все картинки, кроме картинок товаров, чтобы это пофиксить, нужно прописать всем картинкам товара класс lazy-loaded  а также заменить 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;
}

 

3 случайных Поста

Card image cap
Опции с вводом количества opencart 2.3. Визуализация выбраного блока
Card image cap
Отправка любых файлов Telegram bot API
Card image cap
Отзывы с freelancehunt на сайт ModX revo

коммент.

© SiteBlog designer