Отложено зареждане: кои изображения могат да изчакат

Полезно е да знаеш

Дълга страница с много изображения поставя различни задачи пред браузъра. Част от съдържанието е необходимо още при отваряне, а друга част ще бъде видяна едва след превъртане. Отложеното зареждане, познато като lazy loading, е стратегия за пренасяне на некритичните ресурси към момента, когато са нужни. Целта е първоначалното зареждане да не бъде обременено с всичко, което страницата евентуално може да покаже по-късно. Това изисква разграничаване на приоритетите, а не еднаква настройка за всеки ресурс. [1]

За HTML изображенията атрибутът loading може да подскаже отложено зареждане чрез стойността lazy. Браузърът определя кога да започне изтеглянето според собствените си условия и близостта до видимата област. [2] Следователно атрибутът не е точен таймер и не означава задължително изчакване до момента, в който конкретен пиксел стане видим. При обяснение на поведението е по-полезно да се наблюдава реалната страница, отколкото да се обещава еднакъв момент за всички устройства.

Нека имаме измислена статия с основна снимка и двадесет изображения от архив под нея. За посетителя основната снимка може да бъде част от разбирането на темата още в началото. Архивните изображения обслужват следващите раздели. Преди настройката е полезно да се опише този ред на значимост. Така екипът може да реши кои ресурси трябва да са готови веднага и кои могат да изчакат, без техническата оптимизация да измести нуждите на самия материал.

Размерите на изображението също имат значение за оформлението. Задаването на ширина и височина помага да бъде определено мястото, което изображението ще заеме, преди самото съдържание да е заредено. [2] В учебна проверка можем да сравним страница с предварително запазено пространство и страница, в която то липсва. Наблюдаваме движението на съседния текст, вместо само броя изтеглени файлове. Така оценката включва и четенето, което посетителят вече е започнал.

Отложеното зареждане може да се използва и за други видове ресурси според подходящия механизъм. MDN го разглежда като обща стратегия за намаляване на некритичната работа в началото. [1] Това не означава, че всички части на един интерфейс трябва да бъдат отлагани. Например полезната проверка за галерия включва и бързо превъртане към края. Ако посетителят вижда дълго празни места точно там, където иска да разглежда, първоначалната икономия не описва целия резултат.

Практическият преглед може да следва обикновено четене: отваряне, спиране на първия раздел, постепенно превъртане и връщане към вече видяно изображение. За всяка стъпка се записват видимите закъснения и размествания. Това създава по-пълна оценка от едно число за началното изтегляне. Lazy loading е полезен, когато отлагането съответства на нуждата от съдържанието и не превръща останалата част от страницата в поредица от неприятни изчаквания.