Поки всі так відчайдушно намагаються дістатися вершини SERP та покращити Magento 2 SEO, вони приділяють мало або жодної уваги одній із основних речей, яка може покращити швидкість завантаження сторінки - оптимізації зображень.
Якщо ви протестуєте швидкість вашого веб-сайту, ви помітите, що завантаження зображень займають багато часу під час завантаження всього вашого сайту.
Щоб отримати більше трафіку, потрібно подбати про безліч речей, включаючи продуктивність веб-сайту, на яку і впливають зображення.
Багато веб-сайтів використовують застарілі неоптимізовані зображення, які, безумовно, не сприяють підвищенню швидкості веб-сайту, оскільки їх завантаження займає певний час. Було встановлено, що якщо завантаження сторінки триває більше 3-ох секунд, більшість людей вірогідно покинуть веб-сайт.
Якщо ви дійсно хочете привабити більше користувачів за допомогою швидкісного веб-сайту, вам потрібно оптимізувати зображення.
Ми підготували 3 найкращі поради з оптимізації ваших зображень у Magento 2.
Порада 1 - WebP зображення
Формати зображень PNG та JPG є застарілими та великими у розмірі, що робить їх завантаження довшим та відповідно уповільнює роботу вашого веб-сайту. На щастя, Google розробив WebP - формат файлів нового покоління, підтримуваний, в загальному, більшістю браузерів.
Перегляньте цю статтю про WebP зображення в Magento 2, та дізнайтесь більше про їхню відмінність з форматами PNG та JPG, переваги та причини використовувати їх у вашому магазині.
Для оптимізації зображень веб-сайту ви можете вибрати розширення Magento 2 WebP Images, яке допоможе вам автоматично конвертувати всі поточні та майбутні зображення на вашому веб-сайті у формат WebP.
Це розширення для оптимізації зображень дозволяє зменшити розмір зображень до 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 - Images Lazy Load
Продуктивність вашого веб-сайту повинна значно покращитися, як тільки ви спробуєте згаданий вище інструмент оптимізації зображень у Magento 2. Однак є ще один спосіб забезпечити швидке завантаження веб-сторінки — lazy loading.
Коли хтось заходить на сторінку з великою кількістю зображень, вони, як правило, починають завантажуватися відразу. Ось чому завантаження трохи сповільнюється. Ви можете використати розширення Magento 2 Image Lazy Load, за допомогою якого зображення будуть завантажуватися при прокрутці вниз.
Модуль Image Lazy Load повністю сумісний з розширенням Magento 2 WebP Images. Отже, за винятком зменшення розміру зображення, ви можете покращувати продуктивність веб-сайту, завантажуючи зображення поступово.
Підсумовуючи, оптимізація зображень в Magento 2 насправді є однією з перших речей, які вам потрібно зробити, щоб розпочати оптимізацію швидкості веб-сайту. Незалежно від того, наскільки чудовими є ваші продукти чи який приголомшливий контент ви створюєте. Люди не дізнаються про них, якщо ваш веб-сайт довго завантажується.
Було б неправильно стверджувати, що зображення — це єдина причина, через яку ваш веб-сайт завантажується довше ніж слід. Оптимізація зображень є необхідністю для тих магазинів Magento 2, які хочуть бути в топі.
Проте, це лише один з багатьох кроків, які вам потрібно зробити, щоб покращити швидкість Magento 2. Перегляньте їх також, щоб зробити вас сайт блискавично швидким.
