Прогресивне Lazy Loading для Joomla

Створення чудового контенту на Joomla! одне, зробити доступним інше. Lazy loading - одне з рішень, яке поєднує ці два варіанти, не змінюючи робочий процес. При прогресивному lazy loading зображення завантажуються лише за потреби та за потреби. Якщо читач ніколи не потрапляє до зображення на веб-сторінці, воно ніколи не завантажується. Тепер lazy loading також доступне на Joomla!

Переваг lazy loading багато; сторінки завантажуються швидше, а це означає, що взаємодія з користувачами краща, оцінки SEO зростають, а ваш вміст Joomla стає більш доступним для користувачів на пристроях низького класу або повільному доступі до Інтернету. Кілька тижнів тому ми представили вдосконалення основного рецепту lazy loading на WordPress . Сьогодні ми представляємо його для Joomla! теж, але перед цим подивіться, як можна включити прогресивне lazy loading на Joomla!

Увімкнення Lazy Loading на Joomla!

Lazy loading на Joomla! є частиною Speed Cache . Активувати lazy loading так само просто, як натиснути перемикач. Speed Cache Joomla! також містить інші функції, які допомагають отримати максимальну віддачу від lazy loading .

Щоб налаштувати lazy loading на вашому Joomla! блог, перейдіть до інформаційної панелі Speed Cache . Звідти натисніть кнопку конфігурації, щоб перейти на нову сторінку налаштувань Speed Cache .

Налаштування lazy loading знаходяться на вкладці параметрів . Перейдіть туди або скористайтеся абсолютно новою функцією пошуку, щоб знайти налаштування lazy loading . Щоб увімкнути lazy loading , просто ввімкніть параметр lazy loading . Як тільки ви це зробите, Speed Cache показує нові варіанти налаштування lazy loading відповідно до вашого веб-сайту.

Виключіть зображення з Joomla!

За допомогою перших двох полів ви можете виключити певні зображення із lazy loading якщо вони дуже маленькі, наприклад, піктограми чи невеликі логотипи. Це корисно, щоб увімкнути lazy loading лише для зображень, які насправді впливають на час завантаження вашої Joomla! блог. З цієї причини переконайтеся, що ви виключаєте лише дуже маленькі зображення, щоб не зробити lazy loading неефективним.

Однак у деяких випадках, можливо, ви захочете виключити (або включити) цілі набори Joomla! публікації або сторінки від lazy loading . Причини, чому ви робите це, дуже різняться і є обґрунтованими - можливо, засоби масової інформації, які вони містять, є невід'ємною частиною вмісту. Для цього використовуються наступні два поля.

За допомогою першого поля можна ввімкнути lazy loading лише для певних сторінок, а за допомогою другого поля можна відключити lazy loading лише для виділеного вмісту. В обох випадках також допускаються символи підстановки; використовуйте символ зірочки, щоб застосувати lazy loading над наборами Joomla з однаковою назвою! публікації або сторінки. Збережіть зміни, щоб увімкнути lazy loading : lazy loading набуває чинності на вашому Joomla! блог автоматично.

Як працює прогресивне Lazy Loading на Joomla!

Lazy loading подає вміст, як тільки це потрібно. Зазвичай сторінки складаються з поєднання тексту та зображень. Завантаження мультимедіа займає більше часу, ніж завантаження тексту, особливо на мобільні телефони нижчого класу або повільний доступ до Інтернету. Тоді як ваша Joomla! блог не може чарівно прискорити мобільні телефони чи доступ до Інтернету, він може зробити наступне найкраще: покращити взаємодію з користувачем.

lazy loading означає, що браузер спочатку завантажує текст, який зазвичай є невід’ємною частиною вашої Joomla! блог. Текст також набагато менший за розміром, тому він швидше завантажується, і ваші читачі можуть стежити за ним. Коли вони прокручуються вниз і зображення з’являється на екрані, lazy loading завантажує та відображає зображення.

Насправді, завантаження зображення може зайняти деякий час. Тому прогресивне lazy loading зображень автоматично створює невелику версію зображень - шириною 20 пікселів, з 4 кольорами та розміром лише декілька КБ - продуває їх до початкового розміру, а потім розмиває. Ефектом є розмита версія повнорозмірного зображення, яка вказує на те, що зображення все ще завантажується. Коли lazy loading закінчує завантаження зображення, Joomla! замінює розмите зображення на повне.

Прогресивне lazy loading вмикається автоматично з lazy loading , а це означає, що вам не потрібно робити ніяких додаткових змін. Найкраще, використовуючи лише невеликі версії зображення, поступове lazy loading додає дуже мало накладних витрат на вашу Joomla! місце для зберігання.

Lazy Loading в Joomla! Галереї

Lazy loading не дискримінує. Ледаче lazy loading Speed Cache працює для будь-якого зображення, включаючи галереї, такі як галереї Droppics. Подібно до звичайних зображень, Speed Cache підірває невелику версію зображень у галереї та розмиє її. Коли користувачі прокручують вниз, lazy loading завантажує повнорозмірні зображення.

Найкраще, що lazy loading Speed Cache не заважає вашому робочому процесу. Натомість він вводить у ваш процес lazy loading : просто вставте зображення або галерею в будь-яке місце на Joomla! blog та Speed Cache автоматично завантажує зображення ліниво, використовуючи AJAX, одне за одним після завантаження основного вмісту - переважно тексту та невеликих зображень, виключених вашими уподобаннями.

Розумне Lazy Loading основі висоти екрану

Lazy loading - це все прокрутка та висота екрану. lazy loading Speed Cache дуже розумне, оскільки воно застосовується лише до поточної висоти екрану (залежно від області перегляду) і попередньо завантажує наступне. Отже, якщо у вас швидке з’єднання або якщо ви прокручуєте повільно, ви навіть не помітите, що на вашому веб-сайті Joomla активовано lazy loading .

Крім того, це lazy loading на основі висоти екрана застосовується лише до поточної висоти екрану, навіть якщо воно знаходиться в середині сторінки, наприклад, у разі посилання на якір. Потім застосовується lazy loading , коли ви прокручуєте вгору або прокручуєте вниз.

Joomla SEO та Lazy Loading

lazy loading використовується в Speed Cache , не впливає на SEO. Насправді пошукові системи, які сканують ваш вміст, наприклад бот Google, бачать лише переваги:

• Часи завантаження сторінки значно кращі;
• Весь вміст зображення, включаючи альтернативний текст, заголовок зображення та опис, завантажується негайно без lazy loading ; і
• Підписи зображень також завантажуються, коли сторінка відображається вперше.

Прогресивне lazy loading - це компроміс між показом медіа та затримкою їх завантаження, додаючи візуальні сигнали. У той же час, lazy loading робить навігацію вашою Joomla! блогуйте швидше і приємніше. Не слід обмежувати обмін чудовим контентом, і тепер, з поступовим lazy loading на Joomla! немає меж, щоб зробити його доступним.

Звичайно, ми також можемо мати на увазі, що Speed Cache також пропонує багато інших чудових інструментів, як-от дуже гарний модуль Cache , який дозволить нам пришвидшити наші сайти та вивести їх на новий рівень!

Перевірте Speed Cache для Joomla:  https://www.joomunited.com/products/speed-cache