Google je na vrcholu potravinového řetězce na internetu. Společnost ovlivňuje (nebo diktuje) mnoho toho, co se děje online. A jejich nový formát obrázků WebP v tomto trendu pokračuje. Vzhledem k tomu, že rychlost načítání stránek je stále důležitější (hlavně kvůli Google Page Rank), vývojáři a designéři považují kompresi obrázků za nejjednodušší způsob, jak zkrátit dobu načítání. Obrázky Google WebP jsou přibližně o 30% menší než běžné obrázky JPG nebo PNG a zachovávají si stejnou kvalitu. Nejlepší ze všeho je, že se nemusíte starat o ruční převod obrázků do WebP.

V tomto článku vám ukážeme, jak používat tento nový formát obrázku s WordPress, i když ve výchozím nastavení ještě není podporován.

Použijte Optimole k poskytování souborů WebP na WordPress

WebP jako formát obrázku není ve WordPressu standardně podporován. Můžete nahrát obrázek .webp, ale stejně jako u souboru SVG se mohou zobrazit chybové zprávy. A znovu, pokud jde o použití Soubory SVG s WordPress , existuje jednoduché řešení pomocí plug-inu.

Mezi testovanými službami WebP Optimole vyčnívá z davu. Může skutečně fungovat s minimem konfigurace. Chceme vám proto vysvětlit, jak to nakonfigurovat a co nejjednodušší kompatibilitu vaší instalace WordPress s formátem WebP.

Nejprve budete samozřejmě chtít stáhnout a nainstalovat samotný plugin . Je v adresáři WP.org a je zcela zdarma. Vzhledem k tomu, že služba založená na API, která ji zapíná (až do bodu). I když je možné převádět tradiční obrázky na WebP za běhu pomocí PHP, ne všichni hostitelé webu udělují toto oprávnění vašemu serveru. Pokud máte toto oprávnění, můžete také zobrazit modul plug-in WebP Express. S tím získáte hodně kontroly , ale je to systém, který vyžaduje větší konfiguraci, aby mohl běžet hladce.

Jakmile je Optimole nainstalován a aktivován ve vašem Webové stránky WordPress, najdete novou možnost nabídky na Média - Optimole .

Váš klíč Optimole API

Než budete mít přístup k nastavením nebo konfiguracím, musíte mít účet Optimole. Pokud jste již jeden nakonfigurovali, můžete kliknout na tlačítko Už mám klíč API . Pokud ne, uložit a odeslat klíč API e-mailem . Základní klíčový účet API je zdarma a na této úrovni získáte přibližně 5 000 zásahů. Pokud potřebujete více než to, jsou k dispozici cenové úrovně.

Optimole definuje návštěvu jako „ každý, kdo vás navštíví, pokud jednou [. . .] Každý uživatel se započítá pouze jednou. Nezáleží na tom, co na vašem webu dělají, kolik obrázků si stáhnou nebo kolik stránek navštíví; je to jen uživatel. Pokud opustí váš web a vrátí se ve stejný den, jsou stále jen uživatelem. "

Jakmile jsou měřené návštěvy vyčerpány, přestanou se zobrazovat pouze obrázky WebP. Samotné vaše obrázky ne. Klíč API najdete na řídicím panelu Optimole úplně nahoře.

Stačí ji vložit do řídicího panelu WordPress a budete připraveni začít šířit obrázky WebP pomocí WordPress.

Vaše řídicí panely Optimole WordPress

Na řídicím panelu WordPress získáte základní informace o optimalizaci WebP. To vám umožní řešit problémy a vyhodnotit úspěšnost této akcelerace. Tímto způsobem můžete změnit různá nastavení.

Nejprve uvidíte účet přidružený k API, poté ve spodní části obrazovky plugin zobrazí nejnovější optimalizované obrázky. Můžete vidět, o kolik menší jsou poskytované obrázky WebP než ty původní, které jste nahráli na WordPress.

Pak je tu záložka potíže možný na vrchu. Nikdo nemá rád vidět zvýrazněnou kartu, ale všichni také potřebujeme vidět, jaké konflikty mohou nastat.

Hlavním problémem, kterému jsme čelili, je další komprese a dodání obrázků. Jak vidíte na obrázku výše, plugin Jetpack funguje podobně jako Optimole přes Photon APIT , takže si mohou narazit hlavu. U nás se to projevilo tím, že se do návštěvník. S jinými kompresními službami jako TinyPNG nebo Smush jsme neměli žádné problémy.

Používání řídicích panelů

Pokud chcete podrobnější informace o tom, jak vaše stránky fungují s WebP, obsahuje tyto informace Optimole External Dashboard.

Namísto pouhých 9,5krát menší můžete vidět skutečnou velikost poskytovaných souborů. Stejně jako samotné soubory po dobu 30 dnů.

Můžete také nastavit vodoznaky na ovládacím panelu Optimole (nebo WP), takže každý, kdo obdrží WebP z vašeho webu WordPress, automaticky obdrží vaše logo. Je to jednoduchý proces a získáte kontrolu nad neprůhledností, umístěním a dalšími.

V zásadě můžete udělat totéž z obou řídicích panelů. Buď pod záložkou Parametry WordPress nebo návštěvou řídicího panelu mimo Optimole. Vše záleží na tom, co vám nejvíce vyhovuje, a také na úrovni données co v danou chvíli potřebujete.

Kromě toho budete moci na základě názvů souborů ovládat úroveň komprese, líné načítání a to, kdy a zda jsou určité obrázky streamovány jako WebP. To vše najdete na kartě Parametry de Média - Optimole .

balíček

Nejlepší částí používání WebP s webovými stránkami WordPress je, že se soubory nemusíte pracovat ručně. Žádné další stahování, žádná další doba komprese, nic. Vzhledem k tomu, jak API fungují, jsou všechny procesy a výpočty prováděny za chodu v reálném čase. Google skutečně zrychlil internet pomocí WebP místo JPG nebo PNG. Hlavní výhodou však je, že si obrázky zachovávají stejnou kvalitu, i když je jejich velikost podstatně zmenšena. Mohlo by vás zajímat, že Google vás nutí používat jejich formát k urychlení vašeho webu, aby vás mohl hodnotit výše a lepší zkušenost koncového uživatele. A na tom nakonec záleží.