Быстрота загрузки с большим количеством изображений Safari?

Question

[newhacke]

Вообще есть сайт, где очень много фотографий. Как бы сильно не сжимались фотки, прогрузка сайта на мобильных очень долгая а именно на safari. Использовал loading(lazy) нативный html, для img, но это не помогает. Используя webp, сайт грузиться моментально но в сафари не отображается. Как решают подобную проблему для ios ??

Comments

[newhacke]

И такое чувство, что loading(lazy) нативный не работает в мобильных, speed test googla показывает 30, а на десктоп 90.

[newhacke]

и вообще какие форматы для safari актуальны??? для изображений.Ну я имею ввиду легковесные...

[Rustam Bainazarov]

До нормальной поддержки нативного lazyload ещё как до Китая пешком.

Используйте:
https://github.com/aFarkas/lazysizes

Инициализация и настройка в несколько строк кода. Плагин сам следит за новыми элементами на странице, поддерживает picture.

[newhacke]

Рустам Байназаров, а оно раотает на safari? и на моб устройствах?

[Rustam Bainazarov]

newhacke, LOL. Оно работает даже в IE9.

Это плагин вы можете увидеть на очень крупных сайтах.

[newhacke]

import 'lazysizes';
// import a plugin
import 'lazysizes/plugins/parent-fit/ls.parent-fit';

// Note: Never import/require the *.min.js files from the npm package.

а как его подключить из пакета, если я ярном загрузил его туда?)) Или я не правльно понял что никогда не импортируйте его из модулей))

Answer 1

[Rustam Bainazarov]

До нормальной поддержки нативного lazyload ещё как до Китая пешком.

Используйте:
https://github.com/aFarkas/lazysizes

Инициализация (её даже можно вообще пропустить) и настройка в несколько строк кода. Плагин сам следит за новыми элементами на странице, поддерживает picture.