Hvernig best er að hagræða WordPress myndum og gera síðuna þína HÆGRI

Ef þú vilt veita gestum þínum mikla notendaupplifun þarftu að sjá til þess að vefsíðan þín hlaðist hraðar, svo það valdi þeim ekki vonbrigðum. Reyndar getur hraði vefsíðu þinnar gert eða brotið viðskipti þín á netinu. Þú VERÐUR að fínstilla WordPress myndir til að gera síðuna þína hraðari - vegna þess að myndir eru venjulega þyngsti hlutinn af innihaldinu þínu,

Walmart hefur fundið a 2% hækkun á viðskiptahlutfalli þeirra alltaf þegar þeir bættu hraðann um 1 sekúndu.

Og Amazon fann tekjuaukningu um 1% á hverja 100 millisekúndu umbætur á vefsvæðishraða þeirra. Þessi tölfræði bendir til þess að það að gera vefsíðuna þína fljótlega sé mikilvæg fyrir vefsíðuna þína. Auðveld leið til að gera vefsíðu þína hraðari er með því að fínstilla allar myndir á WordPress vefsíðu þinni.

Efnisyfirlit[Sýna]
 

hagræða wordpress myndum til að bæta viðskiptahlutfall

Ef þú hefur ekki enn talið hraðann á WordPress vefsíðunni þinni sem mikilvægan þátt í viðskiptum þínum, verður þú að hugsa aftur og byrja að gera ráðstafanir til að bæta hraðann á WordPress vefsíðunni þinni.

Mæli með lestri: Hvernig á að fá hraðan WordPress vefsíðu - heill leiðarvísir [25 aðgerðir]

Það eru margar leiðir til að gera vefsíðuna þína hraðari. Sum þeirra eru talin upp hér að neðan.

  • Forðastu að nota of mörg WordPress viðbætur
  • Notaðu WordPress CDN þjónustu
  • Fínstilltu afhendingu CSS
  • Bjartsýni WordPress myndir

Myndir sem ekki hafa verið fínstilltar fyrir vefinn eru venjulega stórar. Það tekur lengri tíma að hlaða þessar myndir. Það er mikilvægt að þú hagræðir myndunum þínum með því að gera þær eins litlar og mögulegt er. Hins vegar er oftast leiðin til að hagræða myndum fyrir WordPress og vefsíðu þína leiðinleg eða kemur í veg fyrir að framleiða efni.

Í þessari færslu munum við útskýra mismunandi leiðir til að fínstilla WordPress myndirnar þínar og þannig láta síðuna þína hlaða hraðar.

Þjappa myndum saman eða vista þær á vefnum

Það er ekkert mál að stærð myndar þinnar geti haft áhrif á hleðslutíma WordPress vefsíðu þinnar. Þar sem myndir með hárri upplausn hafa stærri skráarstærð er alltaf betra að þjappa myndunum saman áður en hlaðið er upp.

Nú gætir þú haft spurningu: hvað er WordPress myndþjöppun og hvernig getur það dregið úr stærðinni án þess að hafa áhrif á gæði?

Þjöppun er ferlið við að minnka myndstærð verulega með því að fjarlægja reiknirit myndupplýsingar sem mannlegt auga getur ekki skynjað. Þetta er mjög áhrifarík leið til að fínstilla WordPress myndir.

Þó að myndþjöppun sé viss eldaaðferð til að draga úr stærð myndarinnar, þegar kemur að þjöppun JPEG skrár, þá missir ferlið raunverulegt innihald myndanna meðan á ferlinu stendur. Þetta er eini gallinn við þessa nálgun. Mundu að athuga niðurstöður eftir þjöppunina til að ganga úr skugga um að þú sért ánægður með árangurinn af þjöppuninni.

WP Smush er vinsælt WordPress tappi sem gerir þér kleift að draga úr stærð myndar með því að skanna allar myndir sem þú hleður inn og fjarlægja óþarfa gagnaupplýsingar. Ókeypis útgáfan af þessu tappi gerir þér kleift að þjappa myndum allt að 1 MB að stærð en með atvinnuútgáfunni er hægt að þjappa myndum allt að 32 MB.

Hægt er að sækja WP Smush hér.

wp smush til að hagræða wordpress myndum

Vinsamlegast athugaðu einnig að þetta tappi gerir þér kleift að fínstilla allar nýlega settar myndir á WordPress vefsíðu þína. Ef þú vilt þjappa fyrirliggjandi myndum geturðu notað Bulk Smush.it hlekkinn undir fjölmiðlasafnflipanum til að fínstilla núverandi WordPress myndir.

Latur hleðsla: fínstilltu WordPress myndir hleðslutíma

[UPDATE: WordPress 5.4 er með lata hleðslu innbyggða í kjarnann, svo þú þarft aðeins að framkvæma þessa aðgerð ef WordPress útgáfan þín er undir þessari útgáfu]

Við vitum öll að „Mynd er þúsund orða virði“.

En með því að nota of margar myndir á einni síðu getur það hleðst hægar á vefsíðu þinni.

Ein auðveld leið til að bæta hleðslutímann er með því að fjarlægja óþarfa myndir og geyma aðeins það sem er algerlega nauðsynlegt. Hins vegar vilja ekki allir fækka myndum sem notaðar eru á vefsíðu, aðeins til að gera síðuna hraðari.

Hvernig er hægt að leysa þetta mál?

Þú gætir hafa tekið eftir því þegar - vefsíður sem nota mikið af myndum á hverri síðu leysa þetta mál með því að láta myndina hlaða aðeins þegar hún er sýnileg notandanum. Þessi aðferð dregur ekki aðeins úr hlaða tíma blaðsins heldur sparar það bandbreidd netþjóna líka. Þetta er kallað latur ferming. Vegna þess að myndin er „latur“ kemur hún aðeins upp þegar hennar er þörf.

Ef þú ert á WordPress er auðveldara að láta myndina hlaða aðeins þegar hún er sýnileg. Allt sem þú þarft að gera er að setja upp Lazy load viðbót. Enn og aftur er þetta frábær leið til að fínstilla WordPress myndir til að bæta hraðann.

Hægt er að sækja um Latur hlaða viðbót hér.

Fínstilltu Wordpress myndir með latur álagi

Þessi viðbót er ekki þörf á frekari stillingum þar sem hún virkar út úr kassanum við uppsetningu og virkjun.

Lestu meira: Divi vs Elementor

Notaðu bjartsýni og rétt myndform

JPEG, PNG og GIF eru vinsælustu myndsniðin.

Að þekkja muninn á hverju myndformi gerir þér kleift að nota rétt snið á vefsíðunni þinni, sem jafnvel hjálpar þér þegar kemur að hagræðingu mynda.

Hvaða snið er betra fyrir bjartsýnar WordPress vefsíðu myndir og hvenær ættir þú að nota það? Hér að neðan eru nokkur ráð:

  • GIF: Notaðu GIF þegar myndin þín er of lítil og notar tiltölulega less fjölda lita. Til dæmis er GIF góður kostur fyrir teiknimyndir, byssukúlur og töflur. Á hinn bóginn var ekki hægt að birta flóknar myndir með endurbótum eins og fallskugga með GIF.
  • JPEG / JPG: Það hentar flóknum myndum með mörgum litbrigðum eða ef það inniheldur ljósmyndir.
  • PNG: PNG snið hentar best fyrir gagnsæjar myndir.
  • WebP: þetta er besta sniðið þessa dagana, en til að búa til þessar myndir þarf stuðning miðlara á vefsíðunni þinni

Athugið að þetta eru aðeins almennar ráðleggingar. Eins og allar reglur eru til undantekningar og sumar þessara reglna eiga að vera brotnar.

Nýttu skyndiminni vafrans á áhrifaríkan hátt

Þegar þú hleður inn myndum á vefsíðu, vertu viss um að hlaða þeim í eina skrá. Að hlaða myndunum inn í eina skrá á vefsíðu hjálpar vafranum að hlaða þessum myndum auðveldlega með skyndiminni í endurteknum heimsóknum.

Það er fínt ef þú ert að hlaða inn myndum með sjálfgefnu WordPress myndupphleðsluforritinu. En til dæmis, ef þú ert að búa til HTML áfangasíður á WordPress, þá er líklegt að þú notir ekki sjálfgefið WordPress myndupphleðsluforrit. Í þessum tilvikum, í stað þess að hlaða myndum af vefsíðu í mismunandi möppur, vertu viss um að hlaða þeim öllum í eina skrá.

Ef þú vilt lesa meira um skyndiminni vafra og hvernig á að nýta það skaltu skoða nákvæma grein okkar hér: Hvernig nýta má skyndiminnkun vafra á WordPress með eða án viðbótar [5 leiðir]

 

Notaðu sömu myndina mörgum sinnum

Önnur leið til að nota skyndiminni vafra til að draga úr bandbreidd mynda er að nota sömu myndirnar mörgum sinnum um síðuna.

Til dæmis, þegar þú ert að nota lógó eða valmyndaratriði frá síðu skaltu ganga úr skugga um að þú hringir í sömu myndirnar um síðuna, svo notendur þurfi ekki að hlaða þeim niður nokkrum sinnum heldur einu sinni og vafrar geta sýnt myndirnar úr vafranum skyndiminni.

Gakktu úr skugga um að þú notir smærri myndir ítrekað í stað þess að nota eina stóra mynd meðan þú notar áferð. Þetta getur einnig hjálpað til við að draga úr hleðslutíma.

Þegar þú hleður inn myndum með því að hlaða upp fjölmiðli á WordPress mælaborðinu fer það sjálfgefið í möppuna fer eftir því hvenær þú hleður því inn. Það þýðir að allar myndirnar sem verið er að hlaða inn eftir mánuð verða staðsettar í einni skrá.

Til dæmis, ef þú hleður upp mynd árið 2021 janúar, verður hún staðsett í þessari skrá: wp-content / uploads / 2021/01.

Við skulum skoða ávinninginn af því að hlaða upp í gegnum fjölmiðla sem hlóð upp og síðan munum við segja þér hvað þú ættir að hafa í huga þegar þú ert ekki að hlaða inn á fjölmiðla sem hlaða upp til að flýta fyrir vefsíðu þinni.

Upphala fjölmiðla gerir myndhleðsluna fljótlegri: Hleðsla verður hraðari ef myndirnar eru geymdar í sömu möppu þegar þú vafrar um vefsíðu. Þegar hringt er ítrekað til myndanna getur vafrinn auðveldlega sótt þær úr skyndiminni vafrans ef þær eru í einni möppu.

Oft nota WordPress bloggarar þó ekki sjálfgefið fjölmiðlaupphalara, sérstaklega þegar unnið er á sérsniðinni áfangasíðu. Til að auðvelda þá hlaða þeir inn myndum í sérstaka skrá.

Í slíkum tilvikum skaltu ganga úr skugga um að þú hleður inn öllum myndum þessarar síðu í eina möppu í stað þess að hlaða henni upp í margar möppur. Þessi aðferð getur bætt hleðslutímann þar sem skyndiminnið verður auðveldara við endurteknar heimsóknir.

Notaðu CSS í stað mynda

Veistu að þú getur bætt hleðslutímann með því að nota alls ekki neina mynd?

Til dæmis er algerlega mögulegt að búa til ákveðin form með því að nota einfalt CSS í stað mynda eins og ávölra ferhyrninga, halla, dropaskugga og gegnsæra mynda. Að þessu sögðu, vertu viss um að fylgjast með samhæfni vafra þegar þú skiptir út einhverri mynd fyrir CSS vegna þess að ekki allir vafrar geta stutt þessa tækni.

Um höfundinn
Shahzad Saeed
Höfundur: Shahzad SaeedVefsíða: http://shahzadsaeed.com/
Shahzaad Saaed hefur verið kynnt á fjölda heimasíðna, sem WordPress sérfræðingur. Hann sérhæfir sig í markaðssetningu efnis til að hjálpa fyrirtækjum að auka umferð þeirra.

Eitt í viðbót... Vissir þú að fólk sem deilir gagnlegu efni á borð við þessa færslu lítur ótrúlega líka út? ;-)
vinsamlegast yfirgefa a gagnlegt skrifaðu athugasemdir við hugsanir þínar, deildu þessu síðan á Facebook hópinn þinn / hverjum sem myndu finnast þetta gagnlegt og við skulum uppskera ávinninginn saman. Takk fyrir að deila og vera fín!

Birting: Þessi síða getur innihaldið tengla á ytri vefsíður fyrir vörur sem við elskum og mælum af heilum hug. Ef þú kaupir vörur sem við leggjum til gætum við unnið okkur inn tilvísunargjald. Slík gjöld hafa ekki áhrif á ráðleggingar okkar og við tökum ekki við greiðslum fyrir jákvæða dóma.

Höfundur (ar) Valin þann:  Merki tímarits Inc   Sitepoint merki   CSS bragðarefur merki    vefhönnunarpottamerki   WPMU DEV merki   og margir fleiri ...