TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

Hvordan servere WebP -bilder i SiteGround?

2

SiteGround er et av de anbefalte hostingfirmaene av offisielt WordPress.org. De siste årene har SiteGround -hosting vokst til et annet nivå. De har erstattet det tradisjonelle cPanel -oppsettet og overført alle eksisterende kontoer til sitt tilpassede nettstedverktøyoppsett. Med dette kan du servere WebP -bilder i stedet for PNG eller JPEG for å øke hastigheten på lasting av nettstedet. I denne artikkelen vil vi forklare hvordan du serverer WebP -bilder i SiteGround og sjekker i nettleseren.

Relatert: Hvordan bruke WebP i WordPress til å fikse serverbilder i neste generasjons formateringsfeil i Google PageSpeed-innsiktsverktøy?



Hvorfor WebP -bilder?

Når du sjekker sidehastighetspoengene i Google PageSpeed ​​Insights -verktøyet, viser det deg mange muligheter som kan forbedre nettstedets hastighet. Et av de viktige forslagene du ikke enkelt kan løse er "Serve images in next-gen formats". Neste generasjons formater inkluderer WebP, JPEG 2000 eller JPEG XR for å erstatte de tradisjonelle bildeformatene PNG og JPEG.

Hvordan servere WebP -bilder i SiteGround?

Vis bilder i neste generasjons formater

Derfor vil visning av WebP -bilde hjelpe deg med å løse Google PageSpeed ​​Insights -problemet. Dessuten reduserer den bildestørrelsen til mer enn 75% mindre med samme kvalitet og forbedrer dermed sidehastigheten.

Hvordan fungerer det med SiteGround?

SiteGround tilbyr SG Optimizer -plugin som lar deg aktivere konvertering av alle bildene dine til WebP -format. Den gode delen er at du ikke trenger noe annet oppsett.

  • Alle WebP -bilder lagres på serversiden, og du kan ikke se dem i mediebiblioteket eller ved å bruke FTP.
  • Du kan kontrollere om WebP -bilder lastes inn når du ser nettstedet i nettleseren.
  • Du må aktivere WebP for individuell nettstedbasis på hostingkontoen din.

Hvordan servere WebP -bilder i SiteGround?

Hvis du ikke bruker SG Optimizer, må du først installere programtillegget.

Hvordan servere WebP -bilder i SiteGround?

Installer plugin for SG Optimizer

Etter å ha installert SG Optimizer, gå til "SG Optimizer" -menyen og deretter til "Media Optimization" -delen. Her har du alternativene for å aktivere WebP -bilder på nettstedet ditt.

Husk at hvis du allerede bruker noen hurtigbuffer -plugins, bør du ikke aktivere andre alternativer i SG Optimizer -pluginet. Sørg for å ikke aktivere de samme alternativene i to plugins og bryte nettstedet.

Aktiver WebP for nye bilder

Aktiver først alternativet "Generer WebP -kopier av nye bilder". Velg optimaliseringstype for å velge kvaliteten på WebP -bildene dine. Det tapsfrie alternativet hjelper deg med å beholde kvaliteten og tapsalternativet redusere størrelsen til mye lavere ved å redusere bildekvaliteten.

Hvordan servere WebP -bilder i SiteGround?

Generer WebP -bilder i SiteGround

Vi anbefaler deg å velge lossless for å beholde kvaliteten med nominell størrelsesreduksjon. Imidlertid, hvis du har større bilder på nettstedet ditt og kvalitetsreduksjon er akseptabelt for deg, velger du alternativet med tap. For tapsløst alternativ kan du velge prosentandel av kvalitet ved å dra glidebryteren.

Hvordan servere WebP -bilder i SiteGround?

Generer Lossy WebP i SiteGround

Last opp et nytt bilde og sjekk kvaliteten på få bilder i nettleseren (se avsnittet nedenfor for dette) før du massebehandler alle eksisterende bilder.

Masse generer WebP -filer

Når du har bestemt deg og konfigurert kvaliteten, klikker du på "Bulk Generate WebP Files" -knappen. Dette vil generere WebP -versjon for alle dine eksisterende bilder. I motsetning til vanlig alternativ for bildeoptimalisering, vil det bare ta mindre tid å lage WebP -bilder, avhengig av antall bilder på nettstedet ditt. I vårt tilfelle har vi 14K bilder som tok knapt mindre enn et minutt.

Endre kvaliteten

Når som helst kan du bestemme deg for å endre kvaliteten fra lossless til lossy eller omvendt. Du kan også endre kvaliteten på de tapte WebP -bildene når som helst senere. Når du endrer kvaliteten, klikker du på lenken "generer på nytt" for å regenerere bilder med ny kvalitet. Alternativt kan du klikke på "Slett alle WebP -filer" -knappen og deretter klikke på "Masse generer WebP -filer" for å regenerere bilder med ny kvalitet.

Testing av WebP -bilder i nettleser

Åpne nettstedet ditt i Google Chrome og sjekk kildekoden fra Developer Console. Du vil fortsatt se PNG- eller JPEG -bilder lastes i stedet for WebP -bilder. Dette er imidlertid ikke den riktige måten å kontrollere.

Hvordan servere WebP -bilder i SiteGround?

Kilde Viser PNG -bilde

Siden du ikke kan se WebP -bilder på vertsserveren eller fra mediebiblioteket, kan du bli forvirret om det fungerer på nettstedet ditt eller ikke. Følg instruksjonene nedenfor for å bekrefte at nettstedet fungerer med WebP -bilder.

  • Åpne Google Chrome og åpne delen for Chrome -utviklerverktøy. Du får tilgang til utviklerverktøy ved å trykke F12 i Windows og gå til "Option + Command + I" i Mac.
  • Klikk på "Nettverk" -fanen og åpne nettsiden i adresselinjen. Hvis du allerede har åpnet siden, klikker du på oppdateringsknappen for å laste siden på nytt.
  • Nå kan du se at nettverksaktivitetene blir registrert, og klikk på "Img" -fanen.
  • Her kan du se typen ressurs lastet fra nettstedet ditt.
  • Du kan sortere kolonnen "Navn" eller "Type" for å kontrollere bildetypen. Det skal vises som "WebP".
  • Dette er måten å bekrefte at WebP -bilder blir vist fra nettstedet ditt.

Hvordan servere WebP -bilder i SiteGround?

Sjekk SiteGround WebP i nettleser

Alternativ testmetode

Den andre måten å teste på er enkel.

  • Åpne nettsiden din i Chrome og høyreklikk på bildene.
  • Velg alternativet "Lagre bilde som …".

Hvordan servere WebP -bilder i SiteGround?

Lagre bildet som

  • Du bør se bildeformatet som "Google WebP".

Hvordan servere WebP -bilder i SiteGround?

Lagre WebP -bilde

Selv om det opprinnelige bildet er PNG (eller JPEG), bør du se formatet som "Google WebP", ettersom dette er bildeformatet som er tilgjengelig på nettstedet ditt.

Bufrede WebP -bilder

Noen hurtigbuffer -plugins som WP Rocket lar deg cache WebP -bilder. Hvis du bufrer WebP -bilder, kan du finne .png.webp- eller .jpg.webp -versjonene i hosting -serveren under opplastningskatalogen. Dette er ikke standard oppførsel for SiteGround WebP -tjenesten, og når du deaktiverer hurtigbufringen, stopper hurtiglagergenerasjonen, og du bør bruke en av metodene ovenfor for å bekrefte.

Hvordan servere WebP -bilder i SiteGround?

WebP Caching i WP Rocket

Hvor mye størrelse kan jeg spare?

Dette avhenger virkelig av kvaliteten du velger for WebP -bildene dine. I vårt tilfelle velger vi alternativet tapsfritt og sparer mer enn 77% for enkeltbilde.

  • Opprinnelig PNG -bildestørrelse – 139 KB
  • WebP -bildestørrelse – 31 KB

Test tilbake med Google PageSpeed ​​Insights

Gå tilbake til Google PageSpeed ​​Insights -verktøyet og test en av nettsidene dine. Forslaget om visning av bilder i neste generasjons format bør forsvinne nå.

Poeng å ta vare på

Sørg for å ta hensyn til følgende punkter når du bruker WebP på nettstedet ditt:

  • Ikke alle nettlesere støtter WebP. Sørg for å sjekke nettstedet ditt i Google Chrome eller en hvilken som helst nettleser som støttes.
  • Caching plugins som WP Rocket tilbud til cache WebP bilder for å øke sidelastingshastigheten. Disse hurtigbuffer -pluginene vil imidlertid ikke oppdage WebP -bilder på SiteGround -serveren. Du kan bekrefte med plugin -utvikleren før du aktiverer bufring av WebP -bilder.
  • CDN -tjenester som Cloudflare vil sømløst fungere med SiteGround. Hvis du imidlertid har et eget CNAME -oppsett for å vise mediefiler via CDN, må du bekrefte med CDN -leverandøren om de kan vise WebP -bilder.
  • WebP -alternativet er ikke tilgjengelig for nettstedene som fortsatt bruker cPanel -oppsett. Du har ventet på at SiteGround skal migrere kontoen din til nettstedverktøy.
  • Du må bruke SG Optimizer -plugin for å aktivere WebP, uten plugin er det ingen måte du kan aktivere fra vertskontoen din.
  • Sørg for å regenerere bildene når du endrer kvaliteten på WebP -bildene.

Siste ord

Nettstedshastigheten blir en viktig faktor med Google kunngjorde Core Web Vitals som vil påvirke rangeringen i fremtiden. SiteGround -nettsteder er allerede på Google Cloud -plattformen, og med WebP vil du være langt foran konkurrentene som vert på andre selskaper.

Opptakskilde: webnots.com
Leave A Reply

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg akseptererMer informasjon