10 Awayên Ji bo Hilgirtina Rûpelê Zûtir Wêneyên Malpera Xwe Optimîze bikin

Wek a malpera pêşdebir, yek ji hêmanên girîng ên afirandina malperek serfiraz xweşbînkirina performansa wê ye. Leza malperê di ezmûna bikarhêner de rolek girîng dilîze, gerr ranking engine, û rêjeyên veguhertina giştî. Yek ji wan sûcdarên herî gelemperî ku malperan hêdî dike wêneyên mezin û nebaş in. Di vê gotarê de, em ê deh awayên bi bandor bikolin da ku hûn wêneyên malpera xwe xweş bikin da ku demên barkirinê zêde bikin û razîbûna bikarhêner baştir bikin.

1. Helbijartin Forma Wêne ya Rast

Hilbijartina forma wêneya guncan gava yekem e di xweşbînkirina wêneyên malperê de. Sê formatên wêneya sereke hene ku bi gelemperî li ser malperê têne bikar anîn: JPEG, PNG, û GIF. Her format hêz û qelsiyên xwe hene, ji ber vê yekê girîng e ku meriv ji bo her rewşê yek rast hilbijêrin.

• JPEG: Ev format ji bo wêneyan an wêneyên bi gradient îdeal e, ji ber ku ew dikare wêneyan bêyî windabûna girîng a kalîteyê tevlihev bike. Asta kompresyonê eyar bikin dîtin hevsengiya bêkêmahî di navbera mezinahiya wêneyê û kalîteyê.
• PNG: Ji bo wêneyên ku şefafiyet an xêzên tûj hewce dikin, wek logo û îkonan, formata PNG bikar bînin. Pelên PNG bi gelemperî ji JPEG mezintir in lê pêşnîyar di senaryoyên weha de kalîteya çêtir.
• GIF: GIF di serî de ji bo wêneyên anîmasyonî têne bikar anîn û divê bi vê armancê re sînordar bin. Rengê wan bi sînor heye alîkarî û ji bo wêneyan an kompleks ne guncan in graphics.

2. Wêneyên Malperê Bişkînin

Tevlihevkirina wêneyê teknîkek hêzdar e ku mezinahiya pelê wêneyan kêm dike bêyî ku pir kalîteyê bike qurban. Gelek amûr û nermalava serhêl hene ku dikarin bibin alîkar ku hûn wêneyên we bi bandor bişkînin. Du vebijarkên populer ev in:

• TinyPNG (https:
• ImageOptim (https://imageoptim.com/): ImageOptim ji bo bikarhênerên macOS-ê nermalava dakêşbar e, ku bixweber wêneyan bêyî ku di qalîteyê de winda bike berhev dike.

3. Wêneyê CDN (Tora Radestkirina Naverokê) bikar bînin

Zehfkirina Tora Radestkirina Naverokê dikare leza barkirina malpera we bi girîngî zêde bike, nemaze ji bo wêneyan. CDN kopiyên malperên statîk ên malpera we, tevî wêneyan, li ser serverên çaraliyê cîhanê hilîne. Gava ku bikarhênerek digihîje malpera we, CDN wêneyên ji servera herî nêzê cîhê wan re xizmetê dike, dereng û demên barkirinê kêm dike. Hin pêşkêşkerên CDN yên populer ev in:

• Cloudflare (https://www.cloudflare.com/)
• Akamai (https://www.akamai.com/)
• Amazon CloudFront (https://aws.amazon.com/cloudfront/)

4. Barkirina Lazy bicîh bikin

Barkirina lazy teknolojiyek e ku wêneyan tenê dema ku ew diçin nav dîmendera bikarhêner bar dike. Ev rêbaz dema barkirina destpêkê ya malpera we kêm dike, ji ber ku gerok ne hewce ye ku hemî wêneyan bi yekcarî bar bike. Gelek pirtûkxane û pêvek hene ku ji bo bicîhkirina barkirina lazî hene, wek:

• Lazy Load ji hêla WP Rocket (https://wp-rocket.me/): Pêvekek populer a WordPress-ê ku fonksiyona barkirina tembel li wêneyên malpera we zêde dike.
• LazyLoad (https://github.com/verlok/lazyload): Pirtûkxaneyek JavaScript-a sivik, paqij a ji bo barkirina wêneyên tembel.

5. Wêneyên di Formatên Pêşerojê de Serve bikin

Formên wêneyê yên nifşa paşîn, mîna WebP û AVIF, li gorî formatên kevneşopî yên mîna JPEG û PNG, berhevkirin û kalîteya çêtir peyda dikin. Van formatan dema ku kalîteya wêneyê diparêzin dikarin mezinahiya wêneyê bi girîngî kêm bikin.

• WebP: WebP ku ji hêla Google ve hatî pêşve xistin, formatek wêneyê ye ku hem komkirina bê windahî û hem jî winda peyda dike. Ew ji bo cûrbecûr wêneyan baş dixebite û ji hêla piraniya gerokên nûjen ve tê piştgirî kirin.
• AVIF: AVIF formatek wêneyê ya nisbeten nû ye ku li ser bingeha kodek vîdyoya AV1-ê ye, ku berhevkirin û kalîteya hêja pêşkêşî dike. Lêbelê, piştgirî ji bo AVIF hîn jî di hin gerokan de sînorkirî ye.

Ji bo ku lihevhatina bi gerokên kevintir re peyda bikin, hûn dikarin nêzîkatiyek paşverû bikar bînin û formata WebP an AVIF ji gerokên ku wê piştgirî dikin re xizmet bikin, dema ku guhertoyên JPEG an PNG ji yên din re peyda dikin.

6. Pîvanên Wêne Optimize

Her gav mezinahiya wêneyan li gorî pîvanên wan ên li ser malpera xwe biguhezînin. Barkirina wêneyên mezin û dûv re mezinbûna wan bi navgîniya HTML an CSS-ê bêbandor e û malpera we hêdî dike. Berî barkirina wêneyek, ji bo konteynera ku dê tê de were xuyang kirin pîvanên herî zêde yên pêwîst kontrol bikin û li gorî wê mezinahiya wê biguhezînin.

7. Caching Browser Leverage

Çalakkirina cachkirina gerokê ji bo wêneyên malpera we dihêle ku gerok kopiyên wêneyan li ser cîhaza bikarhêner hilîne. Dema ku bikarhêner ji nû ve serdana malpera we dike, gerok dikare wêneyên cache-ê li şûna ku wan ji nû ve dakêşîne bistîne. Ev hejmara daxwazên serverê kêm dike û demên barkirinê lez dike.

Ji bo pêkanîna cachkirina gerokê, hûn dikarin koda jêrîn li pelê .htaccess ya malpera xwe zêde bikin (ji bo pêşkêşkerên Apache):

# Hefteyek cachkirina wêneyê çalak bikin

Derbasbûnê Bikin
ExpiresByType image/jpeg "gehiştina plus 1 hefte"
ExpiresByType image/png "gehiştina plus 1 hefte"
ExpiresByType image/gif "gehiştin plus 1 hefte"

""

8. Etîketên Alt Wêne Optimîze bikin

Etîketên alt yên wêneyê ji bo gihîştin û armancên SEO-yê bingehîn in. Bawer bikin ku ji bo her wêneyek alt nivîsara raveker û têkildar bikar bînin. Dema ku ev optimization rasterast bandorê li mezinahiya wêneyê an leza barkirinê nake, ew performansa giştî ya malpera we û ezmûna bikarhêner çêtir dike.

9. Daxwazên HTTP kêm bikin

Kêmkirina hejmara daxwazên HTTP di xweşbînkirina performansa malperê de gavek girîng e. Komkirina gelek wêneyan di yek sprite de an jî karanîna spritên wêneya CSS dikare bi girîngî hejmara daxwazên serverê kêm bike. Kêm daxwazî ​​tê wateya demên barkirinê zûtir û ezmûna bikarhênerê çêtir.

10. Bi rêkûpêk Kontrolkirin û Optimîzekirin

Optimîzasyona malperê ne karekî yekcar e. Bi rêkûpêk wêneyên malpera xwe kontrol bikin û gava hewce bike wan xweşbîn bikin. Dibe ku wêneyên nû werin zêdekirin, an jî wêneyên heyî dikarin ji nû ve xweşbîniyê hewce bikin. Bi kontrolkirina wêneyên xwe, hûn piştrast dikin ku malpera we performansa herî bilind diparêze.

Xelasî

Optimîzekirina wêneyên malpera xwe ji bo baştirkirina leza malperê û ezmûna bikarhênerê aliyekî girîng e. Bi şopandina van deh awayan ji bo xweşbînkirina wêneyên xwe, hûn dikarin demên barkirina malpera xwe bi girîngî zêde bikin, rêjeyên bounce kêm bikin, û rêzikên motora lêgerînê zêde bikin. Bi rêkûpêk bîr bînin axaftin û stratejiyên xweşbîniya wêneya xwe nûve bikin ji ber ku teknolojî pêşve diçe, û piştrast dike ku malpera we her gav ezmûna çêtirîn bikarhêner a gengaz peyda dike.

Çavkanî:

1. https://tinypng.com/
2. https://imageoptim.com/
3. https://www.cloudflare.com/
4. https://www.akamai.com/
5. https://aws.amazon.com/cloudfront/
6. https://wp-rocket.me/
7. https://github.com/verlok/lazyload
8. https://developers.google.com/speed/webp
9. https://jakearchibald.github.io/avif-has-landed/
10. https://www.w3schools.com/tags/att_img_alt.asp
11. https://www.w3schools.com/css/css_image_sprites.asp
12. https://gtmetrix.com/reduce-http-requests.html