feat(frontend): replace lazy loading with zibll lazysizes
This commit is contained in:
1 parent
02571eecd6
commit
435ee1daa7
78 files changed
+1515
-909
No files matched your search
@@ -20,12 +20,11 @@ final class RendererHelpers {
|
||||
return $link['target'] === '_blank' ? ' target="_blank" rel="noopener noreferrer"' : '';
|
||||
}
|
||||
|
||||
public static function image(string $url, string $alt = '', string $class = ''): string {
|
||||
public static function image(string $url, string $alt = '', string $class = '', string $key = 'lazy_other', string $lazy_src = ''): string {
|
||||
if ($url === '') {
|
||||
return '';
|
||||
}
|
||||
return '<img' . ($class !== '' ? ' class="' . esc_attr($class) . '"' : '')
|
||||
. ' src="' . esc_url($url) . '" alt="' . esc_attr($alt) . '" loading="lazy">';
|
||||
return '<img' . aksrt_get_lazy_attr($key, $url, $class, $lazy_src) . ' alt="' . esc_attr($alt) . '">';
|
||||
}
|
||||
|
||||
public static function lines(string $value): array {
|
||||
@@ -49,7 +48,11 @@ final class RendererHelpers {
|
||||
}
|
||||
$media .= self::image((string) ($item['image'] ?? ''), $title, 'aksrt-media-card__image');
|
||||
if (!empty($item['video'])) {
|
||||
$media .= '<video class="aksrt-media-card__video" src="' . esc_url((string) $item['video']) . '" muted loop playsinline preload="metadata"></video>';
|
||||
$video = esc_url((string) $item['video']);
|
||||
$video_attr = aksrt_is_lazy('lazy_other')
|
||||
? ' class="aksrt-media-card__video lazyload" src="" data-src="' . $video . '"'
|
||||
: ' class="aksrt-media-card__video" src="' . $video . '"';
|
||||
$media .= '<video' . $video_attr . ' muted loop playsinline preload="metadata"></video>';
|
||||
}
|
||||
$body = '<span class="aksrt-media-card__body"><strong>' . esc_html($title) . '</strong>';
|
||||
if (!empty($item['description'])) {
|
||||
|
||||
Reference in new issue
Block a user