WP Rocket приоритет загрузки


Linblack
131

Купил лиц на довольно именитый плагин. Как по мне самая лучшая и стабильная сборка всяких плюх.
Но один момент непонятен: как мне расставить приоритет загрузки определенного js или css файла над всем остальным контентом?
Или может есть возможность сделать так, чтобы сначала загружались скрипты и стили и уже потом  изображения и видео? т.к. сейчас ощущение что все чуть ли не в разнобой идет, после объединения js файлов.

И второй вопрос сюда же. Перепробовал все плагины по теме ленивой загрузки изображений, но почему то каждый раз на смартфонах изображения просто не загружаются,
либо эта загрузка занимает минуты 2-3. Может сталкивался кто?


Top for the good

Простой вопрос к вам. Если вы видите что у вас идет загрузка частями по JS и CSS, то у вас скорее проблемы с хостингом.

lazy load самому интересно, как это работает, так как на некоторых сайтах не грузит картинки… 

Проблемы JS и CSS решаются всегда удалением мусорных файлов которые не нужны для страницы


Linblack
Top for the good #:

Простой вопрос к вам. Если вы видите что у вас идет загрузка частями по JS и CSS, то у вас скорее проблемы с хостингом.

lazy load самому интересно, как это работает, так как на некоторых сайтах не грузит картинки… 

Проблемы JS и CSS решаются всегда удалением мусорных файлов которые не нужны для страницы

она не идет частями. все содержимое скорее идет одним потоком где скрипты, картинки и шрифты смешаны.
вне оптимизации это можно разделить, но показатели растут только если свалить все в одну кучу.


dma84
Linblack :
И второй вопрос сюда же. Перепробовал все плагины по теме ленивой загрузки изображений, но почему то каждый раз на смартфонах изображения просто не загружаются,
либо эта загрузка занимает минуты 2-3. Может сталкивался кто?

Все плагины ленивой загрузки — полная чушь, незачем грузить картинки скриптами, когда браузеры нативно поддерживают lazyload. Некоторые плагины, например a3 Lazy Load, портят валидацию и не всегда работают корректно с srcset.

Для этого предлагаю вот такой код, который добавляет loading=»lazy» ко всем картинкам на странице:

add_action('template_redirect', function()
{
        ob_start(static function($buffer)
        {
                $buffer = preg_replace('@<img(((?!loading=)[^>])+)>@i', '<img loading="lazy"$1>', $buffer, -1);
                return $buffer;
        });
}, -1, 0);

Для картинок, которые должны грузиться всегда, например для метрики, прописывайте loading=»eager», тогда регулярка их затрагивать не будет.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *