Ленивая загрузка

Ленивая загрузка — это техника оптимизации производительности, которая откладывает загрузку невидимого контента до тех пор, пока пользователь действительно в нём не нуждается. Вместо скачивания каждого изображения, страницы и ресурса при первом открытии публикации ленивая загрузка получает ресурсы по запросу — обычно когда пользователь прокручивает или переходит к ним. Браузер или приложение-вьюер загружает только то, что видно непосредственно, а затем постепенно подгружает дополнительный контент в фоновом режиме. Это уменьшает размер начальной загрузки, сокращает время до первого значимого взаимодействия и экономит трафик для пользователей, которые могут никогда не дойти до конца длинного документа.

Каждая дополнительная секунда загрузки увеличивает вероятность того, что читатель покинет публикацию до завершения рендеринга. Для цифровых флипбуков и документов, которые могут содержать десятки или сотни страниц с изображениями высокого разрешения, загрузка всего заранее создаёт неприемлемую задержку — особенно на мобильных устройствах с ограниченной пропускной способностью. Ленивая загрузка решает эту проблему, приоритизируя контент, который читатель видит первым, и откладывая всё остальное. Результат — более быстрое воспринимаемое время загрузки, снижение показателя отказов и улучшение показателей [Core Web Vitals](/glossary/core-web-vitals) (особенно Largest Contentful Paint), которые напрямую влияют на ранжирование в поисковых системах для страниц, встраивающих ваши публикации.

FlipLink применяет ленивую загрузку автоматически как к флипбукам, так и к просмотрщикам документов — настройка не требуется. Когда читатель открывает флипбук, загружаются только текущий разворот и непосредственно прилегающие страницы. По мере продвижения читателя последующие страницы загружаются в фоновом режиме ещё до того, как они понадобятся, обеспечивая плавные переходы без видимых задержек загрузки. Этим управляет движок [макета и оформления страниц](/features/page-experience-and-layout), который координирует рендеринг как для вьюера флипбуков [Three.js](/glossary/three-js), так и для чтения документов [PDF.js](/glossary/pdf-js). Функция [настраиваемого экрана загрузки](/features/custom-loading-screen) отображает вашу брендированную заставку, пока начальные ресурсы загружаются, так что читатели видят качественный опыт, а не пустой экран. Для флипбуков, встроенных на внешние сайты через [код встраивания](/features/sharing-and-distribution), сам [iframe](/glossary/iframe) также загружается лениво, то есть не запрашивает никаких данных, пока посетитель не прокрутит страницу до этого раздела.

Ленивая загрузка в FlipLink работает на двух уровнях: - **Ленивая загрузка на уровне страниц** — Внутри флипбука страницы загружаются в приоритетной очереди. Текущая страница и две следующие в каждом направлении загружаются немедленно. Более отдалённые страницы ставятся в очередь и загружаются постепенно, причём приоритет смещается по мере навигации читателя. Это гарантирует, что независимо от того, как быстро кто-то листает каталог на 200 страниц, следующая страница всегда готова. - **Ленивая загрузка на уровне встраивания** — Когда флипбук встроен на сайт, FlipLink использует нативный атрибут браузера `loading="lazy"` на элементе iframe вместе с резервным Intersection Observer для старых браузеров. Весь вьюер флипбука остаётся незагруженным, пока не попадёт во вьюпорт, что предотвращает замедление загрузки хост-страницы встроенными флипбуками. - **Оптимизация изображений** — Отдельные изображения на каждой странице подаются в современных форматах (WebP при поддержке) и в разрешениях, соответствующих размеру экрана зрителя. Это работает совместно с ленивой загрузкой для минимизации потребления трафика даже после получения контента. Эти уровни в совокупности гарантируют, что публикация на 300 страниц загрузит первый видимый контент менее чем за две секунды на стандартном соединении, независимо от общего размера файла.

- **Оставляйте ресурсы начальных страниц лёгкими.** Ленивая загрузка откладывает контент, но первый видимый разворот всё равно загружается сразу. Оптимизация обложки и первых страниц сжатыми изображениями обеспечивает максимально быстрое первое впечатление. - **Тестируйте на ограниченных соединениях.** Публикация, которая загружается плавно на быстром Wi-Fi, может выявить пробелы ленивой загрузки на мобильном соединении 3G. Используйте инструменты разработчика браузера для симуляции медленных сетей при тестировании. - **Не предзагружайте слишком много страниц.** Предзагрузка 10 страниц вперёд расходует трафик для читателей, которые могут уйти после второй страницы. Настройка FlipLink по умолчанию — две страницы вперёд — обеспечивает правильный баланс между отзывчивостью и эффективностью. - **Отслеживайте Core Web Vitals.** После встраивания флипбука проверьте показатели LCP и CLS вашей хост-страницы, чтобы убедиться, что встроенный вьюер не вызывает сдвигов макета и не задерживает основной контент. - **Сочетайте с экраном загрузки.** Брендированный [настраиваемый экран загрузки](/features/custom-loading-screen) даёт читателям что-то видеть во время короткой начальной загрузки, снижая воспринимаемое время ожидания и укрепляя ваш бренд.

**«Ленивая загрузка означает, что контент загружается медленно.»** На самом деле наоборот. Ленивая загрузка делает начальный опыт быстрее, не загружая контент, до которого читатель ещё не добрался. Нужный контент загружается с нормальной скоростью — часто даже быстрее, потому что браузер не конкурирует с десятками других одновременных запросов. **«Ленивая загрузка вредит SEO.»** Для публикаций, просматриваемых во вьюере FlipLink, контент рендерится по запросу для читателей, а не для поисковых роботов. SEO хост-страницы на самом деле улучшается, поскольку лениво загруженные встроенные iframe не блокируют метрику Largest Contentful Paint страницы. **«Ленивую загрузку нужно настраивать вручную.»** В FlipLink ленивая загрузка применяется автоматически к каждой публикации. Нет настроек для переключения или порогов для конфигурации — она работает из коробки как для флипбуков, так и для формата просмотрщика документов.

Ленивая загрузка гарантирует, что читатели увидят первую страницу публикации почти мгновенно, независимо от того, содержит ли полный документ 10 или 500 страниц, загружая только то, что нужно в данный момент, и откладывая всё остальное.