Задать вопрос
@zeaovede

Быстрая загрузка баннера. Как лучше реализовать?

Я вижу множество современных сайтов, где баннер подгружается мгновенно, до того как загрузится весь остальной контент, и чтобы не быть просто многословным приведу примеры.



И вот, приведу пример аналогичного сайта, с типичной болячкой присущей всем старомодным сайтам.

Пример


Не правда ли жалкое зрелище в сравнении?
Какие прогрессивные средства могут помочь справиться с проблемой?
  • Вопрос задан
  • 171 просмотр
Подписаться 1 Простой Комментировать
Решения вопроса 2
@KingAnton
Во первых у них фоновая картинка весит ~50кб, у вас в два раза больше
Во вторых у вас в целом не хватает кэша на сайте, чтобы странички отдавались со скоростью обычного html
На третьем примере картинка загружается с такой же скоростью, как и на вашем сайте

Предзагрузите картинку, может поможет
<link rel="preload" href="image.png" as="image">

Но как по мне, пользователи уже давно привыкли к такому поведению, что не все быстро грузится или что-то подгружается в моменте. Если дизайнерские изыски не влияют на функционал, то и заморачиваться не стоит. Или закрывайте все прелоадером до полной загрузки
Ответ написан
1. Уменьшайте размер картинок по максимуму, насколько это возможно. Выбирайте форматы, позволяющие хорошо их сжимать. Но, главное тут - не переусердствовать.
2. Все статические ресурсы лучше хранить в CDN, а не на своём сервере. Они очень быстрые, располагаются по всему миру и выбираются ближе всего к пользователю. Есть у Яндекса, у Cloudflare и т.д.
https://yandex.cloud/ru/services/cdn

Ваше решение ускорить загрузку сайта весьма похвально, это сейчас новый тренд. Всех уже достали эти медленные монстры. Многие люди тупо закрывают страницу, когда сайт долго грузится.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы