Hvernig á að fínstilla myndir í WordPress (fyrir báða hraðann + SEO)

Þegar kemur að fínstillingu hefurðu líklega heyrt nóg um alt textann.


Það eru í raun 20 mismunandi leiðir til að fínstilla myndir (ef þú tekur bæði SEO og hraðakstur). Þetta mun gefa þér betri stig í GTmetrix / Pingdom, mögulega raða þér hærra í leit og gera innihaldið þitt hraðara. Mér hefur tekist að fá 100% GTmetrix skýrslu með .5s hleðslutímum… Að hámarka myndirnar mínar í WordPress var stór hluti þess.

Fínstilltu myndir ÁÐUR en hlaðið er upp – með því að nota forrit eins og Photoshop til að hámarka myndir áður en þeim er hlaðið upp getur það sparað mikla vinnu. Þú getur breytt stærð, þjappað, strokið EXIF ​​gögn, vistað á réttu sniði (td PNG / JPEG) og skrifað lýsandi skráarheiti (sem verður sjálfkrafa notað sem alt texti ef þú notar Sjálfvirk Image Alt attribute viðbót). Það eru 6 hagræðingar!

Ef þú þarft myndir í mikilli upplausn (td ljósmyndavef), þú gætir ekki viljað breyta stærð þeirra og þjappa þeim (þrep 3 og 8) þar sem þetta getur dregið úr gæðum, jafnvel þó að það sé að litlu leyti.

Helstu tæki sem ég nota – Ég nota GIMP að breyta stærð / þjappa myndum (myndaritinn minn að eigin vali), WP eldflaug fyrir skyndiminni viðbótina mína, Hugsaðu þér fyrir frekari taplausa þjöppun + fjarlægja EXIF ​​gögn, bæði Skýjakljúfur og StackPath CDN, Sjálfvirk mynd ALT Attribute viðbót að nota sjálfkrafa myndarheitið sem alt texta og Besti Gravatar skyndiminni til að skella Gravatars í athugasemdum. ég nota WP Review Pro sem ríku snifsi viðbótina mína, Betri leit í staðinn til að uppfæra myndir (mjög handhægar) og GTmetrix sem hraðaprófunartæki mitt. Sjá lista yfir verkfæri í heild sinni.

1. Finndu unoptimized myndir

Keyra síðuna þína í gegnum GTmetrix og þú munt sjá þessi atriði á flipanum Page Speed ​​/ YSlow. Fyrstu fimm eru venjulega blaðsértækar, sem þýðir að GTmetrix mun aðeins sýna ósamstilltar myndir fyrir eina síðu sem þú prófar. Síðustu 3 koma venjulega fram á öllum vefnum þínum. Auðvitað eru þetta aðeins 7 leiðir til að fínstilla myndir, en nokkrar af þeim mikilvægustu, svo við munum gera þetta fyrst.

  • Berið fram stærðarstærðar myndir: breyta stærð stórra mynda til að rétta stærð (skref 2)
  • Tilgreindu stærð víddar: tilgreinið breidd / hæð í HTML eða CSS myndarinnar (3. þrep)
  • Fínstilltu myndir – þjappa myndum án taps (skref 4)
  • Sameina myndir með CSS sprites – sameina margar myndir í 1 mynd (5. þrep)
  • Forðastu tilvísanir á URL – ekki þjóna myndum úr röngri www eða http (s) útgáfu (skref 6)
  • Notaðu net til að afhenda efni – þjóna myndum / skrám frá CDN (7. þrep)
  • Nýttu skyndiminni vafrans – skyndiminni / skrár með skyndiminni viðbótinni (8. þrep)
  • Gerðu favicon lítinn og skyndilegan – notaðu 16x16px favicon og búðu til skyndiminni (9. þrep)

Hagræðing mynda í GTmetrix

Byrjaðu á því að laga myndir sem birtast á mörgum síðum: lógó, hliðarstiku / fótamyndir o.s.frv. Byrjaðu einnig á að bjóða upp á stigstærðar myndir þar sem þú gætir þurft að breyta / endurhlaða þær með nýjum víddum..

2. Berið fram stærðarstærðar myndir

Ef þú sérð þjóna skalaðar myndir villur í GTmetrix, það þýðir að þú ert með stórar myndir og þarft að breyta stærðinni í réttar víddir (sem GTmetrix veitir þér). Svo framarlega sem þú fylgir svindlblaði myndarvíddar þinna (sjá hér að neðan), ættir þú ekki að sjá þessar villur. En ef þú hefur þegar hlaðið inn myndum í stórum stíl þarftu að breyta þeim handvirkt eða nota viðbót.

Berið fram-kvarðaðar myndir

Magn af stærðinni með því að nota viðbót – vandamálið við þetta er að mismunandi myndir kalla á mismunandi stærðir (búnaður, rennibrautir, myndir með fullri breidd). Þó að flestir viðbætur við myndavæðingu hafa möguleika á að breyta stærð mynda í eina stakur sérstök mengi víddar, ættirðu virkilega að klippa / breyta þeim áður en þú hleður því inn. Ef þú breytir stærð myndanna með því að nota viðbót, geymir afrit af upprunalegu myndunum (og prófar aðeins nokkrar) ef þú ert ekki ánægður með árangurinn.

Breyta stærð stórra mynda

Breyta stærð handvirkt – fáðu réttar víddir frá GTmetrix og breyttu stærð / endurhleðstu þær. Mundu að GTmetrix sýnir aðeins ómótaðar myndir fyrir eina síðu sem þú prófar.

Búðu til svindlmynd af myndvídd vefsvæðisins
Renna þín, hliðarstikan á blogginu, myndir sem eru í boði og innihaldshluti bloggsins krefjast allra sérstakra víddar til hvaða stærð ætti að breyta stærð. Búðu til svindlblaði svo þú getir breytt stærðinni áður en þú hleður því upp á WordPress. Þetta er sérstaklega gagnlegt ef þú ert með mörg svæði á vefsíðu þinni sem þarfnast mismunandi myndastærða og ef þú ert með marga hönnuði / ritstjóra.

Dæmi:

  • Rennimyndir: 1900 (w) x 400 (h)
  • Carousel myndir: 115 (klst.)
  • Ljósmyndir: 414 (w)
  • Myndir af bloggfærslu í fullri breidd: 680 (w)
  • Valdar myndir: 250 (w) x 250 (h)
  • Yoast Facebook OG mynd: 1200 (w) x 628 (h) – skref 11
  • Yoast Twitter OG mynd 1024 (w) x 512 (h) – skref 11

680 pixla breiddarhyrningur

3. Tilgreindu víddir myndar

Þetta þýðir að bæta breidd / hæð við HTML eða CSS myndarinnar. Visual Editor gerir þetta fyrir þig (en búnaður, sumar blaðagerðaraðilar og sérsniðin HTML ekki gera). Prófaðu nokkrar blaðsíður í GTmetrix.

GTmetrix segir þér mál myndarinnar …

Sérstök myndvídd GTmetrix

Bættu breidd / hæð við HTML myndarinnar …

Tilgreindu víddir myndar

4. Þjöppaðu myndir án endurgjalds

Þetta eru „fínstilltu myndir“ í GTmetrix. Mörg forrit (td Photoshop og Gimp) hafa möguleika á að þjappa þegar þau eru flutt út. Þó að þetta sé frábært byrjun, þá fá myndasamþjöppunar viðbætur yfirleitt enn betri árangur. ég vil frekar Hugsaðu þér, Kraken, ShortPixel, eða Snilldar. Vitað er að önnur viðbætur draga sjónrænt úr myndgæðum og geta valdið villum við myndirnar þínar.

Þjappa myndum saman með Imagify

  1. Skrá sig Hugsaðu þér
  2. Settu upp Ímyndaðu þér viðbót
  3. Þú verður beðinn um leiðbeiningarnar hér að neðan:
  4. Sláðu inn API lykilinn þinn frá Imagify reikningnum þínum
  5. Stilltu samþjöppunarstig þitt (venjulegt, árásargjarn, ofur)
  6. Ímyndaðu þér öll (mynd hér að neðan) með lausu bjartsýni allar myndir á vefnum þínum
  7. Þegar þú hefur náð hámarkinu skaltu borga $ 4,99 eða bíða í næsta mánuði til að núllstilla mörkin

ímynda sér

Prófaðu hvernig myndir líta út með mismunandi stigum samþjöppunar …

Ímyndaðu þér samanburð á þjöppun

Þegar búið er að skrá þig, þá hagræddu allar myndir á vefnum þínum í lausu …

ímynda sér-wordpress-image-hagræðingu

Stilltu möguleikann á að hámarka myndir við upphleðslu …

Ímyndaðu þér að fínstilla myndir við upphleðslu

5. Sameina myndir í CSS-sprites

Á heimasíðunni minni gætirðu haldið að þú sjáir 21 tákn, en þeir eru í raun 1 ein mynd. Þetta er CSS sprite, þar sem þú sameinar margar myndir í 1 staka mynd. Þetta dregur úr fjölda mynda (og beiðna) og þess vegna er heimasíðan mín aðeins með 10 beiðnir. Í stað þess að hlaða 21 myndir hleðst það inn 1. Þú þarft CSS þekkingu til að gera þetta eða nota a CSS sprite rafall.

CSS sprites

GTmetrix CSS Sprites

Notaðu aðeins CSS Sprites fyrir skreytingar myndir – þú tapar miklu af alt tags þegar þú sameinar 21 myndir í 1. Ekki sameina EKKI mikilvægar myndir í CSS sprites ef þær lýsa innihaldi þínu. Hvað mig varðar þá er hraðinn á heimasíðunni minni mikilvægari en það er SEO… ég nota GTmetrix skýrslu heimasíðunnar minnar á mörgum stöðum (svo ég verð að halda henni hreinum) og heimasíðan mín, trúi því eða ekki, miðar ekki á lykilorð. Það er tilgangurinn að gera grein fyrir námskeiðunum mínum… og hlaða hratt.

6. Forðastu tilvísanir á vefslóð myndar

Ef þú breyttir í HTTPS, www útgáfur, eða byrjaðir að birta myndir frá CDN, ættirðu að uppfæra allar myndir (og tengla) með því að nota Betri leit í staðinn svo þeir eru að þjóna réttri útgáfu. Annars gætirðu séð lágmarka tilvísanir eða notaðu lén án kex villur.

Lágmarkaðu tilvísanir

Ókeypis lén

Notaðu viðbótarforritið Better Search Replace til að uppfæra myndaslóðir í lausu …

Betri leit í stað WWW útgáfa

Betri leit í stað HTTP á móti HTTPS

7. Berðu fram myndir frá geisladisk

Þetta krefst þess að vefslóðum mynda sé breytt til að fela í sér CDN URL

  • Gömul myndaslóð (án CDN): Https://onlinemediamasters.com/wp-content/uploads/2017/02/Tom-Dupuis-Widget.png
  • Ný myndaslóð (með CDN): Https://t9w8m8j8.stackpathcdn.com/wp-content/uploads/2017/02/Tom-Dupuis-Widget.png

Cloudflare vs. StackPath – Ég nota bæði Skýjakljúfur og StackPath þar sem fleiri gagnaver = hraðari afhending efnis. Cloudflare hefur 200+ gagnaver, StackPath hefur 34+ gagnaver sem eru mjög staðsett í Bandaríkjunum (þar sem flestir gestir mínir eru frá). Cloudflare úthlutar þér ekki CDN URL svo við munum nota CDN StackPath til að þjóna myndum.

StackPath-gagnamiðstöðvar

1. skref: Veldu CDN. ég nota StackPath (þeir eru með 30 daga reynslu).

2. skref: Smelltu á CDN flipann í mælaborðinu búðu til StackPath CDN síðu

StackPath-CDN-Tab

StackPath-CDN-lén

CDN-URL-StackPath

3. skref: Afritaðu CDN slóðina þína og límdu hana í skyndiminni viðbótina (hér að neðan er fyrir WP Rocket) …

WP-eldflaugar-CDN

4. skref: Skiptu um vefslóðir myndar til að innihalda CDN slóðina þína (með Betri leit í staðinn).

Betri leit í stað CDN URL

5. skref: Athugaðu hvort gömul vefslóð mynda sé notuð Chrome DevTools. Stundum, skyndiminni tappi eða CDN virkjari sér um þetta nema krækjur í CSS og JavaScript sem eru harðkóða. Fyrir hlekkina sem eru eftir eru þeir venjulega í skrár (eins og CSS eða Javascript) sem þarf handvirkt eftirlit og skipti út. Chrome DevTools sýnir þér öll lén sem nú eru notuð.

6. skref: Keyra síðuna þína í GTmetrix og „afhendingarnet“ ætti að vera grænt í YSlow. Þú ættir ekki að vera með neinar villur í „lágmarka tilvísanir“ eða „nota lén án kex“.

CDN GTmetrix YSlow

8. Skyndiminni

Flestir skyndiminni viðbætur eiga kost á skyndiminni vafrans, sem afritar myndir. Ég nota WP Rocket sem var metið # 1 skyndiminni viðbótina í mörgum Facebook skoðanakönnunum, og ég hef námskeið fyrir það. Fljótur árangur er almennt flokkað sem # 1 ókeypis skyndiminni tappi (ég er með námskeið fyrir það líka).

Skyndiminni vafra

9. Gerðu Favicon lítinn og skyndilegan

Gakktu úr skugga um að favicon þitt sé 16x16px, sé favicon.ico snið og sé skyndiminni með skyndiminni viðbótinni.

10. Fjarlægðu EXIF ​​gögn

Exif gögn inniheldur upplýsingar eins og ljósop, lokarahraða, ISO, brennivídd, myndavélargerð, dagsetningu myndarinnar var tekin og fleira. Þú þarft ekki þetta fyrir myndir á vefsíðunni þinni. The VA fjarlægir Exif viðbótina fjarlægir Exif gögn sjálfkrafa þegar myndum er hlaðið upp.

Flestir viðbótarstillingar fyrir mynd (þ.mt Imagify, ShortPixel, Kraken, EWWW og Smush) hafa möguleika á að fjarlægja EXIF ​​gögn sjálfkrafa. Hér eru stillingarnar fyrir Imagify …

Ímyndaðu þér að fjarlægja EXIF ​​gögn

11. Hagræðing skýjakljúfs

Cloudflare hefur einnig nokkrar leiðir til að fínstilla myndir. Mirage og pólska finnast í þínu Stillingar skýhraða meðan Hotlink Protection er að finna í þínu Skrapið stillingar.

Cloudflare Mirage (Pro Feature) – dregur úr myndbeiðnum, latir hleðst myndum og bætir hleðslutíma mynda í farsímum með hægum nettengingum. Hér eru frekari upplýsingar …

  • Stærð mynda byggist á tæki / tengingu gesta. Gestur með lélega tengingu mun fá minni útgáfu (lægri upplausn) þar til þeir eru komnir aftur á hærri bandbreidd.
  • Dregur úr fjölda beiðna – í stað þess að senda margar beiðnir um allar myndir á vefsíðunni dregur Mirage þetta í eina beiðni svo gestir geti séð myndir strax.
  • Latur hleður inn myndum (hleður aðeins þær þegar notendur skruna niður og sjá myndina í raun).

Cloudflare Image Mirage

Cloudflare pólskt (Pro Feature) – ræmur EXIF ​​gögn og þjappar saman myndir.

Cloudflare mynd pólsk

Hotlink verndun hlekkur – kemur í veg fyrir að fólk geti afritað myndirnar þínar og límt þær á eigin vefsíðu sem (þar sem þú ert enn að hýsa þá mynd) mun sjúga upp bandbreidd þína.

Hotlink verndun hlekkur

12. Latar hleðslumyndir

Þetta seinkar hleðslu mynda þar til notendur skruna niður síðuna og sjá myndina sýnilega. Þó að það bæti upphafstímann getur það verið mjög pirrandi að hlaða myndum þegar þú flettir. Ég persónulega aðeins latur hlaða vídeó, þar sem það tekur mikið langan tíma að hlaða en myndir.

Þú getur notað Latur hleðslutæki, Latur hleðsla fyrir myndbandsforrit, eða notaðu WP Rocket …

WP-eldflaugar-latur-hlaða

13. Vista sem rétt snið

PNG vs. JPEG – PNG er ekki þjappað (stærri skráarstærð) og ætti að nota það í einföldum myndum án fullt af litum. JPEG er þjappað (minni skráarstærð) sem dregur lítillega úr myndgæðum en er minni að stærð og er notað á myndum með fullt af litum. GIMP og önnur myndvinnsluforrit ættu að nota rétt snið sjálfkrafa en þetta er samt gott að vita.

jpg_vs_png

Myndskreyting eftir Labnol

14. Nöfn myndskrár

Leitarvélar nota bæði alt texta og myndaskrárheiti, svo skaltu nefna skrárnar áður en þú hleður þeim inn á WordPress. Ef þú ert að nota viðbót sem bætir við alt textanum sjálfkrafa byggt á skráarnafninu, það að nafngreina skrárnar þínar er allt sem þú þarft að gera! Ekki troða leitarorðum, bara lýsa myndinni.

Nöfn merkimynda

15. Alt texti

Þetta ætti að vera það sama og myndarheitið þitt. Þú getur notað Sjálfvirk Image Alt attribute viðbót til að nota skráarnafnið sjálfkrafa sem alt texta. Svo lengi sem þú ert að nota viðeigandi myndir, ættu sumar þeirra náttúrulega að innihalda (bita) af leitarorðinu þínu … það er engin ástæða til að fylla leitarorð í myndum, sem hætta á fylling refsingar fyrir leitarorð.

Bættu sjálfum textanum við myndir – nota Sjálfvirk Image Alt attribute viðbót. Nú þegar þú bætir við mynd mun viðbótin bæta við alt textanum sem er sá sami og skráarheitið …

alt ="WP-fljótlegasta skyndiminni-tappi" breidd ="577. mál" hæð ="247" />

Finndu Alt textann sem vantar – Screaming Frog er ókeypis tól sem sýnir þér allar myndir sem vantar alt texta.

  • Niðurhal Öskrandi froskur SEO kónguló
  • Sláðu inn vefsíðuna þína og smelltu á „Byrja“ til að skríða vefsíðuna
  • Smelltu á myndaflipann
  • Farðu í Yfirlit → Alt textann vantar (sjá fyrir neðan)
  • Finndu þessar myndir á síðunni þinni og bættu við alt texta

Vantar mynd Alt text - öskrandi froskur

16. Opið myndrit (Facebook + Twitter)

Þetta gerir innihaldssniðið þitt rétt þegar það er deilt á Facebook / Twitter, sérstaklega myndina þína þar sem bæði netin nota sérsniðnar víddir til að birta það, annars mun hún líta fyndið út.

facebook-deila

Ef þú notar Yoast, farðu þá í „Félagslegar“ stillingar og virkjaðu Open Graph fyrir bæði Facebook / Twitter…

Yoast-Social-Meta-gögn

Breyttu nú síðu / færslu, smelltu síðan á „deila“ hlekkinn í Yoast og þú munt sjá valkosti til að hlaða upp sérsniðnum myndum fyrir Facebook (1200 breidd x 628 hæð) og Twitter (1024 breidd x 512 hæð).

yoast-félags-fjölmiðla-hagræðingu

17. Myndir í sérstökum útdrætti

Valin smáatriði eru þegar Google sýnir hluti af efninu þínu efst í leitarniðurstöðum og getur (en er ekki tryggt) að innihalda mynd. Google mun draga þessar frá hvaða niðurstöðu sem er á 1. síðu, það er hins vegar undir þeim komið hvort þeir munu jafnvel birta snið eða mynd. Þetta gerir það að verkum að bútinn þinn birtist tvisvar og er ótrúleg leið til að fá mikla umferð.

3 tegundir af valnum smáritum

  • Svör
  • Borð
  • Listar

Sérstök mynd-útdragur

Hvernig á að fá valin smáatriði í Google

  • Miðaðu á leitarorð þar sem fólk vill hnitmiðaðar svara
  • Notaðu Moz lykilorðakönnuður til að bera kennsl á spurningarorð
  • Notaðu svara almenningi til að finna fleiri spurningarorð
  • Veldu hvort svarið ætti að vera málsgrein, listi eða tafla
  • Hannaðu fallega mynd (eða taktu mynd) sem lýsir lykilorðinu
  • Notaðu ákjósanlega lengd stafsins (sjá mynd hér að neðan tekin úr Moz)
  • Búðu til staðreyndatengt efni með gæðatilvísunum (tenglar, grafík osfrv.)
  • Miðaðu lykilorð sem þegar eru með einkennisbúning en eru léleg
  • Ef þú miðar að svarreitnum, miðaðu á leitarorðið þitt með nákvæmri samsvörun
  • Gakktu úr skugga um að þú sért á 1. síðu fyrir leitarorðið, ef ekki skaltu bæta efnið

Hámarksþekkt sniðlengd

18. Skipulögð gögn

Hægt er að nota myndir í skipulögð gögn (og skjöldur) fyrir eftirfarandi tegundir efnis:

Rich Video snifsi

Uppskrift-ríkur-smáútgáfur

Vara ríkur bút

Hvaða Rich Snippets Plugin ætti ég að nota?
ég nota WP Review Pro frá MyThemeShop (hérna er síða sem ég nota það á) sem styður 14 gagnategundir þ.mt uppskriftir og dóma vöru. Ég notaði WP Rich Snippets en verktaki yfirgaf viðbótina og hún hefur ekki verið uppfærð í 2+ ár og All In One Schema viðbót er bara leiðinlegt (það skortir valkosti og stíl). WP Review Pro er mjög auðvelt í notkun.

19. Stílmyndir

Ekki gleyma að stilla myndirnar þínar! Ég nota landamæri að flestum mínum.

  • Myndartitlar
  • Myndatenglar
  • Landamæri mynda
  • Myndatexta

20. Breyttu stærð GIF

Rétt eins og þú breytir stærð mynda í réttar stærðir, þá ætti að breyta stærð GIF-mynda (notaðu GIF GIF).

Breyta stærð GIF…

Að stærð breytast á GIF

Þjappaðu því síðan saman …

Þjappaðu GIF

Niðurstaðan :-)

Bjartsýni GIF hunda

21. Skyndiminni í skyndiminni

Ef þú ert með innlegg með fullt af athugasemdum, Gravatars getur eyðilagt skýrsluna þína alveg. Þú getur slökkt á þeim, rofið athugasemdir til að sýna aðeins ákveðinn fjölda athugasemda eða prófað Gravatar skyndiminni viðbót. Þú gætir þurft að gera smá próf þar sem sumar viðbætur virka ekki á sumum vefsíðum.

  • Skyndiminni í skyndiminni (Bestur, Harry’s, eða FV Gravatar skyndiminni)
  • Slökkva Gravatars alveg
  • Stilltu sjálfgefna Gravatarinn þinn á auða
  • Eyða athugasemdum sem ekki bæta við gildi
  • Stilltu sjálfgefna Gravatar þína á sérsniðna mynd á netþjóninum þínum
  • Takmarkaðu Gravatar myndirnar þínar í minni stærð (t.d. 32px)
  • Paginate athugasemdir í WP Gera óvinnufæran til að sýna aðeins 20 athugasemdir í einu
  • Ef ekkert af þessu virkar skaltu kíkja á það Leiðbeiningar um skyndiminni Wvat Rocket’s Gravatars

Skyndiminni-Gravatar-myndir

22. Forðastu að fella myndir frá ytri vefsíðum

Settu alltaf myndir inn á vefsíðuna þína, afritaðu / límdu þær aldrei. Annars endar þú með auka beiðnir þar sem myndin er ekki hýst á netþjóninum þínum svo hún verður að draga hana frá einhvers staðar annars staðar.

23. Hagræðingarverkfæri myndar

Forðist að nota viðbætur með afritaðri virkni – Ímyndaðu þér, ShortPixel, Kraken, EWWW og Smush allt gera í grundvallaratriðum það sama (taplaus þjöppun, EXIF ​​gagnafjarlæging, breyta myndum). WP Rocket hefur möguleika á latu álagi, skyndiminni og CDN (og gagnagrunni hreinsun + hýsingu Google Analytics á staðnum) sem flestir skyndiminni viðbætur gera ekki, sparar þér frá því að nota viðbótarforrit.

Algengar spurningar

&# x2705; Hvernig lagfærir þú hagræðingu í villum mynda í GTmetrix?

Með því að þjappa þeim saman með því að nota tappi eins og ShortPixel, Imagify eða Smush. Ég nota ShortPixel vegna þess að það lagar alltaf þessa villu í GTmetrix.

&# x2705; Hvernig lagfærir þú Serve Scaled Image villur í GTmetrix?

Þetta þýðir að þú þarft að klippa / breyta stærð í réttum víddum. Ef myndir eru of stórar, mun GTmetrix sýna þjónustuskala í villum og segja þér réttar stærðir að þær ættu að vera stærð.

&# x2705; Hvernig lagfærirðu Tilgreindu villur myndvíddar í GTmetrix?

Skoðaðu HTML myndarinnar og athugaðu hvort hún hafi tiltekna breidd og hæð, eins og sýnt er í þessari kennslu.

&# x2705; Allar aðrar leiðir til að gera myndir hlaðnar hraðar?

Að fjarlægja EXIF ​​gögn og nota CDN til að þjóna myndum þínum mun skiptir mestu utan ráðlegginganna í GTmetrix.

&# x2705; Hvaða hagræðing mynda er best?

Ég nota ShortPixel vegna þess að það er nánast ekkert tap á gæðum og það lagar hlutinn Optimize Images í GTmetrix.

Hvað finnst þér?
Lítur GTmetrix skýrslan þín aðeins betur út? Láttu mig vita í athugasemdunum! Og ef þú vilt fleiri ráð sem munu fá þér enn betri stig / hleðslutíma, skoðaðu allan WordPress hraðaleiðbeiningarnar mínar.

Skál,
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