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