Постепенно ви дава мързеливи натоварвания със снимки с ванилия JS

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

Прогресивният скрипт е a голям ресурс за увеличаване на скоростта на страницата. Работи като мързелив скрипт за зареждане на изображения, който зарежда изображенията постепенно, докато потребителят превърта надолу по страницата.

Това е безплатен проект с отворен код, така че можете да го изтеглите и да го стартирате на всеки уебсайт. Плюс това работи на 100% ванилия JS, така че има нула зависимост, която може да те претегли.

Можете да разгледате демонстрацията на живо на началната страница Progressively.

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

А местата за запазване на изображения действително приличат на изображенията, които зареждате. страхотен!

Тази чиста техника дава възможност на посетителите прегледайте как изглеждат изображенията, преди да се заредят. Всичко това се извършва чрез JavaScript, който проверява местоположението на потребителя на страницата и предварително зарежда изображенията, когато те се виждат.

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

Но можете да научите повече за главната страница на GitHub, която включва пълната документация на API, инструкциите за настройка и примерните кодови фрагменти, които можете да копирате / поставите за проектите си.

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

Също така погледнете Progressively GitHub, за да научите повече и да изтеглите изходния код, който можете да изтеглите.