Gå till innehållet

Hur man tillhandahåller WebP-bilder istället för traditionell PNG och JPG

Divi: det enklaste WordPress-temat att använda

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

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 har installerats och aktiverats på din WordPress-webbplats hittar du ett nytt menyalternativ på Media - Optimole .

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

Din Optimole API-nyckel

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.

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

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.

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

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 slå huvudet. För oss manifesterades detta av det faktum att ingen bild överfördes till besökaren. Vi har inte stött på 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 får en WebP från din WordPress-webbplats automatiskt får din logotypblazon. Det är en enkel process och du får kontroll över opacitet, plats etc.

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

Optimole-inställning av plugin

Du kan i princip göra detsamma från båda instrumentpanelerna. Antingen under fliken Parametrar WordPress, eller genom att besöka den externa Optimole-instrumentpanelen. Allt beror på vad du är bekvämast med, samt hur mycket data 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.

Den här artikeln innehåller kommentarer 0

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
5 aktier
del5
tweet
Enregistrer