Hoe om beelde in WordPress te optimaliseer (vir albei spoed + SEO)

As dit kom by beeldoptimalisering, het u waarskynlik genoeg gehoor van alt-teks.


Daar is eintlik 20 verskillende maniere om beelde te optimaliseer (as u SEO en spoedoptimalisering insluit). Dit sal u beter tellings in GTmetrix / Pingdom gee, wat u moontlik hoër op soek sal stel en u inhoud vinniger kan laai. Ek het daarin geslaag om ‘n 100% GTmetrix-verslag met .5s laai tye te kry … om my beelde in WordPress te optimaliseer was ‘n groot deel daarvan.

Optimaliseer prente VOORDAT hulle opgelaai word – As u ‘n program soos Photoshop gebruik om beelde te optimaliseer voordat u dit oplaai, kan u baie werk bespaar. U kan die grootte van die grootte, saamgepers, EXIF-data strook, in die regte formaat stoor (bv. PNG / JPEG) en ‘n beskrywende lêernaam skryf (wat outomaties as alt-teks gebruik sal word as u die Outomatiese inprop Alt-kenmerke-inprop). Dit is 6 optimalisasies!

As u hoë resolusie beelde benodig (bv. ‘n fotografiewebwerf), wil u moontlik nie die grootte van die grootte en die komprimering daarvan gebruik nie (stap 3 en 8), aangesien dit die kwaliteit kan verlaag, selfs al is dit met ‘n klein hoeveelheid.

Die belangrikste gereedskap wat ek gebruik – Ek gebruik GIMP om die grootte van beelde te verander / saam te pers (my beeldredakteur van keuse), WP-vuurpyl vir my cache-inprop, Imagify vir verdere verlieslose kompressie + die verwydering van EXIF-data, albei Cloudflare en StackPath CDN, Outomatiese beeld-ALT-kenmerke-inprop om die beeldlêernaam outomaties as alt-teks te gebruik, en Optimale Gravatar-kas om Gravatars in kommentaar op te laai. ek gebruik WP Review Pro as my ryk brokkie-inprop, Beter soek vervang om grootmaatopdaterings te bewerk (baie handig), en GTmetrix as my snelheidstoetsinstrument. Kyk na die volledige lys gereedskap.

1. Soek onoptimiseerde prente

Begin u webwerf deur GTmetrix en u sal hierdie items sien op die bladsnelheid bladsy / YSlow. Die eerste vyf is gewoonlik bladspesifiek, wat beteken dat GTmetrix slegs die onoptimiseerde prente vir die enkele bladsy wat u toets, wys. Die laaste 3 kom gewoonlik op u hele webwerf voor. Dit is natuurlik net sewe maniere om beelde te optimaliseer, maar dit is die belangrikste, dus doen ons dit eers.

  • Bedien afgeskaalde beelde: verander die grootte van groot prente na regte dimensies (stap 2)
  • Spesifiseer prentafmetings: spesifiseer ‘n breedte / hoogte in die HTML of CSS van die beeld (stap 3)
  • Optimaliseer prente – beelde sonder verlies kompresseer (stap 4)
  • Bestryding van beelde met behulp van CSS-sprites – kombineer meerdere beelde in 1 beeld (stap 5)
  • Vermy URL-aanwysings – moenie beelde van verkeerde www- of http (s) weergawe bedien nie (stap 6)
  • Gebruik ‘n netwerk vir inhoudlewering – bedien beelde / lêers vanaf ‘n CDN (stap 7)
  • Benut die cache van blaaier – cache-beelde / lêers met u cache-inprop (stap 8)
  • Maak favicon klein en cache – gebruik ‘n 16x16px favicon en kas dit (stap 9)

Beeldoptimalisering in GTmetrix

Begin deur prente wat op verskeie bladsye verskyn, reg te stel: logo, sidebar / footer-beelde, ens. Begin ook met bedienings vir afgeskaalde beelde, want u moet dit moontlik weer verander of laai met nuwe dimensies..

2. Bedien skale

As u sien bedien afgeskaalde beelde foute in GTmetrix, beteken dit dat u oorgrote beelde het en dit moet verander in die regte afmetings (wat GTmetrix u voorsien). Solank u die prentjiedimensie-bedriegblad volg (sien hieronder), moet u hierdie foute nie sien nie. Maar as u reeds groot prente opgelaai het, moet u dit met die hand verander of die inprop gebruik.

Dien-skaal-Images

Verander grootte van grootmaat met behulp van ‘n inprop – die probleem hiermee is dat verskillende beelde verskillende dimensies benodig (widgets, schuifbalk, volledige breedte-beelde). Terwyl die meeste beeldoptimalisasie-inproppe die opsie het om die grootte van die beelde na een te verander enkele spesifieke stel afmetings, moet u dit regtig snoei / verander voordat u dit oplaai. As u die grootte van die prente met behulp van ‘n inprop verander, hou u rugsteun van die oorspronklike beelde (en toets slegs ‘n paar daarvan) vir ingeval u nie tevrede is met die resultate nie.

Verander die grootte van groot beelde

Verander die grootte van beelde handmatig – Kry die regte afmetings van GTmetrix en verander die grootte of herlaai dit. Onthou, GTmetrix wys slegs onoptimiseerde prente vir die enkele bladsy wat u toets.

Skep ‘n bedriegblad van die beeldafmetings van u webwerf
U skuifknoppies, die sidebalk van die blog, prente en die inhoud van die inhoud van die blog vra vir spesifieke dimensies waarop u die grootte van die beelde moet verander. Skep ‘n cheat sheet sodat u dit kan verander voordat u dit na WordPress oplaai. Dit is veral nuttig as u baie dele van u webwerf het wat verskillende beeldgroottes benodig, en as u verskeie ontwerpers / redakteurs het.

voorbeeld:

  • Skuifbeelde: 1900 (w) x 400 (h)
  • Karouselbeelde: 115 (u)
  • Widget-beelde: 414 (w)
  • Volwydte blogpos: 680 (w)
  • Voorgestelde beelde: 250 (w) x 250 (h)
  • Yoast Facebook OG-beeld: 1200 (w) x 628 (h) – stap 11
  • Yoast Twitter OG-afbeelding 1024 (w) x 512 (h) – stap 11

680 pixel breedte reghoek

3. Spesifiseer afbeeldingsafmetings

Dit beteken dat u ‘n breedte / hoogte by die HTML of CSS van die beeld voeg. Die Visual Editor doen dit vir u (maar widgets, sommige bladsybouers en pasgemaakte HTML Moenie). Toets ‘n paar bladsye in GTmetrix.

GTmetrix vertel die afmetings van die prent …

Spesifieke beeldafmetings GTmetrix

Voeg die breedte / hoogte by die beeld van HTML …

Spesifiseer afbeeldingsafmetings

4. Kompresse sonder verlies

Dit is ‘optimale beelde’ -items in GTmetrix. Baie programme (bv. Photoshop en Gimp) het die opsie om saam te kom as hulle uitgevoer word. Alhoewel dit ‘n goeie begin is, kry plugins vir beeldkompressie gewoonlik nog beter resultate. ek verkies Imagify, cracking, ShortPixel, of Smush. Dit is bekend dat ander plug-ins die beeldkwaliteit visueel verlaag en dit kan foute met u beelde veroorsaak.

Druk foto’s saam met Imagify

  1. Skryf in vir Imagify
  2. Installeer die Verbeel jou die inprop
  3. U sal gevra word om die onderstaande instruksies:
  4. Voer u API-sleutel in vanaf u Imagify-rekening
  5. Stel u kompressievlak (normaal, aggressief, ultra)
  6. Verbeel jou almal (foto hieronder) met grootmaat, optimaliseer alle prente op jou webwerf
  7. Sodra u u limiet bereik het, betaal $ 4,99 of wag volgende maand om u limiet weer in te stel

imagify

Toets hoe beelde met verskillende vlakke van kompressie lyk …

Verbeel jou Compression Comparison

Sodra u aangemeld is, optimaliseer u alle prente op u webwerf in grootmaat …

imagify-wordpress-beeld-optimalisering

Stel die opsie om prente te optimaliseer tydens oplaai …

Verbeel jou die Optimalisering van prente tydens oplaai

5. Kombineer beelde in CSS-sprites

Op my tuisblad dink jy dalk jy sien 21 ikone, maar dit is eintlik 1 enkele prentjie. Hierdie is ‘n CSS sprite, waar u meerdere beelde in een enkele beeld kombineer. Dit verminder die aantal beelde (en versoeke), en daarom het my tuisblad slegs 10 versoeke. In plaas daarvan om 21 prente te laai, laai dit 1. U het CSS-kennis nodig om dit te kan doen, of gebruik a CSS sprite kragopwekker.

CSS Sprites

GTmetrix CSS Sprites

Gebruik slegs CSS Sprites vir dekoratiewe beelde – u verloor baie beeld-etikette as u 21 beelde in 1 kombineer. MOENIE belangrike beelde in CSS-sprites kombineer as dit u inhoud beskryf nie. Wat my betref, is die spoed van my tuisblad belangriker as wat dit SEO is … Ek gebruik op baie plekke die GTmetrix-verslag van my tuisblad (so ek moet dit skoon hou) en my tuisblad, glo dit of nie, is nie op ‘n navraag. Die doel is om my tutoriale te skets … en vinnig te laai.

6. Vermy beeld-URL-aanwysings

As u verander het na HTTPS, www-weergawes, of prente vanaf ‘n CDN begin bedien, moet u al u beelde (en skakels) op groot skaal opdateer deur gebruik te maak van Beter soek vervang dus dien hulle die regte weergawe. Anders kan u sien herleidinge tot die minimum beperk of gebruik koekievrye domeine foute.

Minimaliseer aansture

Koekie-gratis domeine

Gebruik die beter soek-vervang-inprop om beeld-URL’e grootliks op te dateer …

Beter soeke vervang WWW-weergawes

Beter soek vervang HTTP teen HTTPS

7. Bedien beelde vanaf ‘n CDN

Dit vereis dat u URL’e van die prent verander om u CDN-URL

  • Oude prent-URL (sonder CDN): https://onlinemediamasters.com/wp-content/uploads/2017/02/Tom-Dupuis-Widget.png
  • Nuwe prent-URL (met CDN): https://t9w8m8j8.stackpathcdn.com/wp-content/uploads/2017/02/Tom-Dupuis-Widget.png

Cloudflare teen StackPath – Ek gebruik albei Cloudflare en StackPath aangesien meer datasentrums = vinniger lewering van inhoud. Cloudflare het 200+ datasentrums, StackPath het 34+ datasentrums wat baie in die Verenigde State geleë is (waarvandaan die meeste besoekers kom). Cloudflare ken u nie ‘n CDN-URL toe nie dus sal ons CDPN van StackPath gebruik om prente te bedien.

StackPath-Data-sentrums

Stap 1: Kies ‘n CDN. ek gebruik StackPath (hulle het ‘n 30-dae verhoor).

Stap 2: Klik op die CDN-oortjie in die dashboard skep ‘n StackPath CDN-webwerf

StackPath-CDN-Tab

StackPath-CDN-Domain

CDN-URL-StackPath

Stap 3: Kopieer u CDN-URL en plak dit in u cache-inprop (hieronder is vir WP Rocket) …

WP-vuurpyl-CDN

Stap 4: Vervang prent-URL’s om u CDN-URL in te sluit (deur gebruik te maak van Beter soek vervang).

Beter soek vervang die CDN-URL

Stap 5: Kyk of u ou prent-URL’s gebruik Chrome-toestelle. Soms, u cache-inprop of CDN Enabler sorg hiervoor, behalwe skakels in CSS en JavaScript wat hard gekodeer is. Vir die skakels wat agterbly, is dit normaalweg in lêers (soos CSS of Javascript) wat handmatig gekontroleer en vervang moet word. Chrome DevTools wys u alle domeine wat tans gebruik word.

Stap 6: Begin u werf in GTmetrix en “inhoudafleweringsnetwerk” moet groen wees in YSlow. U hoef ook nie foute te hê in “minimale aansture” of “gebruik koekievrye domeine nie”.

CDN GTmetrix YSlow

8. Cache-prente

Die meeste cache-inproppe het ‘n opsie vir blaaier se geheue, wat beelde stoor. Ek gebruik WP Rocket wat die nommer 1-cache-inprop is in verskeie Facebook-peilings, en ek het tutoriaal daarvoor. Vinnige vertoning word meestal die beste nommer 1-inprop-plugin (ek het ook ‘n handleiding daarvoor).

Browser Cache

9. Maak Favicon klein en opbergbaar

Sorg dat u favicon 16x16px is, is favicon.ico-formaat, en dat dit met u cache-inprop geberg is.

10. Verwyder EXIF-data

Exif data bevat inligting soos diafragma, sluiterspoed, ISO, brandpunt, kameramodel, datum waarop die foto geneem is, en meer. U het dit nie nodig vir beelde op u webwerf nie. Die VA Exif-inprop verwyder verwyder Exif-data outomaties sodra prente opgelaai is.

Die meeste beeldoptimaliseringsproppe (insluitend Imagify, ShortPixel, Kraken, EWWW en Smush) het die opsie om EXIF-data outomaties te verwyder. Hier is die instellings vir Imagify …

Stel u voor dat u EXIF-data verwyder

11. Optimalisering van Cloudflare Image

Cloudflare het ook ‘n paar maniere om beelde te optimaliseer. Mirage en Pools word in u Cloudflare-spoedinstellings terwyl Hotlink Protection in u Skraap skildinstellings.

Cloudflare Mirage (Pro-funksie) – verminder beeldversoeke, lui laai beelde en verbeter die laai van foto’s op mobiele toestelle met stadige netwerkverbindings. Hier is meer besonderhede …

  • Verander die grootte van prente gebaseer op die toestel / verbinding van ‘n besoeker. ‘N Besoeker met ‘n swak verbinding sal ‘n kleiner weergawe (laer resolusie) kry totdat hulle weer op ‘n hoër bandbreedte is.
  • Verminder hoeveelheid versoeke – in plaas daarvan om veelvuldige versoeke vir alle prente op die webwerf te stuur, trek Mirage dit in een versoek sodat besoekers onmiddellik foto’s kan sien.
  • Lui laai prente (laai dit slegs as gebruikers afrol en die prentjie sien).

Cloudflare Image Mirage

Cloudflare Pools (Pro Feature) – strook EXIF-data en komprimeer beelde.

Cloudflare Image Pools

Cloudflare-hotlinkbeskerming – verhoed dat mense u prente kopieer en op hul eie webwerf plak, wat (aangesien u nog steeds die prent aanbied) u bandbreedte sal opsuig.

Cloudflare-hotlinkbeskerming

12. Lui laai beelde

Dit vertraag die laai van prente totdat gebruikers op die bladsy afrol en die prentjie sigbaar sien. Alhoewel dit die aanvanklike laaitye verbeter, kan dit voortdurend irriterend wees om prente te laai terwyl u blaai. Ek het persoonlik net lui-laai-video’s, want dit neem baie tyd om te laai as beelde.

U kan die Lui-laai-inprop, Lui-laai vir video-inprop, of gebruik WP Rocket …

WP-vuurpyl-Lazy-load

13. Stoor as korrekte formaat

PNG teen JPEG – PNG is nie saamgepers nie (groter lêergrootte) en moet in eenvoudige beelde gebruik word sonder veel kleure. JPEG is ‘n gekomprimeerde (kleiner lêergrootte) wat die beeldkwaliteit effens verlaag, maar kleiner is en in prente met baie kleure gebruik word. GIMP en ander beeldbewerkingsprogramme moet outomaties die regte formaat gebruik, maar dit is nog steeds goed om te weet.

jpg_vs_png

Illustrasie deur Labnol

14. Naam van beeldlêers

Soekenjins gebruik beide alt-teks- en beeldlêernaam, noem dus u lêers voordat u dit na WordPress oplaai. As u dit gebruik, is dit ‘n inprop voeg outomatiese teks by gebaseer op die lêernaam, is die naam van u lêers al wat u moet doen! Moenie sleutelwoorde vul nie, beskryf slegs die prentjie.

Naam van etiketprentlêers

15. Alt-teks

Dit moet dieselfde wees as u beeldlêernaam. U kan die Outomatiese inprop Alt-kenmerke-inprop om die lêernaam outomaties as alt-teks te gebruik. Solank u relevante beelde gebruik, moet sommige van hulle natuurlik (stukkies) van u sleutelwoord insluit … daar is absoluut geen rede om sleutelwoorde in prente in te vul nie, wat die sleutelwoord vulsel straf.

Voeg outomaties alt-teks by prente – gebruik die Outomatiese inprop Alt-kenmerke-inprop. Elke keer as u ‘n prent byvoeg, sal die inprop alt-teks byvoeg wat dieselfde is as die lêernaam …

alt ="WP-Vinnigste-Cache-Plugin" width ="577" hoogte ="247" />

Vind ontbrekende alt-teks – Screaming Frog is ‘n gratis instrument waarmee u al die beelde ontbreek wat die teks ontbreek.

Ontbrekende beeld Alt-teks - skree padda

16. Open Grafiek (Facebook + Twitter)

Dit maak u inhoudsformaat korrek wanneer dit op Facebook / Twitter gedeel word, spesifiek u beeld, aangesien albei netwerke aangepaste afmetings gebruik om dit te vertoon, anders lyk dit snaaks.

Facebook-aandeel

As u Yoast gebruik, gaan dan na die “Sosiale” instellings en skakel Open Graph vir beide Facebook / Twitter in…

Yoast-Maatskaplike-Meta-data

Redigeer nou ‘n bladsy / pos, klik dan op die “deel” -skakel in Yoast, en u sal opsies sien om persoonlike beelde vir Facebook op te laai (1200 breedte x 628 hoogte) en Twitter (1024 breedte x 512 hoogte).

Yoast-sosiale-media-optimalisering

17. Beelde in uitgesoekte brokkies

Voorgestelde brokkies is wanneer Google stukkies van jou inhoud aan die bokant van die soekresultate wys en kan (maar is nie gewaarborg nie) om ‘n beeld in te sluit. Google trek dit uit enige resultaat op die 1ste bladsy, dit is egter aan hulle of hulle selfs ‘n featured stuk of prentjie sal vertoon. Dit laat jou brokkie ook twee keer verskyn en is ‘n ongelooflike manier om baie verkeer te kry.

3 tipes uitgesoekte brokkies

  • Antwoorde
  • tafels
  • lyste

Gewilde-Beeld-Brokkies

Hoe om uittreksels uit Google te kry

  • Rig ‘n sleutelwoord waar mense wil bondige antwoord
  • Gebruik Moz Sleutelwoord Explorer vraagwoorde te identifiseer
  • Gebruik Answer the Public om nog meer vraagwoorde te kry
  • Kies of die antwoord ‘n paragraaf, lys of tabel moet wees
  • Ontwerp ‘n mooi prentjie (of neem ‘n foto) wat die sleutelwoord beskryf
  • Gebruik optimale karakterlengte (sien foto hieronder geneem uit Moz)
  • Skep feite-gebaseerde inhoud met kwaliteitverwysings (skakels, grafika, ens.)
  • Teiken sleutelwoorde wat alreeds ‘n uitgebreide stuk bevat, maar wat nie goed werk nie
  • As u na die antwoordvak mik, rig u sleutelwoord met ‘n presiese pasmaat
  • Maak seker dat u op die 1ste bladsy is vir die sleutelwoord, indien nie, verbeter die inhoud

Optimale uitgesoekte brokkieslengte

18. Gestruktureerde data

Prente kan in gestruktureerde data (en kentekens) vir die volgende tipes inhoud:

Video ryk brokkie

Resep-Rich-Brokkies

Produk ryk stuk

Watter ryk brokkies plugin moet ek gebruik?
ek gebruik MyThemeShop se WP Review Pro (hier is ‘n bladsy waarop ek dit gebruik) wat 14 datatipes ondersteun, insluitend resepte en produkinligting. Ek het vroeër WP Rich Snippets gebruik, maar die ontwikkelaar het die inprop laat vaar en dit is nie meer as 2 jaar opgedateer nie, en die Alles in een skema-inprop is net vervelig (dit het ‘n gebrek aan opsies en stilering). WP Review Pro is baie maklik om te gebruik.

19. Stylbeelde

Moenie vergeet om u beelde te styl nie! Ek gebruik grense op die grootste deel van myne.

  • Beeldtitels
  • Beeldskakels
  • Beeldgrense
  • Beeldopskrifte

20. Verander grootte van GIF’s

Net soos u die grootte van die beelde na die regte afmetings verander, moet die grootte van GIF ook verander word (gebruik GIF GIF).

Verander die grootte van die GIF …

Die grootte van GIF's verander

Druk dit dan saam …

Druk GIF's saam

Die resultaat :-)

Optimaliseer Dog GIF

21. Cache Gravatars

As u plasings het met baie kommentaar, Aanvaar Gravatars AanvaarHTTP kan u verslag heeltemal vernietig. U kan hulle deaktiveer, opmerkings breek om slegs ‘n sekere aantal opmerkings te wys, of probeer ‘n plugin vir Gravatar-kas. Miskien moet u ‘n bietjie toets doen, want sommige inproppe werk nie op sommige webwerwe nie.

  • Cache Gravatars (optimum, Harry se, of FV Gravatar Cache)
  • Deaktiveer Gravatars heeltemal
  • Stel u standaard Gravatar op leeg
  • Vee opmerkings uit wat nie waarde toevoeg nie
  • Stel u standaard Gravatar op ‘n pasgemaakte prent op u bediener
  • Beperk u Gravatar-beelde tot kleiner afmetings (bv. 32px)
  • Pagineer opmerkings in WP Deaktiveer om slegs 20 op ‘n slag te wys
  • As nie een van hierdie werk nie, gaan kyk gerus WP Rocket se geheime Gravatars-tutoriaal

Kas-Gravatar-Images

22. Vermy die inbedding van prente van eksterne webwerwe

Laai altyd prente op u webwerf op, kopieer of plak dit nooit. Andersins eindig u met ekstra versoeke, aangesien die beeld nie op u bediener aangebied word nie, en dit dus van ‘n ander plek af moet trek.

23. Gereedskap vir beeldoptimalisering

Vermy die gebruik van plugins met duplikaatfunksionaliteit – Stel jou voor, ShortPixel, Kraken, EWWW en Smush doen almal basies dieselfde ding (verlieslose kompressie, EXIF-verwydering van data, grootte van beelde). WP Rocket het opsies vir lui-laai, cache en CDN (en databasisopruiming + om Google Analytics plaaslik te huisves), wat die meeste cache-inproppe nie doen nie, wat u bespaar om ekstra inproppe te gebruik.

  • Awesome Screenshot – Chrome-uitbreiding vir die neem van skermkiekies.
  • Outomatiese beeld Alt-eienskappe – Voeg outomaties alt-teks in met die naam van die prentlêer.
  • Beter soek vervang – gebruik dit om grootmaat opdateringsprente te maak.
  • Cloudflare – gratis CDN met 200+ datasentrums, hotlink beskerming, mirage, poleer.
  • Chrome-toestelle – toon domeine wat gebruik word as u GTmetrix-herleiingsfoute het.
  • CSS Sprite Generator – gratis hulpmiddel om meerdere beelde in een CSS-sprite te kombineer.
  • EWWW Image Optimizer – verlieslose kompressie, verwydering van EXIF, grootte verander.
  • GifGifs – verander die grootte van GIF’s.
  • GIMP – gratis beeldbewerkingsagteware wat ek gebruik.
  • GTmetrix – wys u watter beelde geoptimaliseer moet word.
  • Imagify – verlieslose kompressie, verwydering van EXIF, grootte verander.
  • Imsanity – Verander die grootte van die groot beeld om ‘bedien skaalbeelde’ in GTmetrix op te los.
  • cracking – verlieslose kompressie, verwydering van EXIF, grootte verander.
  • Lui vrag – Inprop wat die laai van beelde vertraag totdat dit sigbaar word.
  • Lui vrag vir video’s – inprop wat die laai van video’s vertraag totdat dit sigbaar word.
  • Optimale Gravatar-kas – Cache Gravatars (of probeer Harry se Gravatar Cache).
  • Skreeuende padda SEO spinnekop – vind ontbrekende alt-teks, meta-beskrywings, ens.
  • ShortPixel – verlieslose kompressie, verwydering van EXIF, grootte verander.
  • Smush – verlieslose kompressie, verwydering van EXIF, grootte verander.
  • StackPath – $ 10 / maand CDN met 31 datasentrums.
  • Swift Performance Lite – # 1 gratis cache-inprop in die meeste Facebook-peilings.
  • WP Review – ryk propsnipprogram (help om beelde in die soekresultate te vertoon).
  • WP-vuurpyl – # 1 cache-inprop in die meeste Facebook-peilings.
  • VA Exif verwyder – strook onnodige inligting van beelde.
  • Klik op  -Chrome-uitbreiding om die perfekte zoom te kry terwyl u skermkiekies neem.
  • Yoast – Stel metadata van Facebook / Twitter moontlik sodat beelde behoorlik kan formateer as dit gedeel word.

Algemene vrae

&# X2705; Hoe kan u Optimalisering van beeldfoute in GTmetrix oplos??

Deur hulle sonder verlies saam te pers met ‘n inprop soos ShortPixel, Imagify of Smush. Ek gebruik ShortPixel omdat dit altyd die fout in GTmetrix regstel.

&# X2705; Hoe kan u Serve Scaled Image-foute in GTmetrix oplos??

Dit beteken dat u beelde in die regte afmetings moet snoei / verander. As beelde te groot is, sal GTmetrix bedieningsfoute toon en die regte afmetings aan u wys..

&# X2705; Hoe kan u regmaak Spesifiseer Beeldafmetingsfoute in GTmetrix?

Kyk na die HTML-bladsy van die prent en kyk of dit ‘n gespesifiseerde breedte en hoogte het, soos in hierdie tutoriaal aangedui.

&# X2705; Enige ander maniere om beelde vinniger te laat laai?

Die verwydering van EXIF-data en die gebruik van ‘n CDN om u prente te bedien, maak die grootste verskil buite die aanbevelings in GTmetrix.

&# X2705; Watter beeldoptimalisering is die beste??

Ek gebruik ShortPixel omdat daar feitlik nul verlies in gehalte is en dit die Optimize Images-item in GTmetrix regstel.

Wat dink jy?
Lyk u GTmetrix-verslag effens beter? Laat weet my in die kommentaar! En as u meer wenke wil hê om u nog beter tellings / laaitye te gee, raadpleeg my volledige WordPress-snelheidsgids.

Cheers,
Tom

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map