While everyone so desperately tries to make their way up to the top of SERP following the Поради щодо SEO-оптимізації Magento they pay little or no attention to one of the main things page speed could be improved with - Image Optimization.
If you перевірте швидкість свого веб-сайту, you will notice that images take a lot of your website loading time.
Отже, щоб отримати більше трафіку, вам потрібно подбати про багато речей, включаючи зображення.
Багато веб-сайтів використовують застарілі неоптимізовані зображення, які точно не сприяють покращенню швидкості веб-сайту, оскільки вони завантажуються деякий час. Кажуть, що якщо сторінка завантажується довше 3 секунд, більшість людей підуть.
Якщо ви дійсно хочете залучити більше клієнтів за допомогою швидкодіючого веб-сайту, вам потрібно оптимізувати свої зображення.
Ми підготували 3 найкращі поради щодо оптимізації зображень Magento 2.
Порада 1 - Зображення WebP
Формати зображень PNG та JPG застарілі та великі за розміром. Це призводить до їхнього тривалого завантаження та відповідного уповільнення роботи вашого веб-сайту. На щастя, Google розробив WebP — формат файлів наступного покоління, який загальноприймається більшістю браузерів.
Check this complete guide to learn more about the Magento WebP, their difference with PNG and JPG formats, benefits and reasons to use them in your store.
For your website image optimization, you can choose the that helps you to automatically convert all current and future images on your website into WebP format.
Це розширення для оптимізації зображень Magento дозволяє зменшити розмір зображень до 50% та одночасно зберегти їхню якість. Різницю справді важко помітити.
⇓
Якщо ви уважно читали це, ви, мабуть, задаєтеся питанням, що станеться, якщо хтось зайде на ваш веб-сайт Magento 2 зі старого браузера, який не підтримує новий формат WebP.
Про це подбали, оскільки це розширення для оптимізації зображень Magento 2 не замінює ваші зображення PNG та JPG на зображення WEBP. Воно просто створює їх копію. Тож користувачі з тих браузерів, які ще не інтегровані з WebP, побачать ваші оригінальні зображення у форматах PNG та JPG.
Порада професіонала: Навіщо вам розширення Magento 2 WebP Images, якщо ви можете просто конвертувати свої зображення у WebP за допомогою якогось онлайн-конвертера та завантажити їх на свій веб-сайт?
Річ у тім, що не всі браузери підтримують WebP (що ви, мабуть, вже зрозуміли). Якщо ви завантажите вже конвертовані зображення, люди, які переходять з браузерів, що не підтримують WebP, побачать пошкоджені зображення. Цей інструмент оптимізації зображень допоможе вам не лише задовольнити всіх ваших клієнтів швидкодіючим веб-сайтом, але й показати всім їм високоякісні зображення незалежно від браузера.
Порада 2 – Ручна оптимізація зображень
Це, мабуть, найпростіший і найпоширеніший спосіб оптимізації зображень на вашому веб-сайті. Optimizilla – це повністю безкоштовний онлайн-оптимізатор зображень, який допомагає вам зменшити розмір ваших зображень до мінімально можливого розміру.
Все, що вам потрібно зробити, це завантажити до 20 зображень і зачекати кілька секунд, поки оптимізатор зображень їх стисне. Після цього ви зможете завантажити кожне зображення окремо або весь пакет зображень.
Optimizilla також дозволяє регулювати кольори та порівнювати якість оригінальних і стиснутих зображень.
Ми наполегливо рекомендуємо стиснути зображення за допомогою Optimizilla перед завантаженням їх у WYSIWYG-редактор, щоб максимально зменшити розмір сторінки та час завантаження.
Порада 3 – Ліниве завантаження зображень
Your website performance should improve significantly once you try the Magento 2 image optimization tool mentioned above. However, there is one more way for you to ensure the fast webpage loading — ліниве завантаження.
Коли хтось заходить на сторінку з великою кількістю зображень, вони зазвичай починають завантажуватися одночасно. Ось чому завантаження трохи сповільнюється. Ви можете використовувати розширення Magento 2 Image Lazy Load , за допомогою якого зображення завантажуватимуться під час прокручування вниз. Модуль
Image Lazy Load повністю сумісний з розширенням Magento 2 WebP Images. Отже, окрім зменшення розміру зображення, ви можете покращити продуктивність свого веб-сайту, поступово завантажуючи зображення.
Підсумовуючи, оптимізація зображень Magento 2 насправді є однією з перших речей, з яких вам потрібно почати оптимізувати швидкість свого веб-сайту. Незалежно від того, наскільки чудові ваші продукти чи який приголомшливий контент ви створюєте, люди не дізнаються про це, якщо ваш веб-сайт завантажується дуже довго.
Було б неправильно сказати, що зображення – єдина причина, чому ваш веб-сайт завантажується довше, ніж потрібно. Оптимізація зображень є необхідністю для тих магазинів Magento 2, які хочуть бути на вершині.
However, it is only one of many steps you need to take to пришвидшити Magento 2. Check them out too to make your store lightning-fast.
