Направете по-добри прогресивни изображения Зареждане с AntiModerate

Скриптът AntiModerate може да не звучи много. Но това е един от най-добрите JS скриптове, които можете да изпълните, за да подобрите производителността на по-голяма страница и да поддържате силен потребителски опит.

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

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

Ето как става това: добавяте приставката AntiModerate към страницата си заедно със скрипта StackBlur.js.

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

След като тези по-малки изображения са на мястото си, AntiModerate зарежда изображенията в пълен размер във фонов режим. След това всяка замъглена снимка се заменя с обикновена снимка, след като тя приключи. лесно!

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

Можете да инсталирате библиотеката директно с npm или Bower, или като издърпате скрипта през GitHub.

Това изисква само няколко реда JavaScript и със сигурност ще помогне за подобряване на зареждането на страницата ви. Погледнете в GitHub repo и превъртете надолу до ръководството за настройка, за да започнете.

Само с няколко реда код, AntiModerate трябва да бъде безпроблемно да се изпълнява на всяка страница.

Да не говорим за това чист JavaScript така че не изисква никакви зависимости като jQuery да се работи.