117-1: Фотогалерея на 1500 фото на странице - быстрая?
117-2: Фотогалерея на 1500 фото на странице - быстрая!
- 0:00 – Обратный отсчет с музыкой
- 0:34 – Добрый вечер! Возможен ли быстрый сайт с 714 изображениями в высоком качестве?
- 4:55 – Говорим о галерее со слайдером на этом сайте
- 9:00 – Демонстрация работы сайта
- 9:24 – Загрузка фотографий за счёт отложенной загрузки, ссылка на наработки от LOADING.express: https://pay.loading.express/ob/aff/reg
- 10:00 – Показываем, как быстро работает слайдер
- 11:45 – Замер сайта на Google PageSpeed Insights
- 13:48 – Где можно применять это решение
- 14:50 – Трансляция мобильной версии сайта
- 18:33 – Вопрос из зала: «Для img пользуетесь похоже decoding=»async»? Стоит ли это ставить для первого экрана тоже, как в галерее этой? Есть смысл сочетать с lazy load за пределами первого экрана?»
- 18:58 – Вопрос из зала: «если в const allPhoto = 714; указать не 714, а к примеру 800, тогда будет выводится 800 фото?»
- 20:40 – Вопрос зрителя о кроссбраузерности решения: «Почему в старых браузерах не работает?»
- 1:45 – Важно! Делимся хитростями для быстрой прокрутки слайдера
- 3:50 – Как можно расширить функционал сайта-галереи
- 4:44 – Вопрос из зала: «Innovation Bro быстрая платформа? Фронтенд, который видит пользователь, сделан на React? Есть где-то демка этой платформы?»
- 5:10 – Innovation Bro – сервис для организации онлайн-школ https://innovationbro.ru/
- 6:05 – Вопрос зрителя: «polyfill js подключил, не работает»
- 6:40 – Вопрос зрителя: «И все же на счет decoding=»async»: «Декодировать содержимое асинхронно для уменьшения задержки в отображении другого содержимого» — Какого такого содержимого, если кроме картинок больше ничего нет»
- 9:11 – Вопрос из зала: «А как decoding=async с лези лодам работает?»
- 9:50 – О новинках YouTube
- 11:17 – О HTTP/3 и времени буферизации YouTube
- 12:20 – По всем вопросам пишите sale@loading.express
- 14:04 – Следующие эфиры ждите на https://live.loading.express
