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

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

17 / 11 / 2019 121 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
Форма обратной связи в телеграм
Card image cap
Отправка любых файлов Telegram bot API
Card image cap
Как запрет webmoney повлияет на Украинских фрилансеров

коммент.

© SiteBlog designer