Доповнення Lazy Loading стисненням зображення

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

Відкладаючи завантаження зображення, мобільні зчитувачі можуть заощадити на своєму тарифному плані. Всім іншим вигідніше швидше завантаження, що, в свою чергу, підвищує ваш рейтинг SEO. Позитивний вплив lazy loading є досить значним, щоб Google Chrome планував впровадити цю техніку в наступних оновленнях.

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

Старанне стиснення зображення

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

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

ImageRecycle можна використовувати в будь-якому проекті завдяки зручному API, але вам не потрібно бути технічно налаштованим, щоб використовувати ImageRecycle . Оптимізатор зображень є частиною двох плагінів, які допомагають оптимізувати ваші блоги WordPress та Joomla: WP Speed of Light та Speed Cache і можуть бути використані майже на будь-якій платформі із сценарієм стиснення зображень PHP.

Процес використання ImageRecycle у будь-якому з цих двох плагінів або в сценарії є відносно простим. По-перше, вам потрібно активувати безкоштовну пробну версію ImageRecycle або придбати підписку. Потім встановіть і активуйте розширення WordPress або Joomla та плагін ImageRecycle , а також додайте ключ і секрет API ImageRecycle на сторінці налаштувань. Після успішної активації вашого облікового запису ImageRecycle ви зможете скористатися його перевагами, не ImageRecycle з WordPress, Joomla, opencart або будь-якої CMS.

Якщо ви вперше використовуєте ImageRecycle на своєму веб-сайті, ви можете негайно отримати всі свої мультимедійні файли на швидкість. З активованим плагіном ви можете відразу стиснути всі зображення та навіть PDF-файли. Надалі ви можете оптимізувати файли окремо або стискати носії масово. Найкраще, що цей процес відбувається у фоновому режимі.

Тонка настройка стиснення зображення

Можливість оптимізувати всі зображення - це благо, але найбільшим ImageRecycle є її контроль. Завдяки ImageRecycle оптимізація зображення отримує абсолютно новий вимір управління. Ви можете включити певні папки медіа для стиснення, залишаючи інші зображення у вихідному стані.

Ви навіть можете вказати рівень стиснення незалежно для різних типів файлів - PDF, PNG, JPG та GIF. Рівні стиснення коливаються від найкращого збереження, зменшення розмірів файлів до 80%, до менш постійного рівня оригінальної якості та зовсім не стиснення.

У деяких випадках вам може знадобитися передувати стисненню зображення попереднім кроком зміни розміру. Подумайте про завантаження зображень, які мають величезні розміри, в блог, який не фокусується на медіа. Ці зображення, швидше за все, будуть зменшені, якщо вони все-таки відображаються на фронті.

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

Lazy loading - це гарне рішення зменшити час завантаження вашого блогу, але іноді воно може бути майже поверхневим - тимчасовим прискоренням веб-сторінок. Стиснення зображення доповнює lazy loading , роблячи його повністю ефективним завдяки оптимізації зображення. Ви все ще не визначилися чи захоплені тим, щоб стиснути зображення? Спробуйте ImageRecycle для себе за допомогою безкоштовної пробної версії!