Google je na vrchole potravinového reťazca na internete. Spoločnosť ovplyvňuje (alebo diktuje) veľa toho, čo sa deje online. A ich nový formát obrázkov, WebP, pokračuje v tomto trende. Pretože rýchlosť načítania stránky je čoraz dôležitejšia (hlavne kvôli Google Page Rank), vývojári a dizajnéri vidia kompresiu obrázkov ako najjednoduchší spôsob, ako znížiť doby načítania. Obrázky Google WebP sú približne o 30% menšie ako bežné obrázky JPG alebo PNG a zachovávajú si ekvivalentnú kvalitu. Najlepšie na tom všetkom je, že sa nemusíte obávať ručnej konverzie obrázkov do formátu WebP.

V tomto článku si ukážeme, ako používať tento nový formát obrázkov v prostredí WordPress, aj keď zatiaľ nie je predvolene podporovaný.

Použite Optimole na poskytovanie súborov WebP na WordPress

WebP ako formát obrázka nie je v aplikácii WordPress predvolene podporovaný. Môžete nahrať obrázok .webp, ale rovnako ako v prípade súboru SVG, môžete dostávať chybové správy. A znova, čo sa týka použitia SVG súbory s WordPress , existuje jednoduché riešenie pomocou doplnku.

Riešenie obrázka Wordpress

Medzi testovanými službami WebP Optimol vyčnieva z davu. Môže skutočne pracovať s minimom konfigurácie. Preto vám chceme vysvetliť, ako to nakonfigurovať a čo najjednoduchšie dosiahnuť, aby bola vaša inštalácia WordPress kompatibilná s formátom WebP.

Najprv budete samozrejme chcieť stiahnite a nainštalujte samotný doplnok . Nachádza sa v adresári WP.org a je úplne zadarmo. Pretože služba založená na API, ktorá ho zapína (až do bodu). Aj keď je možné prevádzať tradičné obrázky na WebP za behu pomocou PHP, nie všetci hostitelia webu udeľujú toto povolenie vášmu serveru. Ak máte toto povolenie, môžete si tiež prezrieť doplnok WebP ExpressS tým máte veľa kontroly , ale je to systém, ktorý vyžaduje väčšiu konfiguráciu, aby mohol bežať hladko.

Po nainštalovaní a aktivácii Optimole na vašom počítači webové stránky WordPress, nájdete novú možnosť ponuky na Médiá - Optimole .

Váš kľúč API Optimole

Optimálna registrácia

Pred prístupom k nastaveniam alebo konfiguráciám musíte mať účet Optimole. Ak ste si už nejaký nakonfigurovali, môžete kliknúť na tlačidlo Kľúč API už mám . Ak nie, uložiť a odoslať kľúč API e-mailom . Základný účet s kľúčom API je zadarmo a na tejto úrovni získate okolo 5 000 prístupov. Ak potrebujete viac, sú k dispozícii cenové úrovne.

Cena

Optimole definuje návštevu ako „ ktokoľvek, kto navštívi vašu, ak ste raz [. . .] Každý používateľ sa počíta iba raz. Nezáleží na tom, čo na vašom webe robia, koľko obrázkov si stiahnu alebo koľko stránok navštívia; je to iba užívateľ. Ak opustia vaše stránky a vrátia sa v ten istý deň, stále sú iba používateľom. "

Po vyčerpaní nameraných návštev sa prestanú zobrazovať iba obrázky WebP. Samotné vaše obrázky nie. Kľúč API nájdete na svojom paneli Optimole na samom vrchu.

optimálny wordpress api kľúč

Stačí ho vložiť do hlavného panela WordPress a budete pripravení začať šíriť obrázky WebP pomocou WordPress.

Prilepte kľúč na stránku

Vaše informačné panely Optimole WordPress

Na informačnom paneli WordPress získate základné informácie o optimalizácii WebP. To vám umožňuje riešiť problémy a hodnotiť úspešnosť tohto zrýchlenia. Týmto spôsobom môžete meniť rôzne nastavenia.

Palubná doska Optimole

Najskôr uvidíte účet spojený s API, potom v dolnej časti obrazovky doplnok zobrazuje najnovšie optimalizované obrázky. Môžete vidieť, o koľko menšie sú poskytované obrázky WebP ako pôvodné obrázky, ktoré ste nahrali na WordPress.

Potom je tu záložka ťažkosti možný na vrchu. Nikto nemá rád vidieť zvýraznenú kartu, ale všetci musíme tiež vidieť, aké konflikty môžu nastať.

Chyba dashboardu Optimole

Hlavným problémom, s ktorým sme sa stretli, sú iné doplnky na kompresiu a doručenie obrázkov. Ako vidíte na obrázku vyššie, doplnok Jetpack funguje podobne ako Optimole cez Photon APIT , takže si môžu naraziť hlavu. U nás sa to prejavilo tým, že sa do návštevník. S inými kompresnými službami ako TinyPNG alebo Smush sme nemali žiadne problémy.

Používanie dashboardov

Ak chcete získať podrobnejšie informácie o tom, ako vaše stránky fungujú s WebP, tieto informácie obsahuje externý informačný panel Optimole.

Používanie dashboardu optimole 1

Namiesto iba 9,5-krát menšej verzie uvidíte skutočnú veľkosť poskytovaných súborov. Rovnako ako samotné súbory za 30 dní.

Správa z panela Optimole 1

Môžete tiež nastaviť vodoznaky na informačnom paneli Optimole (alebo WP), takže každý, kto dostane WebP z vašej stránky WordPress, automaticky dostane vaše logo. Je to jednoduchý proces a získate kontrolu nad nepriehľadnosťou, umiestnením a ďalšími.

Optimalizácia nastavenia doplnku

V zásade môžete urobiť to isté z oboch informačných panelov. Buď pod záložkou Parametre WordPress alebo návštevou externého dashboardu Optimole. Všetko závisí od toho, čo vám najviac vyhovuje, ako aj od úrovne Données čo v danom čase potrebujete.

Okrem toho budete môcť na základe názvov súborov ovládať úroveň kompresie, lenivé načítanie a to, kedy a či sú určité obrázky streamované ako WebP. To všetko nájdete na karte Parametre de Médiá - Optimole .

Plugin Lazyload wordpress

balíček

Najlepšie na použití WebP s webmi WordPress je, že so súbormi nemusíte pracovať manuálne. Žiadne ďalšie sťahovanie, žiadny ďalší čas kompresie, nič. Z dôvodu fungovania API sa všetky procesy a výpočty vykonávajú priebežne v reálnom čase. Google skutočne zrýchlil internet používaním protokolu WebP namiesto JPG alebo PNG. Hlavnou výhodou však je, že obrázky si zachovávajú rovnakú kvalitu, aj keď sa ich veľkosť výrazne zmenší. Mohlo by vás zaujímať, že Google vás núti používať ich formát na zrýchlenie vášho webu, aby vás mohol zaradiť vyššie a aby bol lepší dojem aj pre koncového používateľa. A na tom nakoniec záleží.