Google er på toppen av næringskjeden på Internett. Samfunnet påvirker (eller dikterer) mye av det som skjer online. Og deres nye bildeformat, WebP, fortsetter denne trenden. Med hastigheten på sideinnlasting blir stadig viktigere (hovedsakelig på grunn av Google Page Rank), anser utviklere og designere bildekomprimering som den enkleste måten å redusere innlastingstidene. Google WebP-bilder er omtrent 30% mindre enn vanlige JPG- eller PNG-bilder og opprettholder tilsvarende kvalitet. Best av alt, du trenger ikke å bekymre deg for å konvertere bildene dine manuelt til WebP.

I denne artikkelen viser vi deg hvordan du bruker dette nye bildeformatet med WordPress, selv om det ennå ikke støttes som standard.

Bruk Optimole til å tjene WebP-filer på WordPress

WebP, som et bildeformat, støttes ikke som standard i WordPress. Du kan laste opp et .webp-bilde, men som med en SVG-fil, kan du motta feilmeldinger. Og igjen, som for bruk av SVG-filer med WordPress , det er en enkel løsning via plug-in.

Problemløsning med Wordpress

Blant testede WebP-tjenester, Optimole skiller seg ut fra mengden. Det kan faktisk fungere med et minimum av konfigurasjon. Vi vil derfor forklare deg hvordan du konfigurerer det og gjør WordPress-installasjonen din kompatibel med WebP-formatet så enkelt som mulig.

Først vil du tydeligvis ønske deg last ned og installer selve pluginen . Det er i WP.org-katalogen, og det er helt gratis. Siden den API-baserte tjenesten som aktiverer den (opp til et punkt). Selv om det er mulig å konvertere tradisjonelle bilder til WebP mens du bruker PHP, er det ikke alle webverter som gir serveren din denne tillatelsen. Hvis du har denne tillatelsen, kan du også se plugin-modulen WebP ExpressDu får mye kontroll med det , men det er et system som krever mer konfigurasjon for å kunne kjøre problemfritt.

Når Optimole er installert og aktivert på din nettstedet Web WordPress finner du et nytt menyvalg på Media - Optimole .

Din Optimole API-nøkkel

Optimalt opptak

Før du får tilgang til innstillinger eller konfigurasjoner, må du ha en Optimole-konto. Hvis du allerede har konfigurert en, kan du klikke på knappen Jeg har allerede en API-nøkkel . Hvis ikke, lagre og send API-nøkkelen via e-post . Den grunnleggende API-nøkkelkontoen er gratis, og du får rundt 5 treff på dette nivået. Hvis du trenger mer enn det, er det prisnivåer tilgjengelig.

Prispris

Optimole definerer et besøk som " alle som besøker din hvis du en gang [. . .] Hver bruker telles bare en gang. Det spiller ingen rolle hva de gjør på nettstedet ditt, hvor mange bilder de laster ned eller hvor mange sider de besøker; det er bare en bruker. Hvis de forlater nettstedet ditt og kommer tilbake samme dag, er de fortsatt bare en bruker. "

Når de målte besøkene er oppbrukt, er det bare WebP-bildene som slutter å vises. Det gjør ikke bildene dine selv. Du finner API-nøkkelen i Optimole-dashbordet helt øverst.

optimole wordpress api-nøkkel

Bare lim det inn i WordPress-oversikten, så er du klar til å begynne å spre WebP-bilder med WordPress.

Lim inn nøkkelen på nettstedet

Dine Optimole WordPress-dashbord

I WordPress-dashbordet får du grunnleggende informasjon om WebP-optimaliseringen. Dette lar deg feilsøke og vurdere suksessen til denne akselerasjonen. På denne måten kan du endre forskjellige innstillinger.

Optimole dashbord

Først ser du kontoen som er tilknyttet API, og deretter nederst på skjermen viser programtillegget de siste optimaliserte bildene. Du kan se hvor mye mindre WebP-bildene som serveres er enn de originale du lastet opp til WordPress.

Så er det fanen vanskeligheter mulig på toppen. Ingen liker å se den uthevede fanen, men vi må også alle se hvilke konflikter som kan oppstå.

Optimole-dashbordfeil

Hovedproblemet vi møtte er med andre plugins for bildekomprimering og levering. Som du kan se på bildet ovenfor, fungerer Jetpack-pluginet på samme måte som Optimole via Photon APIT , så de kan støte på hodet. For oss manifesterte dette seg i det faktum at ingen bilder ble overført til besøkende. Vi har ikke hatt noen problemer med andre komprimeringstjenester som TinyPNG eller Smush.

Bruke dashbord

Hvis du vil ha mer detaljert informasjon om hvordan nettstedet ditt fungerer med WebP, inneholder Optimole External Dashboard denne informasjonen for deg.

Bruke optimole dashbord 1

I stedet for bare 9,5 ganger mindre, kan du se den faktiske størrelsen på filene som blir servert. I tillegg til filene selv over en periode på 30 dager.

Optimole Dashboard Report 1

Du kan også sette vannmerker i Optimole (eller WP) dashbordet slik at alle som mottar en WebP fra WordPress-siden din automatisk vil motta logoen din. Det er en enkel prosess, og du får kontroll over opasitet, plassering og mer.

Optimole plugin-innstilling

Du kan i utgangspunktet gjøre det samme fra begge dashbordene. Enten under fanen Parametere av WordPress, eller ved å besøke dashbordet eksternt til Optimole. Alt avhenger av hva du er mest komfortabel med, samt nivået på données hva du trenger til enhver tid.

I tillegg vil du kunne kontrollere kompresjonsnivået, lat belastning, og når / hvis visse bilder streames som WebP basert på filnavn. Du finner alt dette i fanen Parametere de Media - Optimole .

Lazyload wordpress-plugin

pakke

Den beste delen om å bruke WebP med WordPress-nettsteder er at du ikke trenger å jobbe med filene manuelt. Ingen ekstra nedlastinger, ingen ekstra komprimeringstid, ingenting. På grunn av måten API-er fungerer, blir alle prosesser og beregninger utført i sanntid. Google har virkelig gjort internett raskere ved å bruke WebP i stedet for JPG eller PNG. Den største fordelen er imidlertid at bildene beholder samme kvalitet, selv om størrelsen er redusert betydelig. Det kan være interessant av deg at Google tvinger deg til å bruke formatet for å øke hastigheten på nettstedet ditt, slik at det kan rangere deg høyere og sluttbrukeropplevelsen også blir bedre. Og det er det som betyr noe til slutt.