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

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

17 / 11 / 2019 338 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
Делаем Анимацию в After Effects на сайт
Card image cap
Отправка любых файлов Telegram bot API
Card image cap
Парсинг курса валют

коммент.

© SiteBlog designer