Lazy зареждане на изображения в WordPress - мързеливи плъгини натоварване

Скоростта на сваляне е важно изискване към сайта и от двете търсачки и от гледна точка на потребителите на. Хората искат да получат информация бързо, а не да чака за няколко секунди, докато се покаже на страницата. Ето защо разработчиците се опитват всячески да се подобри този процес: изпълнение на препоръките на селекция като mkels.com. експериментира с услуги и CMS модули.

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

Как товара Lazy:

Lazy товарни плъгини в WordPress

За да се намери подходящ задача за модулите влизат една фраза «мързелив натоварване» в хранилището WordPress. Жалко, че няма сортиране, трябва ръчно да потърсите най-популярните плъгини. въпреки че тази ниша и те не са много. Взех 8 решения трябва да бъдат доведени до окото на първо място. Внимание (!) За оценка на ефективността на мързелив зареждане на снимки и някои технически подробности са обсъдени по-долу.

BJ Lazy Load

a3 Lazy Load

Ракета Lazy Load

Всъщност модул върши същата като на другите - подобрява времето за зареждане и намалява броя на исканията за HTTP. Описанието казва, че тя не се използва библиотеката за JQuery тежък тип, и скрипт тежи 6Kb. Като за начало няма допълнителна конфигурация е необходимо - просто инсталирате и активирате.

Crazy Lazy

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

Lazy Load XT

Плюс Lazy Load XT може да се нарече с помощта на прозрачен образ-товарач, така че потребителите няма да виждат страницата "бял блок" вместо натоварваща изображение. Налице е също така подкрепи фонови графики, ако желаете (но това е извън обхвата на съдържанието, и вие трябва да бъдете внимателни).

Зарежда се страница с Loading Screen

И накрая няколко нестандартни решения. Този плъгин в допълнение към Lazy Load функция в WordPress добавя няколко интересни парчета. По време на генерирането на съдържание се появява полупрозрачен обувка екран, където ще бъдат показани на процента на завършване на процеса. Всичко това идва с анимации и различни настройки: цвят / изображение за фона, загуба на равновесие, след като страницата / сесия, изключения и т.н. Като цяло, тя се възприема по-скоро като WOW ефект, но след известно време може да започне да се дразня.

Lazy Load за видеоклипове

Ефективността на мързелив товарене

Както казах, аз работя с модул Lazy Заредете - проблеми не възникват, докато изображенията се зареждат само когато превъртате, и достатъчно бързо. Лично аз нямам специални измервания не се извършват, като се фокусира изключително върху визуален ефект, че е налице "преди" и "след".

Можете да видите колко мързелив зареждане на изображения и съдържание с a3 Lazy Заредете се различава съществено от гледна точка на другите методи. Всички въпроса в обработката на изображения:

• По подразбиране, WordPress изпраща на браузъра всички налични стойности на изображението. са на разположение. Това, от своя страна се зарежда най-малката версия, достъпна за текущия размер на прозореца.
• Модули BJ Lazy Load, Lazy Load XT замени на основната функция на системата и атрибути в кода, който ви позволява да използвате пълната версия на изображението.
• Решение a3 Lazy Поставяйте копиране WordPress логика - това е, четете възможно най-малко количество на файлове.

Въпреки по-малкия брой на заявките и крайното тегло в най-новата версия, BJ Lazy Зареждане въпреки това е по-бързо. Фактът, че приставката е в браузъра изпраща информацията на данните от формуляра: изображение / GIF, което го принуди да създадете GIF файлове на местно ниво, а не да изтеглите от сървъра (чрез искания HTTP).

Това не се случва, ако имате фон първоначално бяло. В противен случай, ще трябва да добавите друг предварително зареждане (почти всички модули позволяват да го направят). Заредете XT The Lazy дори при условие, ясна картина за същата цел.

Можете да се направят следните изводи:

• Ако използвате оптимизирани изображения чрез програмата или Tinypng, най-бързият вариант на BJ Lazy Load (когато се сравняват трите модула).
• Когато една снимка е поставена на сайта на "както е" (висока разделителна способност), оптималното решение ще A3 Lazy Load, които в допълнение към мързелив товаренето с вграден логика WP графика.
• Също така мога да препоръча плъгин, който аз използвам - Lazy Load. Всички тестове не са проведени, но има стръмни разработчици и максимално изтегляне.
• Ако ще да се опита друго решение, е препоръчително да се провери тяхната ефективност.

Подобно на този пост? Абонирайте се за блога актуализации чрез RSS. E-mail или Twitter.