Поширюйте зображення у форматах нового покоління
Ви шукаєте ідеальну оптимізацію часу завантаження вашого веб-сайту ? Ви хочете отримати оцінку вище 90 на мобільному, а також на комп’ютері за допомогою інструмента Google Insight ? Отримавши його самостійно на нашому веб-сайті WordPress з багатьма оптимізаціями, тут для тесту ми ділимося з вами рішеннями, як дістатися.
Поширення зображень у форматах наступного покоління - одна з рекомендацій Google для покращити швидкість вашого веб-сайту. Дуже хороша новина полягає в тому, що серед рекомендацій Google, використання нових форматів зображень, таких як WebP або JPEG 2000, дуже легко налаштувати у wordPress особливо. Ми підводимо підсумки цієї проблеми і користуємося можливістю представити вам кілька плагінів WordPress для використання нових форматів зображень на вашому сайті та їх оптимізації.
Які нові формати зображень ?
Google на своєму сайті пропонує нам 3 формати зображень які представляють технологічні досягнення та пропонують оптимізацію з точки зору їх ваги: JPEG 2000, JPEG XR та WebP. По-перше, ось невеликий опис кожного з цих форматів.
JPEG 2000
Після Optic 2000, Sport 2000, вважалося, що люди розуміли, що це більше не повториться. Ну ні, ми маємо честь представити вам JPEG 2000. Цей формат був створений між 1997 і 2000 роками. Він використовує алгоритм, який дозволить зменшити розмір файлів JPEG із втратою якості або без неї.
JPEG XR
JPEG XR - це формат зображення, створений корпорацією Майкрософт. Спочатку це називалося Windows Media Photo і HD фото. Він був стандартизований в 2007 році, а потім визнаний стандартом Спільною групою фотографів (Гей! Але саме звідси походить назва .jpeg). JPEG XR дозволяє зменшити розмір jpeg-файлів із втратою якості або із втратою якості. Майте на увазі, що це формат, який можна використовувати вільно, не сплачуючи роялті Microsoft. Дякую Білл !
Формат WebP
Формат WebP є останнім із створених форматів. Проект був ініціалізовано в 2010 році в Google. Теоретично це дозволяє зменшити розмір файлів .jpg та .png на 30-80%. Це проект, який був для серця Google серцем, оскільки, за їхніми словами, 65% даних, отриманих під час перегляду веб-сайту, походять із зображень. Незважаючи на це, це формат, який залишається в проекті дуже довго, і різні браузери конкурують із Chrome, відмовляючись прийняти запатентований формат від одного зі своїх конкурентів. Оскільки цей формат розпізнається лише Chrome, жоден розробник не доклав зусиль для підтримки WebP на своєму сайті. Саме в січні 2019 року, через 8 років після його створення, все змінилося для WebP. На початку року Firefox вирішив підтримати формат WebP. За ним пішла Opera та остання версія Edge. На сьогодні Safari залишається єдиним основним браузером, який досі не розпізнає цей формат, хоча випущені бета-версії повідомляють нам, що він, безперечно, буде найближчим часом.
Врешті-решт, у грудні 2019 року, на момент публікації цієї статті, сайт Caniuse вказує це 80% веб-перегляду здійснюється за допомогою браузерів, що підтримують webP.
Як використовувати формати зображень наступного покоління на сайті WordPress ?
По-перше, зверніть увагу, що Photoshop спочатку підтримує формат JPEG 2000 і що JPEG XR можна використовувати, налаштувавши безкоштовний плагін у Photoshop. Але формат зірки для оптимізації зображень в Інтернеті, це в webP.
Зображення можна експортувати з Photoshop у форматі WebP. Але ми цього не рекомендуємо, 20% ваших відвідувачів можуть потенційно не розпізнати ваше зображення, якщо ви імпортуєте його безпосередньо на свій сайт WordPress.
WebP Express, ідеальне рішення для WordPress
То як же використовувати формат WebP, не втрачаючи 20% трафіку? Уявіть собі ідеальний плагін автоматично пропонують користувачеві зображення у форматі WebP або JPEG залежно від браузера цього. Цей плагін також автоматично генерує зображення у форматі WebP паралельно із зображенням, завантаженим у форматі JPEG. Тоді не було б необхідності проходити через Photoshop для створення зображень у цьому новому форматі. Як ви можете собі уявити, цей плагін існує, він про WebP Express. Яце дуже просто налаштувати та використовувати. існує потенційне невелике обмеження, і це є ваш сервер повинен підтримувати використання cwebp Binary, GD Extension або Gmagik extension. Наприклад, це не стосується спільного хостингу OVH. Знайте, що якщо це ваш випадок, ви зможете пройти підписку на платний сайт для створення ваших зображень WebP. В рамках агентства 36 пікселів ми розробили власний веб-сервіс, щоб запропонувати його кожному з наших клієнтів, не турбуючись про його хостинг.
На який виграш можна сподіватися, оптимізуючи свої зображення? ?
Зображення представляють велику частину завантажень зображень, за даними досліджень, від 40 до 60% сторінки. Таким чином, використання форматів нового покоління, таких як webP, заощадить до 80% цих переказів. Це безпосередньо вплине на час відображення вашої сторінки, який слід покращити.
Будьте обережні, але використання формату WebP - це не єдина рекомендація Google щодо оптимізації зображень на своєму веб-сайті. Наприклад, також потрібно буде налаштувати систему ледачого завантаження або адаптувати розміри зображення до різних роздільних здатностей ...
Поширення зображень у форматах нового покоління, просте рішення для налаштування
Якщо ви прочитали цю статтю з самого початку, ви, мабуть, це зрозумієте розподіл зображень у форматах нового покоління легко налаштувати. Впровадження простого плагіна WordPress дає змогу задовольнити попит Google Insight. З потенційною економією 80% часу завантаження ваших зображень JPEG або PNG, формату WebP дозволить вам просто заробити очки на інструменті Google і наблизитися до 90, загальний рейтинг, необхідний Google, щоб вважати ваш веб-сайт оптимізованим для завантаження.
Нарешті, як і у випадку з усіма іншими рекомендаціями Google щодо оптимізації завантаження вашого веб-сайту, не соромтеся звертатися до нас, щоб ми могли підтримати вас у цьому амбіційному проекті.