Hvernig á að gera myndir hlaðnar hraðar á WordPress síðuna þína

Svo þú vilt að myndirnar þínar hlaði hraðar?


Jæja, ég mun ekki fara sérstaklega vel út. Við skulum kafa rétt í góða efnið!

Það eru þrjár leiðir til að gera myndir hlaðnar hraðar í WordPress:

  • Breyta stærð
  • Þjappa
  • Latur álag

Í þessari færslu skal ég útskýra hvernig hver þessara tækni virkar og hvers vegna þau munu gera síðuna þína hlaðari hraðar. Ég skal einnig sýna þér hvernig á að útfæra hverja aðferð með bæði handlausnum og ráðleggingum um viðbætur.

Þessi fyrsta tækni er afar einföld en gleymast oft nýburar WordPress.

Hvernig á að fínstilla myndir í WordPress

Breyttu stærð myndanna

Algjörasta einfaldasta leiðin til að gera myndirnar þínar hlaðnar hraðar er að breyta stærð þeirra. Leyfðu mér að útskýra.

Hvað er að breyta stærð?

Þegar ég segi „breyta stærð“ þá meina ég að breyta víddum myndar og í þessu tilfelli viltu draga úr víddum of stórra mynda.

Sem dæmi taka bloggarar stundum ljósmyndir í símanum sínum eða stafræna myndavél og senda þær inn á bloggin sín. Órituðu afrit af myndunum gætu verið eins stór og 5.000 pixlar að breidd. Hugsaðu nú um þetta …

Breidd pósthlutans á síðunni þinni er líklega ekki breiðari en 800px. Textinn sem þú ert að lesa núna spannar aðeins um 700 pixla á síðuna, svo ímyndaðu þér að bæta við mynd sem er 5.000 pixla að breidd hér. Það væri leið stærri en hún þarf að vera og þó að það yrði lækkað til að passa á síðuna þá er myndskráin sem hlaðið er ennþá gríðarleg og afar eyðslusöm. Og það er vegna þess að …

Myndir sem hafa stærri víddir hafa einnig stærri skráarstærðir.

Þegar kemur að frammistöðu og gera myndirnar þínar hlaðnar hraðar, er að draga úr víddum myndarinnar frábær leið til að draga verulega úr skráarstærðinni og það gerir myndina hlaðari hraðar.

Förum aftur að dæminu mínu og gerum ráð fyrir að myndin sé 5.000 px breið og há. Ef þú minnkaðir það úr 5.000 px niður í aðeins 700 px myndi myndin í raun nota 99% færri pixla. Með öðrum orðum, stærð skrár myndi minnka um 99%. Ef myndin væri 5mb myndi hún enda aðeins 50kb og hún myndi hlaða 99% hraðar á síðuna þína.

Breyta stærð mynda

Ef þú átt ekki við að breyta myndum þínum vandlega, þá er næstum vissulega nokkur ávinningur af því.

Það eru nokkrar leiðir til að breyta stærð myndanna til að passa fullkomlega á síðuna.

Breyttu stærð myndanna handvirkt

Áður en þú hleður nýrri mynd inn á síðuna þína skaltu breyta henni handvirkt með innbyggðu myndvinnsluverkfærunum á tölvunni þinni.

Ef þú ert með mjög stóra mynd eins og í dæminu mínu mun þetta strax skipta miklu máli. Eftir að búið er að breyta stærð myndarinnar geturðu hlaðið henni inn á fjölmiðlasafnið.

Jafnvel ef þú ætlar að nota myndina í ljósakassa eða rennibraut er venjulega engin ástæða fyrir því að hún sé breiðari en 2.000 pixlar. Ef myndin er að verða á svæði eða efni á svæði, getur þú sennilega staðið þig vel með að myndin sé 800px breið.

Þessi aðferð til að breyta stærð mynda virkar ágætlega en hún hjálpar ekki við myndir sem þegar er hlaðið inn á síðuna þína. Auðveld tækni fyrir núverandi myndir er einfaldlega að velja aðra stærð.

Notaðu minni stærðir

Þegar þú hleður upp mynd á fjölmiðlasafnið þitt býr WordPress allt að 3 útgáfur til viðbótar: Smámynd, miðlungs og stór.

Ef þú heimsækir Media stillingar síðuna þína sérðu að þú getur valið þessar stærðir hér:

Stillingar WordPress fjölmiðla

Þó að þú getir breytt stillingunum er sjálfgefin stór stærð 1024px sem er nógu stór til að nota fyrir færslur án þess að vera of eyðslusamur. Þú getur notað þessa stærð fyrir allar myndir sem þú ert með í færslunum þínum.

Til að breyta stærð myndar sem þú hefur bætt við færslu skaltu smella á hana í ritlinum og þá sérðu fellilistann myndastærðar í hægri hliðarstikunni.

Stærð WordPress myndar

Veldu „Stóra“ stærð og uppfærðu færsluna. Ef þú ert með einhverjar stórar myndir mun þessi tækni láta þig þjóna fljótt viðeigandi stærð sem hleðst hraðar án þess að þurfa að hlaða aftur upp og skipta um upprunalegu.

Sem sagt, þetta getur verið mjög leiðinlegt ef þú ert með tugi færslna með tugum mynda. Það er enn hraðari og skilvirkari aðferð í boði.

Sjálfvirk stærð með viðbót

Í stað þess að breyta stærð á myndum sjálfur geturðu látið viðbót gera það sjálfkrafa fyrir þig. Þegar kemur að sjálfvirkri stærð mynda, slær ekkert á það Optimole stinga inn.

Optimole Image Optimizer

Það virkar ekki eins og þú bjóst við.

Í stað þess að breyta myndunum í fjölmiðlasafninu þínu geymir Optimole sín eintök af myndunum þínum og þjónar þeim frá hágæða CDN. Þannig er frumritum þínum aldrei breytt á nokkurn hátt.

Ennfremur þarftu ekki að gefa Optimole einni stærð til að nota fyrir myndirnar þínar. Frekar, það fær stærð skjásins fyrir gestinn og býr til hámarksútfærslu af hverri mynd á flugu. Það þýðir að einhver í farsíma gæti hlaðið 400px útgáfu af mynd á meðan annar gestur á fartölvu fær 700px útgáfu af sömu mynd.

Þessi aðferð til að breyta stærð er mun auðveldari í framkvæmd og skilvirkari fyrir farsíma sem er sérstaklega mikilvægt vegna þess að farsímagestir hafa oft tilhneigingu til að vera í hægari tengingum.

Ef þú vilt læra hvernig á að nota Optimole geturðu fylgst með fullri myndbandi:

Ég mælti með því að breyta stærð fyrst því hvort sem þú gerir það handvirkt eða sjálfvirkir það með tappi, þá er það einfalt og getur valdið miklum hagnaði.

Ef myndirnar þínar eru þegar orðnar hæfar fyrir síðuna þína, geturðu samt bætt afköst vefsins miklu meira með samþjöppun.

Þjappaðu myndunum þínum

Samþjöppun er leið til að draga úr skráarstærð myndar án þess að breyta stærð hennar.

Það eru tvenns konar myndasamþjöppun í boði.

Fyrsta gerð myndþjöppunar er kölluð „taplaus“ þjöppun.

Taplaus þjöppun

Með tapslausri fínstillingu er myndinni sjálfri í raun ekki breytt. Frekar, þessi tækni fjarlægir öll lýsigögn sem geymd eru í myndinni. Til dæmis geyma myndir oft nafn tækisins sem notað var til að taka myndina, dagsetninguna sem ljósmyndin var tekin og stundum jafnvel GPS hnit myndarinnar.

Þar sem þessi gögn eru venjulega ansi takmörkuð gæti taplaus hagræðing aðeins dregið úr stærð myndarinnar um 1-5%, en það er í raun engin ástæða til að nota þau ekki vegna þess að það hefur engin áhrif á myndgæðin.

Hinn raunverulegi hagnaður kemur frá taplausri hagræðingu.

Taplaus þjöppun

Eins og þú gætir búist við, tapar samþjöppun myndinni sjálfri og skilar sér í gæðum niðurbrots. En hérna er hluturinn …

Samþjöppunaralgrím eru svo góðir þessa dagana að þú getur oft dregið úr skráarstærð myndarinnar um 50-70% án þess að greinilegur munur sé á því. Nema þú sért atvinnuljósmyndari og þurfir að myndirnar þínar séu fullkomlega skörpar á 4k skjám, þá tekurðu ekki einu sinni eftir tapinu á gæðum.

Hvernig á að þjappa myndunum þínum

Þú getur þjappað myndunum þínum handvirkt með tólum eins og TinyPNG áður en þú hleður þeim inn, eða notar viðbót við að gera sjálfvirkan hlut.

ShortPixel er frábært tappi til að fínstilla myndirnar á síðunni þinni. Það getur fínstillt þær strax þegar þú hleður þeim inn og fínstillt allar myndirnar sem þegar eru í fjölmiðlasafninu þínu.

stuttpixel

Ég mælti með Optimole til að breyta stærð myndar og það þjappar líka saman myndir á mjög áhrifaríkan hátt. Enn og aftur hámarkar það ekki frumrit sem eru geymd í fjölmiðlasafninu þínu, heldur þjappar afritunum sem það þjónar gestum þínum.

Þú getur fundið nokkrar viðbótarviðbætur við myndina hér.

Með myndum þínum breytt og þjappað mun vefsvæðið þitt hlaða mikið hraðar en það er ein síðasta hagræðingin fyrir myndir sem þú getur gert.

Innleiða latur hleðslu

Latur hleðsla er mjög snjöll leið til að fínstilla myndirnar þínar enn frekar.

Segjum að þú hafir bloggfærslu með 12 myndum í henni. Þegar einhver heimsækir síðuna þína, eru ekki allar þessar myndir að birtast strax á skjánum. Þeir þurfa að fletta lengra niður til að flestir þeirra birtist. Svo hvers vegna að hlaða alla 12 strax?

Við lata hleðslu eru aðeins myndirnar sem birtast á skjánum hlaðnar. Í stað þess að 12 myndir eru hlaðnar eru kannski aðeins 2-3 hlaðnar í staðinn. Þegar gesturinn skrunar síðan niður eru myndirnar sem eftir eru hlaðnar þegar þær koma inn á skjáinn. Þetta þýðir að upphafshleðslan er miklu hraðari og þar sem flestir gestir skruna ekki alla leið niður á síðuna eru aldrei mikið af myndunum hlaðnar sem sparar þér dýrmæta netþjónaauðlind.

Þetta myndband er með sjón sem skýrir það betur ef þú vilt fá skýrari mynd af því hvernig latur hleðsla virkar:

Nú þegar þú ert seldur á hugmyndinni, þannig geturðu útfært lata hleðslu á vefsvæðinu þínu.

Hvernig á að nota latur hleðslu

Enn og aftur er þessari hagræðingaraðferð tækni auðveldlega bætt við WordPress með viðbót.

Ef þú ert að leita að ókeypis valkosti skaltu prófa Optimole eða a3 Latur hleðsla.

Með Optimole er kveikt á latur hleðslu sjálfkrafa og auðvelt er að stilla a3 tappið.

Að auki, ef þér dettur ekki í hug að borga, skoðaðu þá WP eldflaug. Það er með afkastamikið skyndiminni og margs konar önnur hraðatæki.

Til að kveikja á latur hleðslu með WP Rocket, allt sem þú þarft að gera er að snúa þessum rofi:

WP Rocket Media

Það gæti ekki verið auðveldara!

Njóttu hraðari hleðslu mynda

Til að draga saman það sem þú hefur nýlega lært …

Mjög hægar myndir sem hlaðið er inn á vefinn þinn. Bara ein af þessum myndum getur stöðvað vefinn þinn.

Það mikilvægasta sem þú getur gert til að flýta fyrir myndum þínum er að breyta stærð of stórra mynda svo þær séu viðeigandi stærð fyrir síðuna þína. Þú getur gert þetta handvirkt eða sjálfvirkan með Optimole.

Næst eru reiknirit myndþjöppunar langt komin og þessa dagana geturðu dregið úr skráarstærð myndar um 50-70% án þess að hafa áhrif á gæði á áberandi hátt. Þetta er enginn heili. Notaðu ShortPixel eða Optimole til að þjappa öllum myndum á síðuna þína.

Að síðustu, latur hleðsla er frábær leið til að hlaða myndir vallega. Þú getur notað Optimole, a3 Lazy Load eða WP Rocket til að hrinda í framkvæmd latur hleðslu á síðuna þína.

Ef þú hefur ekki notað neina af þessum aðferðum mun vefsvæðið þitt hlaðast verulega hraðar þegar það hefur verið hrint í framkvæmd. Það mun blása þér í burtu.

Hefur þú einhverjar spurningar um hugtökin og tæknina í þessari færslu? Ertu með annað ráð til að deila? Sendu inn athugasemdahlutann hér að neðan!

þér gæti einnig líkað við,

Hvernig á að laga hæga WordPress síðu og stjórnandaspjald (varanlega)

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