TechBlogSD - Kaikki WordPressin ja WEB: n kehittämiseen
WEB- ja WordPress - ohjeet, uutiset, arvostelut teemoista ja laajennuksista

WebP -kuvien tarjoaminen SiteGroundissa?

3

SiteGround on yksi virallisen WordPress.orgin suosittelemista hosting -yrityksistä. Viime vuosina SiteGround -hosting on kasvanut eri tasolle. He ovat korvanneet perinteisen cPanel -asennuksen ja siirtäneet kaikki olemassa olevat tilit mukautettuihin sivustotyökaluasetuksiin. Tämän avulla voit näyttää WebP -kuvia PNG- tai JPEG -tiedostojen sijaan verkkosivustosi latauksen nopeuttamiseksi. Tässä artikkelissa kerromme, kuinka WebP -kuvia voidaan näyttää SiteGroundissa ja tarkistaa selaimessa.

Aiheeseen liittyvää: Kuinka WebP: n avulla WordPressissä voidaan korjata palvelukuvia seuraavan sukupolven muodoissa Google PageSpeed ​​Insights -työkalussa?



Miksi WebP -kuvat?

Aina kun tarkistat sivunopeuden pisteet Google PageSpeed ​​Insights -työkalussa, se näyttää sinulle monia mahdollisuuksia, jotka voivat parantaa sivuston nopeutta. Yksi tärkeistä ehdotuksista, joita et voi ratkaista helposti, on "Tarjoa kuvia seuraavan sukupolven muodoissa". Seuraavan sukupolven formaatteja ovat WebP, JPEG 2000 tai JPEG XR, jotka korvaavat perinteiset PNG- ja JPEG-kuvamuodot.

WebP -kuvien tarjoaminen SiteGroundissa?

Näytä kuvat seuraavan sukupolven muodoissa

Siksi WebP -kuvan tarjoaminen auttaa sinua ratkaisemaan Google PageSpeed ​​Insights -ongelman. Lisäksi se pienentää kuvan kokoa yli 75% pienemmäksi samalla laadulla, mikä parantaa sivun latausnopeutta.

Kuinka se toimii SiteGroundin kanssa?

SiteGround tarjoaa SG Optimizer -laajennuksen, jonka avulla voit ottaa kaikkien kuvien muuntamisen WebP -muotoon. Hyvä puoli on, että et tarvitse muita asetuksia.

  • Kaikki WebP -kuvat tallennetaan palvelimen puolelle, etkä voi tarkastella niitä mediakirjastossasi tai FTP: llä.
  • Voit tarkistaa, latautuvatko WebP -kuvat, kun tarkastelet sivustoa selaimessa.
  • Sinun on aktivoitava WebP yksittäisille sivustoille isäntätililläsi.

WebP -kuvien tarjoaminen SiteGroundissa?

Jos et käytä SG Optimizeria, sinun on ensin asennettava laajennus.

  • Kirjaudu sisään WordPress -sivustoosi ja siirry kohtaan "Lisäosat> Lisää uusi".
  • Etsi laajennus etsimällä "SG Optimizer”.
  • Asenna ja aktivoi laajennus sivustollesi.

WebP -kuvien tarjoaminen SiteGroundissa?

Asenna SG Optimizer Plugin

Kun olet asentanut SG Optimizerin, siirry "SG Optimizer" -valikkoon ja sitten "Median optimointi" -osaan. Tässä voit valita WebP -kuvien ottamisen käyttöön sivustossasi.

Muista, että jos käytät jo välimuistilaajennuksia, älä ota muita vaihtoehtoja käyttöön SG Optimizer -laajennuksessa. Varmista, ettet ota samoja vaihtoehtoja käyttöön kahdessa laajennuksessa ja riko sivustoa.

Ota WebP käyttöön uusille kuville

Ota ensin käyttöön "Luo WebP -kopioita uusista kuvista" -vaihtoehto. Valitse optimointityyppi valitaksesi WebP -kuvien laadun. Häviötön vaihtoehto auttaa säilyttämään laadun ja häviöllinen vaihtoehto pienentää kokoa paljon pienemmäksi vähentämällä kuvanlaatua.

WebP -kuvien tarjoaminen SiteGroundissa?

Luo WebP -kuvia SiteGroundissa

Suosittelemme, että valitset häviöttömän, jotta laatu säilyy nimellisellä koon pienenemisellä. Jos sivustossasi on kuitenkin suurempia kuvia ja laadun heikkeneminen on hyväksyttävää, valitse häviöllinen vaihtoehto. Häviöllistä vaihtoehtoa varten voit valita laadun prosenttiosuuden vetämällä liukusäädintä.

WebP -kuvien tarjoaminen SiteGroundissa?

Luo häviöllinen WebP SiteGroundissa

Lataa uusi kuva ja tarkista muutaman kuvan laatu selaimessa (katso alla oleva osio tästä) ennen kuin käsittelet joukkoon kaikki olemassa olevat kuvat.

Luo joukko WebP -tiedostoja

Kun olet päättänyt ja määrittänyt laadun, napsauta "Luo joukko WebP -tiedostoja" -painiketta. Tämä luo WebP -version kaikille olemassa oleville kuvillesi. Toisin kuin tavallinen kuvan optimointivaihtoehto, WebP -kuvien luominen vie vain vähemmän aikaa riippuen sivustosi kuvien määrästä. Meidän tapauksessamme on 14 000 kuvaa, jotka kesti tuskin alle minuutin.

Laadun muuttaminen

Voit milloin tahansa päättää muuttaa laadun häviöttömästä häviölliseksi tai päinvastoin. Voit myös muuttaa menettäneiden WebP -kuvien laatua milloin tahansa myöhemmin. Aina kun muutat laatua, napsauta "luo uudelleen" -linkkiä, jos haluat luoda uusia kuvia uudella laadulla. Vaihtoehtoisesti voit napsauttaa "Poista kaikki WebP -tiedostot" -painiketta ja napsauttaa sitten "Luo joukko WebP -tiedostoja", jos haluat luoda kuvia uudella laadulla.

WebP -kuvien testaaminen selaimessa

Avaa sivustosi Google Chromessa ja tarkista lähdekoodi Developer Consolesta. Näet edelleen PNG- tai JPEG -kuvien lataamisen WebP -kuvien sijasta. Tämä ei kuitenkaan ole oikea tapa tarkistaa.

WebP -kuvien tarjoaminen SiteGroundissa?

Lähde Näytetään PNG -kuva

Koska et näe WebP -kuvia isäntäpalvelimessa tai mediakirjastossa, saatat hämmentyä siitä, toimiiko se sivustossasi vai ei. Noudata alla olevia ohjeita varmistaaksesi, että sivusto toimii WebP -kuvien kanssa.

  • Avaa Google Chrome ja avaa Chromen kehittäjätyökalut -osio. Voit käyttää kehittäjätyökaluja painamalla Windowsissa F12 -näppäintä ja siirtymällä Macissa kohtaan "Option + Command + I".
  • Napsauta "Verkko" -välilehteä ja avaa verkkosivu osoitepalkissa. Jos olet jo avannut sivun, lataa sivu uudelleen napsauttamalla päivityspainiketta.
  • Nyt voit nähdä verkkotoiminnot tallennettavan ja napsauttaa "Img" -välilehteä.
  • Täällä näet sivustoltasi ladatun resurssin tyypin.
  • Voit lajitella "Nimi" – tai "Tyyppi" -sarakkeen tarkistaaksesi kuvatyypin. Sen pitäisi näkyä nimellä "WebP".
  • Tämä on tapa varmistaa WebP -kuvien näyttäminen verkkosivustoltasi.

WebP -kuvien tarjoaminen SiteGroundissa?

Tarkista SiteGround WebP selaimessa

Vaihtoehtoinen testausmenetelmä

Toinen tapa testata on yksinkertainen.

WebP -kuvien tarjoaminen SiteGroundissa?

Tallenna kuva nimellä

  • Sinun pitäisi nähdä kuvamuoto "Google WebP".

WebP -kuvien tarjoaminen SiteGroundissa?

Tallenna WebP -kuva

Vaikka alkuperäinen kuva on PNG (tai JPEG), sinun pitäisi nähdä muodossa "Google WebP", koska tämä on sivustossasi käytettävissä oleva kuvamuoto.

Välimuistissa olevat WebP -kuvat

Jotkin välimuistilaajennukset, kuten WP Rocket, mahdollistavat WebP -kuvien välimuistin. Jos tallennat WebP -kuvat välimuistiin, löydät .png.webp- tai .jpg.webp -versiot isäntäpalvelimestasi latausten hakemistosta. Tämä ei ole SiteGround WebP -palvelun oletuskäyttäytyminen, ja kun poistat välimuistilaajennuksen käytöstä, välimuistin luonti pysähtyy ja sinun on vahvistettava jokin yllä olevista tavoista.

WebP -kuvien tarjoaminen SiteGroundissa?

WebP -välimuisti WP Rocketissa

Kuinka paljon kokoa voin säästää?

Tämä riippuu todella WebP -kuvien laadusta. Meidän tapauksessamme valitsemme häviöttömän vaihtoehdon ja säästämme yli 77% yksittäisessä kuvassa.

  • Alkuperäinen PNG -kuvakoko – 139 kt
  • WebP -kuvakoko – 31 kt

Testaa takaisin Google PageSpeed ​​Insightsin avulla

Palaa nyt Google PageSpeed ​​Insights -työkaluun ja testaa yksi verkkosivustostasi. Ehdotuksen kuvien näyttämisestä seuraavan sukupolven muodossa pitäisi kadota nyt.

Huomionarvoisia kohtia

Varmista, että otat huomioon seuraavat seikat, kun käytät WebP: tä sivustossasi:

  • Kaikki selaimet eivät tue WebP: tä, tarkista sivustosi Google Chromessa tai tuetussa selaimessa.
  • Välimuistilaajennukset, kuten WP Rocket, tarjoavat WebP -kuvien välimuistiin sivun latausnopeuden lisäämiseksi. Nämä välimuistilaajennukset eivät kuitenkaan tunnista WebP -kuvia SiteGround -palvelimessa. Voit vahvistaa liitännäisen kehittäjän kanssa ennen WebP -kuvien välimuistiin ottamista käyttöön.
  • CDN -palvelut, kuten Cloudflare, toimivat saumattomasti SiteGroundin kanssa. Jos sinulla on kuitenkin erillinen CNAME -asetus, joka palvelee mediatiedostoja CDN: n kautta, varmista CDN -palveluntarjoajalta, voivatko ne palvella WebP -kuvia.
  • WebP -vaihtoehto ei ole käytettävissä sivustoille, jotka käyttävät edelleen cPanel -asetuksia. Odota, että SiteGround siirtää tilisi Sivustotyökaluihin.
  • Sinun on käytettävä SG Optimizer -laajennusta WebP: n käyttöön ottamiseksi, ilman laajennusta et voi ottaa sitä käyttöön hosting -tililtäsi.
  • Muista luoda kuvat aina, kun muutat WebP -kuvien laatua.

Lopulliset sanat

Sivuston nopeudesta on tulossa tärkeä tekijä Googlen julkistamilla Core Web Vitalilla, jotka vaikuttavat sijoitukseen tulevaisuudessa. SiteGround -sivustot ovat jo Google Cloud -alustalla ja WebP: n avulla olet paljon edellä muiden yritysten isännöimää kilpailua.

Leave A Reply

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja