Как да използвате Lazy Load за зареждане на изображения в WordPress

Искате ли да научите как да използвате мързеливо зареждане за зареждане на изображения в WordPress?

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

Най -популярните уеб сайтове, които са наситени с изображения, използват Lazy Load за увеличаване на скоростта и производителността на уебсайта.

В тази статия ще ви покажем как да зареждате изображения в WordPress с помощта на Lazy Load.

Защо мързеливо зареждане на изображения в WordPress?

Мързеливо зареждане на вашите изображения в WordPress може да ускори уебсайта ви и да предостави най-доброто потребителско изживяване.

Никой не обича бавни уебсайтове. Всъщност проучване на ефективността установи, че еднократно забавяне на времето за зареждане на страница с една секунда води до 7% по-малко реализации, 11% по-малко показвания на страници и 16% по-ниска удовлетвореност на клиентите.

Търсачките като Google също не обичат бавно зареждащи се уебсайтове. Ето защо по -бързите уебсайтове се класират по -високо в резултатите от търсенето.

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

Един от начините за справяне с тази ситуация е да използвате a CDN услуга. CDN ще позволи на потребителя да изтегли изображения от най -близкия до тях уеб сървър и да намали скоростта на зареждане на уебсайта.

Изображенията ви обаче ще продължат да се зареждат и ще повлияят на общото време на зареждане на страницата. За да разрешите този проблем, можете да забавите зареждането на изображения, като внедрите мързеливо зареждане или Lazy Load на вашия уебсайт.

Как работи мързеливото зареждане на изображения?

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

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

Мързеливото зареждане може да бъде много полезно за вашия блог на WordPress.

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

Издаването на WordPress 5.5 добави мързеливо зареждане като функция по подразбиране.

Въпреки това, ако искате да персонализирате начина, по който вашите изображения се зареждат лениво и фоновите изображения, ще трябва да използвате WordPress плъгин.

Забележка: Докато мързеливото зареждане или Lazy Load ще помогнат за подобряване на скоростта на зареждане на уебсайтове, винаги трябва да оптимизирате изображенията в мрежата, преди да ги качите в WordPress за максимална производителност.

Ще споделим две WordPress плъгини различни, които могат да ви помогнат лесно да настроите отложено зареждане на изображения на WordPress.

Метод 1. Мързеливо зареждане на изображения в WordPress с WP Rocket

Препоръчваме ви да използвате приставката WP Rocket за лениво зареждане на изображения в WordPress. Това е най -добрият плъгин за кеширане на WordPress на пазара и ви позволява лесно да активирате мързеливо зареждане на изображения.

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

При инсталиране и активиране всички негови настройки по подразбиране за кеширане драстично ще ускорят вашия уебсайт WordPress.

За да активирате мързеливо зареждане на изображението, просто трябва да поставите отметка в няколко квадратчета. Можете дори да активирате мързеливо зареждане на видеоклипове, което допълнително ще подобри скоростта на вашия уебсайт.

Метод 2. Мързеливо зареждане на изображения в WordPress с Optimole

Този метод използва безплатната приставка Optimole. Това е един от най -добрите плъгини за компресиране на изображения на WordPress и ви позволява лесно да активирате мързеливо зареждане на изображения.

Ако получавате повече от 5 посетители на месец, ще ви трябва първокласна версия.

Когато активирате, отидете на Медии »Optimole, след това се регистрирайте за ключ за API.

Просто кликнете върху бутона API ключ за регистрация и имейлИ ще ви бъде изпратен по имейл.

След това въведете своя API ключ и кликнете върху „ Свържете се с услугата OptiMole ".

След това кликнете върху раздела " Настройки ".

Тук можете да се уверите, че „ Мащабиране на изображения и мързеливо зареждане"е активиран. Това ще генерира изображения въз основа на размера на екрана на вашия посетител и ще подобри скоростта на зареждане.

След това кликнете върху опцията от менюто " avanced »И изберете« Lazyload ».

На този екран има различни настройки, които ви позволяват да персонализирате начина, по който вашите изображения ще се зареждат лениво.

На първо място, можете да регулирате „ Първо изключете на изображения от lazyload ". Това ще предотврати първите ваши изображения статии или страници да използвате мързеливото натоварване.

Можете да зададете тази опция на 0, ако искате всяко изображение да се зарежда лениво.

След това можете да активирате опцията " Мащабиране на изображения ".

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

След това можете да активирате настройката " Активирайте Lazyload за фонови изображения ".

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

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

Това ще зареди запазено изображение вместо видеоклипа. Когато кликнете върху него, пълното видео се зарежда.

Можете да продължите да персонализирате тези настройки и да видите какво работи най -добре за вашия уебсайт и изображения.

Преди да излезете от настройките на приставката, не забравяйте да кликнете върху „ Запазване на промените ".

1. ARMember

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

Друга негова характеристика е фактът, че предлага безплатна опция, която е малко ограничена по отношение на функционалността. Говорейки за функции, това мощно WordPress плъгин предлага, наред с други неща:

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

То също е референция в тази ниша.

Изтегляне | демонстрация | уеб хостинг 

2. Показване на данъците по страни за WooCommerce

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

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

Изтегляне | демонстрация | уеб хостинг

3. Slick Popup Pro

Slick Popup Pro е a Разширение WordPress доста прост и лек, който преобразува всяка форма, създадена от плъгина Форма за обратна връзка 7 в изскачащ прозорец. Тя използва формата и я превръща в красиво и съвършено отзивчиво изскачащо.

Изскачащият формуляр може да има няколко приложения, включително: формуляр за събиране на информация, a Формуляр за връзка, регистрационен формуляр, формуляр за оферта, формуляр за предложение / жалба и други.

Изтегляне | демонстрация | уеб хостинг

• Как да изберете All In One SEO Pack WordPress
• Как да актуализирате вашите WordPress теми, закупени от Themeforest
• Как да показвате връзка в WordPress, за да излезете
• Как да изберете All In One SEO Pack WordPress

Заключение

Voila! Това е за този урок. Надяваме се, че тази статия ви е помогнала да научите как лениво да зареждате изображения в WordPress. Не се колебайте споделяйте с приятелите си в любимите си социални мрежи. 

Ще можете обаче да се консултирате с нас грабене на ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress.

Но междувременно ни кажете за вашите Връзка и предложения в специалния раздел.

...