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

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

17 / 11 / 2019 520 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
Contact form 7- редирект на страницы при разных значения полей-
Card image cap
Из растра в svg
Card image cap
google spreadsheets - Редактор скриптов, трюк с датой

коммент.

© SiteBlog designer