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

Протягом останніх кількох місяців ми говорили про важливість стиснення зображень. У Joomla, WordPress, Drupal чи будь-якій іншій CMS стиснення зображень покращує вагу сторінки, а отже, загальний час завантаження. З іншого боку, 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 для себе за допомогою безкоштовної пробної версії!