Я пытаюсь использовать lazyload (код / плагин ссылка ) для моего сайта блоггера ( Ссылка на сайт ). Я использовал его только для нескольких сообщений, чтобы проверить результаты. Проблемы, с которыми я сталкиваюсь:
- Загрузка изображения занимает больше времени, так как пользователю приходится ждать 2-3 секунды для загрузки изображения.
- Работает в современных браузерах на ПК илимобильный, но не работает на мобильных устройствах со стандартным браузером.
Вот как это реализовано
Я использовал следующий код перед закрытием телаОтметить в теме моего блога html.
<script src='https://cdn.jsdelivr.net/npm/lazyload@2.0.0-rc.2/lazyload.js' type='text/javascript'></script>
<script>window.addEventListener("load", function(event) {let images = document.querySelectorAll("[data-original]"); let lazy = lazyload(images, {"src": "data-original"}); });</script>
Я изменяю html изображения блоггера с этого
<img alt="" src="original image link"/>
на
<img alt="" class="lazyload" data-original="original image link"/>
Вот несколько ссылок, для которых я реализовал это Пост 1 , Пост 2
Мне нужна помощь для
- Этот метод хорош? (Если не любезно предложите лучший)
- Есть ли другой способ быстрой загрузки изображений?
Заранее спасибо