Google е на върха на хранителната верига в интернет. Компанията влияе (или диктува) голяма част от случващото се онлайн. И новият им формат на изображения, WebP, продължава тази тенденция. Тъй като скоростта на зареждане на страниците става все по-важна (главно поради Google PageRank), разработчиците и дизайнерите виждат компресията на изображенията като най-лесния начин за намаляване на времето за зареждане. WebP изображенията на Google са с около 30% по-малки от стандартните JPG или PNG изображения, като същевременно запазват еквивалентно качество. Най-хубавото е, че не е нужно да се притеснявате за ръчно конвертиране на изображенията си в WebP.

В тази статия ще ви покажем как да използвате този нов формат на изображения с WordPress, въпреки че той все още не се поддържа по подразбиране.

Използвайте Optimole, за да обслужвате WebP файлове в WordPress

WebP, като формат на изображение, не се поддържа по подразбиране в WordPress. Можете да качите .webp изображение, но както при SVG файл, може да срещнете съобщения за грешки. И отново, както при използването на SVG файлове с WordPress , има просто решение чрез плъгин.

Сред тестваните WebP услуги, Optimole се откроява от тълпата. Наистина може да работи с минимална конфигурация. Затова искаме да ви обясним как да го конфигурирате и да направите вашата инсталация на WordPress съвместима с WebP формата възможно най-лесно.

Първо, очевидно ще искате изтеглете и инсталирайте самия плъгин Намира се в директорията WP.org и е напълно безплатен. Като се има предвид, че услугата, базирана на API, го захранва (до известна степен). Въпреки че е възможно да се конвертират традиционни изображения в WebP в движение с помощта на PHP, не всички доставчици на уеб хостинг предоставят това разрешение на своите сървъри. Ако имате това разрешение, можете също да разгледате плъгина. WebP Express. Получавате много контрол с това , но това е система, която изисква повече конфигурация, за да функционира гладко.

След като Optimole бъде инсталиран и активиран на вашия WordPress уебсайт, ще намерите нова опция в менюто. Медия - Optimole .

Вашият Optimole API ключ

Преди да имате достъп до настройки или конфигурации, трябва да имате акаунт в Optimole. Ако вече сте конфигурирали такъв, можете да щракнете върху бутона Вече имам API ключ . Ако не, запаметете и изпратете ключа на API по имейл Основният API ключ акаунт е безплатен и ви дава приблизително 5000 посещения на това ниво. Ако имате нужда от повече от това, има налични ценови нива.

Optimole определя посещението като „ Всеки, който посети сайта ви веднъж [...] Всеки потребител се брои само веднъж. Няма значение какво прави на сайта ви, колко изображения изтегля или колко страници посещава; той е само един потребител. Ако напусне сайта ви и се върне в същия ден, той все още е само един потребител. "

След като измерените посещения се изчерпят, само WebP изображенията спират да се показват. Самите ваши изображения не. Ще намерите API ключа в горната част на таблото за управление на Optimole.

Просто го поставете в таблото за управление на WordPress и ще бъдете готови да започнете да разпространявате WebP изображения с WordPress.

Вашите табла за управление Optimole WordPress

В таблото за управление на WordPress получавате основна информация за вашата WebP оптимизация. Това ви позволява да отстранявате неизправности и да оценявате успеха на това ускорение. След това можете да променяте различни настройки.

Първо виждате акаунта, свързан с API, а след това в долната част на екрана плъгинът показва най-новите оптимизирани изображения. Можете да видите колко по-малки са показаните WebP изображения в сравнение с оригиналните, които сте качили в WordPress.

След това е разделът затруднения възможен Точно най-отгоре. Никой не обича да вижда раздела маркиран, но всички ние трябва да видим какви конфликти могат да възникнат.

Основният проблем, с който се сблъскахме, е свързан с други плъгини за компресиране и доставка на изображения. Както можете да видите на изображението по-горе, плъгинът Jetpack функционира подобно на Optimole. чрез Photon APIT ...за да могат да си блъскат главите. За нас това се прояви като факта, че на посетителя не се предаваше изображение. Не срещнахме проблеми с други услуги за компресиране, като TinyPNG или Smush.

Използване на табла за управление

Ако искате по-подробна информация за това как вашият сайт работи с WebP, външното табло на Optimole съдържа тази информация за вас.

Вместо само 9,5 пъти по-малък, можете да видите действителния размер на обслужваните файлове. Както и самите файлове за период от 30 дни.

Можете също да зададете водни знаци в таблото за управление на Optimole (или WP), така че всеки, който получава WebP файл от вашия WordPress сайт, автоматично да получава емблемата на вашето лого. Това е прост процес и вие имате контрол върху непрозрачността, разположението и други параметри.

По същество можете да направите едно и също нещо и от двете табла. Или в раздела Параметри Можете да получите достъп до него чрез WordPress или като посетите външното табло за управление в Optimole. Всичко зависи от това с какво се чувствате най-комфортно, както и от нивото на данните, от което се нуждаете във всеки един момент.

Освен това можете да контролирате нивото на компресия, отложеното зареждане и кога/дали определени изображения се предават поточно като WebP въз основа на имената на файловете. Ще намерите всичко това в раздела Параметри de Медия - Optimole .

пакет

Най-хубавото на използването на WebP с WordPress уебсайтове е, че не е нужно ръчно да работите с файловете. Няма допълнителни изтегляния, няма допълнително време за компресиране, нищо. Поради начина, по който работят API-тата, всички процеси и изчисления се извършват в движение, в реално време. Google наистина направи интернет по-бърз, като използва WebP вместо JPG или PNG. Основното предимство обаче е, че изображенията запазват същото качество, въпреки че размерът на файла им е значително намален. Може би е във ваш интерес Google да изисква да използвате техния формат, за да ускори сайта ви, за да може да ви класира по-високо, тъй като потребителското изживяване също е по-добро. И това е, което има значение в крайна сметка.