TechBlogSD - Allt för WordPress- och WEB -utveckling
WEB- och WordPress - instruktioner, nyheter, recensioner av teman och plugins

Hur fixar jag Serve Images i nästa generations formateringsproblem i WordPress?

7

Google är den dominerande sökmotorn bland engelsktalande användare. På grund av detta faktum följer WordPress -webbplatsägare seriöst riktlinjerna och möjligheterna som visas i Google PageSpeed ​​Insights -verktyget. Ett av de populära varningsmeddelandena i PageSpeed-verktyget är att fixa bilder som serveras i traditionellt format till serverbilder i nästa generations format. I den här artikeln kommer vi att förklara hur du åtgärdar denna varning på WordPress -webbplatser för att optimera dina bilder.

Relaterat: Hur fixar jag det kumulativa layoutskiftet i WordPress?

Varning i Google PageSpeed ​​Insights

Gå till verktygssidan för Google PageSpeed ​​Insights och testa webbsidans URL. Du bör se en möjlighet som visar "Serverbilder i nästa generations format" som nedan. Du kan se de potentiella storleksbesparingarna för varje bild och de uppskattade besparingarna i sidladdningstid.

Hur fixar jag Serve Images i nästa generations formateringsproblem i WordPress?

Varning för sidhastighet Server bilder i nästa generations format

Obs! Google säger att detta är en möjlighet och kommer inte att påverka PageSpeed ​​-resultat. Om du tar bort denna varning ökar dock poängen avsevärt i verkligheten.

Next-Gent bildformat

Innan vi går vidare måste du förstå bildformaten. Det finns tre traditionella och populära bildformat:

  • Joint Photography Experts Group (JPEG eller JPG) – stöder komprimering utan förlust
  • Portable Network Graphics (PNG) – stöder transparent och förlustfri komprimering och byte av GIF
  • Graphics Interchange Format (GIF) – ett bitmappsformat stöder looping av flera bildrutor.

Nu finns det nya nästa generations format som rekommenderas för webbplatser:

  • WebP – utvecklat av Google för bättre komprimering
  • JPEG 2000 – förbättring från JPEG -standarder för bildkomprimering
  • JPEG XR – JPEG format för utökat intervall utvecklat av Microsoft

Du kan kontrollera Googles galleri för att jämföra olika bilder visuellt. Nästa generations format hjälper till att minska storleken på bilder avsevärt, vilket ökar sidhastigheten. Enligt Wikipedia stöder 92% av webbläsarna WebP -format vilket gör det till en lovande ersättning för det traditionella formatet. Därför måste du börja använda WebP-format för att bli av med serverbilder i nästa generations formatvarning i PageSpeed ​​Insights-verktyget.

Konvertering av bildformat

Även om Google driver det lätta bildformatet är de inte särskilt populära bland applikationsutvecklare. Många applikationer stöder inte att skapa bilder i dessa format. Till exempel erbjuder SnagIt- det populära skärmdumpningsverktyget för bloggare-inget alternativ för att skapa bilder i nästa generations format. Du kan skapa i traditionellt format som PNG eller JPEG.

Nu när det är svårt att hitta ett program för att skapa nästa generations bildformat. Istället kan du ladda upp PNG- eller JPEG-bilder på din WordPress-webbplats och använda ett plugin för att konvertera dem till ett av nästa generations bildformat. Detta är ett effektivt och enkelt sätt eftersom du inte behöver ändra din arbetsmodell.

Eftersom Google är den ägda ägaren till WebP -format har många plugins stöd för att konvertera traditionella bilder till WebP -format. Här kommer vi att förklara hur du konverterar dina bilder till WebP och fixar "servera bilder i nästa generations format" i PageSpeed ​​Insights-verktyget.

WebP -plugins för WordPress

Det finns ganska många populära plugins tillgängliga för WebP -konvertering.

SG Optimizer för SiteGround

Om du är värd på SiteGround är det bästa alternativet att använda SG Optimizer -plugin. Detta kommer att fungera ur rutan för att konvertera och servera WebP -bilder från din server. Du kan välja komprimeringsnivå för att styra kvaliteten på de konverterade bilderna och behålla alla originalbilder. Kolla in vår tidigare artikel om hur du visar WebP -bilder i SiteGround.

  • Du kan helt enkelt aktivera alternativet "Generera WebP -kopior av nya bilder" under avsnittet "SG Optimizer> Bildoptimering".
  • Klicka på "Bulk Generate WebP Files" -knappen för att generera WebP-bilder för alla dina befintliga bilder med förlustfri eller fördefinierad förlustig komprimeringsnivå.

Hur fixar jag Serve Images i nästa generations formateringsproblem i WordPress?

WebP -alternativ i SG Optimizer Plugin

SEO -erbjudande: Optimera din webbplats med Semrush Pro 14 -dagars gratis provperiod.

Smush Pro

Smush är ett annat populärt plugin för bildkomprimering med mer än 1 miljon aktiva installationer. WebP är dock ett premiumalternativ i detta plugin och du måste betala en $ 5 per månad (årsplan) prenumeration för att använda den här funktionen.

Hur fixar jag Serve Images i nästa generations formateringsproblem i WordPress?

Smush Pro WebP -alternativ

Autoptimera

Det här tillägget erbjuder optimerad bildoptimering med WebP -konvertering med ShortPixel CDN -tjänst. Även om detta är ett bra alternativ för att kombinera CDN och WebP, finns det en hake. Du har en gräns för att visa upp till 100 bilder per månad gratis. Om du behöver mer måste du betala $ 3,99 per månad för att starta premiumplanen för upp till 5000 bilder. Detta blir ett dyrt alternativ när du vill komprimera och visa ett stort antal bilder. Om du vill testa Autoptimera, efter att du har installerat och aktiverat plugin, gå till avsnittet "Inställningar> Autoptimera> Bilder".

  • Aktivera kryssrutan "Optimera bilder”.
  • Välj bildoptimeringsnivån som glansig, förlustfri eller förlustig.
  • Markera kryssrutan "Ladda WebP eller AVIF i webbläsare som stöds?"
  • Aktivera "Ladda bilder?" kryssruta.

Hur fixar jag Serve Images i nästa generations formateringsproblem i WordPress?

WebP -inställningar i Autoptimize Plugin

Klicka på knappen "Spara ändringar" och testa din webbplats PageSpeed ​​Insights -verktyg. Du bör se varningen "Serve images in next-gen formats" har försvunnit nu. Men du kommer att börja se ett varningsmeddelande i WordPress -administratörspanelen om att din ShortPixel -kvot används och ber dig att uppgradera planen.

Gratis WebP -plugins

Lyckligtvis finns det få gratis plugins som WebP Express och WebP Converter for Media. I den här artikeln kommer vi att förklara processen med WebP Converter for Media plugin.

Installera WebP Converter for Media Plugin

Logga in på din WordPress -administratörspanel och navigera till avsnittet "Insticksprogram> Lägg till nytt". Skriv "webp" i sökrutan för att filtrera resultaten och ta reda på WebP Converter for Media plugin. Klicka på "Installera" -knappen och aktivera sedan tillägget på din webbplats.

Hur fixar jag Serve Images i nästa generations formateringsproblem i WordPress?

Installera WebP Converter for Media Plugin

Aktivera WebP -bildkonvertering

Efter att du har aktiverat pluginet ser du ett meddelande som nedan och klickar på knappen "Snabba upp min webbplats". Alternativt kan du gå till menyn “Inställningar> WebP -omvandlare” för att komma till insticksinställningssidan.

  • Välj bildläsningsläget som "via .htaccess (rekommenderas)".
  • Välj JPEG, JPG och PNG för filtillägg som stöds.

Hur fixar jag Serve Images i nästa generations formateringsproblem i WordPress?

Bildläsningsläge och filtillägg

  • För en lista över kataloger som stöds, välj alternativet "/uppladdningar". Se till att du visar bilderna från standard WordPress -uppladdningsmapp. Om du har flyttat dina bilder till underdomän, välj den katalogen så att pluginprogrammet fungerar korrekt.
  • För konverteringsmetoden, välj alternativet "GD (rekommenderas)".
  • Välj slutligen bildkvaliteten enligt dina behov. Insticksprogrammet använder 85% som standardkvalitetsvärde för WebP -konvertering.

Hur fixar jag Serve Images i nästa generations formateringsproblem i WordPress?

Katalogkonvertering och kvalitet

Pluggen använder också några extra funktioner för ytterligare bildoptimering. Du kan lämna standardvärdena som de är eller kontrollera och aktivera/inaktivera de nödvändiga värdena för ditt behov. Till exempel kan du välja webbläsarens cachning för WebP -filer som vi rekommenderar och välja borttagning av större WebP -filer. Klicka på knappen "Spara ändringar" när du har valt alla dina alternativ.

Hur fixar jag Serve Images i nästa generations formateringsproblem i WordPress?

Extra egenskaper

Återskapa bilder

WebP Converter for Media plugin erbjuder också ett alternativ att regenerera alla dina bilder för att konvertera dem till WebP -format. Detta är användbart om du har bilder laddade upp på webbplatsen innan du installerar plugin.

Hur fixar jag Serve Images i nästa generations formateringsproblem i WordPress?

Regenerera WebP -bilder

Kolla i Google Chrome

När du har återskapat alla befintliga bilder kan du öppna webbplatsen i Google Chrome och kontrollera. Du bör se att WebP -bilderna visas från utvecklarverktygssektionen. Du kan läsa den här artikeln om hur du kontrollerar att WebP -bilder visas i webbläsaren Chrome. Om du har aktiverat cachning av webbläsare kopierar du bara bildens URL och ser att filnamnet innehåller .webp.

Serverstödsproblem

Tyvärr stöder inte alla webbservrar WebP -konvertering. Du kan hitta detta om avsnittet "Konverteringsmetod" är inaktiverat under plugininställningarna. Din server bör ha stöd för GD- eller Imagick -biblioteket för att kunna stödja WebP -format. Annars kommer plugin -programmet att visa fel och du bör inte kunna använda WebP -konvertering. Så långt vi har testat stöder Bluehost delade värdserver inte WebP -konvertering och du kommer att se ett felmeddelande som nedan.

Hur fixar jag Serve Images i nästa generations formateringsproblem i WordPress?

Serverkonfigurationsfel för WebP

I det här fallet måste du diskutera med värden för att aktivera det stöd som behövs för WebP -bilder.

Aktivera cachning för WebP -bilder med WP Rocket

Som nämnts erbjuder WebP Converter for Media plugin ett alternativ för att aktivera webbläsarens cachning för WebP -bilder. Detta hjälper dig att påskynda sidladdningen genom att instruera webbläsarna att cacha bilderna när användaren öppnar samma bilder igen. Det här alternativet är dock inte tillgängligt med många andra plugins och du bör kombinera detta med inställningarna för cacheminnet. Om du till exempel använder WP Rocket, se till att du aktiverar kryssrutan för cachning av webbläsare under avsnittet "Bilder". Detta gör att pluginprogrammet kan cache WebP -bilder och visas i webbläsare som stöds.

Hur fixar jag Serve Images i nästa generations formateringsproblem i WordPress?

Aktivera WebP -support i WP Rocket

Inspelningskälla: www.webnots.com
Leave A Reply

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer