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

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

17 / 11 / 2019 1412 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
Csv file local to json
Card image cap
Как спарсить погоду с sinoptik и отправить через бота телеграмм
Card image cap
Кастомной шорткод woocommerce

коммент.

Вы должны авторизоваться, чтобы оставлять комментарии.

Freelancehunt.com — простой и честный фриланс Freelancehunt.com — простой и честный фриланс © SiteBlog designer