Доповнення 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 ви зможете скористатися його перевагами, не виходячи з WordPress, Joomla, OpenCart або будь-якої іншої CMS.

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

Точне налаштування стиснення зображень

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

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

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

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

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