Google ligger högst upp i livsmedelskedjan på Internet. Samhället påverkar (eller dikterar) mycket av det som händer online. Och deras nya bildformat, WebP, fortsätter denna trend. I takt med att sidladdningshastigheten blir allt viktigare (främst på grund av Googles sidrankning) ser utvecklare och designers bildkomprimering som det enklaste sättet att minska laddningstiderna. Google WebP-bilder är ungefär 30% mindre än vanliga JPG- eller PNG-bilder och har samma kvalitet. Bäst av allt behöver du inte oroa dig för att manuellt konvertera dina bilder till WebP.

I den här artikeln visar vi dig hur du använder det här nya bildformatet med WordPress, även om det ännu inte stöds som standard.

Använd Optimole för att servera WebP-filer på WordPress

WebP, som bildformat, stöds inte som standard i WordPress. Du kan ladda upp en .webp-bild, men som med en SVG-fil kan du få felmeddelanden. Och igen, när det gäller användningen av SVG-filer med WordPress , det finns en enkel lösning via plug-in.

Wordpress-lösning

Bland testade WebP-tjänster Optimole sticker ut från mängden. Det kan verkligen fungera med ett minimum av konfiguration. Vi vill därför förklara för dig hur du konfigurerar det och gör din WordPress-installation kompatibel med WebP-formatet så enkelt som möjligt.

Först kommer du uppenbarligen vill ladda ner och installera själva plugin . Det finns i WP.org-katalogen och det är helt gratis. Sedan den API-baserade tjänsten som aktiverar den (upp till en punkt). Även om det är möjligt att konvertera traditionella bilder till WebP i farten med PHP, beviljar inte alla webbhotell detta tillstånd till din server. Om du har detta tillstånd kan du också se plugin-programmet WebP ExpressDu får mycket kontroll med det , men det är ett system som kräver mer konfiguration för att kunna fungera smidigt.

När Optimole är installerat och aktiverat på din webbplats WordPress hittar du ett nytt menyalternativ på Media - Optimole .

Din Optimole API-nyckel

Optimal inspelning

Innan du kan komma åt inställningar eller konfigurationer måste du ha ett Optimole-konto. Om du redan har konfigurerat en kan du klicka på knappen Jag har redan en API-nyckel . Om inte, spara och skicka API-nyckeln via e-post . Det grundläggande API-nyckelkontot är gratis och du får cirka 5 000 träffar på den här nivån. Om du behöver mer än så finns det prisnivåer tillgängliga.

Prissättning

Optimole definierar ett besök som " alla som besöker din om du en gång [. . .] Varje användare räknas bara en gång. Det spelar ingen roll vad de gör på din webbplats, hur många bilder de laddar ner eller hur många sidor de besöker; det är bara en användare. Om de lämnar din webbplats och kommer tillbaka samma dag är de fortfarande bara en användare. "

När de uppmätta besöken är förbrukade slutar endast WebP-bilderna att visas. Dina bilder i sig gör det inte. Du hittar API-nyckeln i din Optimole-instrumentpanel högst upp.

optimole wordpress api-nyckel

Klistra in den i din WordPress-instrumentpanel så är du redo att börja sprida WebP-bilder med WordPress.

Klistra in nyckeln på webbplatsen

Dina Optimole WordPress-instrumentpaneler

I din WordPress-instrumentpanel får du grundläggande information om din WebP-optimering. Detta gör att du kan felsöka och bedöma framgången för denna acceleration. På detta sätt kan du ändra olika inställningar.

Optimoles instrumentpanel

Först ser du kontot som är kopplat till API: et, sedan längst ner på skärmen visar plugin-programmet de senaste optimerade bilderna. Du kan se hur mycket mindre de WebP-bilder som serveras är än de ursprungliga du laddade upp till WordPress.

Sedan finns det fliken svårigheter möjligt överst. Ingen gillar att se den markerade fliken, men vi behöver också alla se vilka konflikter som kan uppstå.

Optimole-instrumentpanelfel

Huvudfrågan vi stod inför är med andra plugins för bildkomprimering och leverans. Som du kan se på bilden ovan fungerar Jetpack-pluginet på samma sätt som Optimole via Photon APIT , så att de kan stöta sina huvuden. För oss yttrade sig detta i det faktum att inga bilder överfördes till besökaren. Vi har inte haft några problem med andra komprimeringstjänster som TinyPNG eller Smush.

Använda instrumentpaneler

Om du vill ha mer detaljerad information om hur din webbplats fungerar med WebP innehåller Optimole Extern Dashboard den här informationen åt dig.

Använda optimoles instrumentpanel 1

Istället för bara 9,5 gånger mindre kan du se den faktiska storleken på filerna som serveras. Liksom filerna själva under en 30-dagarsperiod.

Optimole Dashboard Report 1

Du kan också ställa in vattenstämplar i Optimole (eller WP) instrumentpanelen så att alla som tar emot en WebP från din WordPress-webbplats automatiskt får din logotyp. Det är en enkel process och du får kontroll över opacitet, plats och mer.

Optimole-inställning av plugin

Du kan i princip göra detsamma från båda instrumentpanelerna. Antingen under fliken Parametrar av WordPress, eller genom att besöka instrumentpanelen utanför Optimole. Allt beror på vad du är mest bekväm med, samt nivån på uppgifter vad du behöver vid varje given tidpunkt.

Du kommer också att kunna kontrollera komprimeringsnivån, lat laddning och när / om vissa bilder streamas som WebP baserat på filnamn. Du hittar allt detta på fliken Parametrar de Media - Optimole .

Lazyload wordpress plugin

pack

Det bästa med att använda WebP med WordPress-webbplatser är att du inte behöver arbeta med filerna manuellt. Inga extra nedladdningar, ingen extra komprimeringstid, ingenting. På grund av hur API: er fungerar utförs alla processer och beräkningar i realtid. Google har verkligen gjort internet snabbare genom att använda WebP snarare än JPG eller PNG. Den största fördelen är dock att bilderna bibehåller samma kvalitet, även om deras storlek minskas avsevärt. Det kan vara intressant för dig att Google tvingar dig att använda deras format för att påskynda din webbplats så att den kan rangordna dig högre och slutanvändarupplevelsen också blir bättre. Och det är det som är viktigt i slutändan.