Tlhahlo ya go Lokiša Seswantšho sa Wepe

Go kwešiša Difomete tša Seswantšho sa Wepe

Kgetha tokelo ya setšoantšo sebopeho ke motheo oa web optimization. Sebopego se sengwe le se sengwe se phetha merero ye e fapanego gomme se fa mehola ya moswananoši. JPEG e loketše dinepe le diswantšho tše di raraganego tšeo di nago le mebala e mentši, e nea ditekanyo tše dibotse kudu tša go gatelela eupša ka ditshenyagalelo tša go ba le tahlegelo. PNG e phala diswantšho tšeo di nago le go ba pepeneneng, mapheko a bogale le diphalete tša mebala tše di lekanyeditšwego, e dira gore e phethagale bakeng sa dilogo le diswantšho, le ge e le gore bogolo bja difaele bo na le tshekamelo ya go ba bjo bogolo. WebP e emela moloko o latelago wa diswantšho tša wepe, e fana ka kgatelelo ya maemo a godimo ge e bapetšwa le bobedi JPEG le PNG mola e hlokomela boleng bjo bo phagamego. E thekga bobedi kgatelelo ya tahlegelo le ya go hloka tahlegelo, go ba pepeneneng, le dipopaye. Le ge go le bjalo, thekgo ya sephephediši, le ge e le ye e nabilego, ga se ya lefase ka bophara. AVIF e mpsha le go feta, e fana ka ditekanyo tše di kgethegilego tša kgatelelo go fihla go 50% tše nnyane go feta JPEG, eupša go amogelwa ga sephephediši go sa gola. Bakeng sa dikerafike tša vector go swana le dilogo, diaekhone, le diswantšho tše bonolo, SVG ga e fenywe. Bjalo ka sebopego sa vector, diswantšho tša SVG di lekanya ka mo go sa felego ntle le tahlegelo ya boleng gomme gantši di na le bogolo bjo bonyenyane bja faele. Di bile di editable ka khoutu le thekgo tirišano, go di dira gore di fetofetoge ka mo go makatšago bakeng sa tlhamo ya wepe ya sebjalebjale.

• JPEG: E kaone bakeng sa diswantšho le diswantšho tše di raraganego
• PNG: E loketše dikerafike tšeo di nago le go ba pepeneneng le metshetshe ye bogale
• WebP: Sebopego sa sebjalebjale ka kgatelelo ya maemo a godimo
• AVIF: Sebopeho se secha ka ho fetisisa se nang le compression e ikhethang
• SVG: Phethahetse bakeng sa scalable vector dikerafike le diaekhone

Dithekniki tša Kgateletšo ya Seswantšho le Dipeakanyo tša Boleng

Go kwešiša kgatelelo go bohlokwa kudu bakeng sa go lekalekanya boleng bja seswantšho le bogolo bja faele. Kgatelelo ya tahlegelo, yeo e šomišwago ke difomete tša go swana le JPEG, e tloša datha ya seswantšho sa ruri go fokotša bogolo bja faele. Senotlelo ke go hwetša lefelo le bose moo kgatelelo e godišwago mola go bolokwa boleng bjo bo amogelegago bja pono. Bakeng sa bontši bja diswantšho tša wepe, peakanyo ya boleng bja JPEG magareng ga 75-85% e fa tekatekano ye botse kudu, le ge e le gore se se ka fapana go ya ka diteng tša seswantšho. Kgatelelo ya go hloka tahlegelo, yeo e šomišwago ke PNG le diswantšho tše dingwe tša WebP, e fokotša bogolo bja faele ntle le tahlegelo efe goba efe ya boleng. Le ge se se kwagala se le se sebotse, difaele tšeo di se nago tahlegelo ka tlwaelo ke tše dikgolo kudu go feta balekane ba tšona bao ba lahlegetšwego. Se se dira gore kgatelelo ye e se nago tahlegelo e loketše kudu diswantšho moo boleng bo lego bohlokwa kudu, go swana le dinepe tša setšweletšwa tša kgwebo ya inthanete goba diswantšho tšeo di tlago rulaganywa gape. Dithekniki tša go gatelela tše di tšwetšego pele di akaretša go rwala ga JPEG mo go tšwelago pele, mo go bontšhago diswantšho ka go feta ga boleng bjo bo oketšegago, le chroma subsampling, yeo e fokotšago tshedimošo ya mebala yeo mahlo a batho a sa e hlokomelego kudu. Didirišwa tša mehleng yeno gape di nea go dira gore temogo e šome gabotse, di beakanya kgatelelo go ithekgile ka seo leihlo la motho le se lemogago kudu, gantši di fihlelela dipoelo tše kaone go feta dipeakanyo tša boleng bja setšo.

Tharollo le Karabelo Setšoantšo Optimization

Moralo wa sebjalebjale wa wepe o nyaka diswantšho tšeo di bonagalago di hlaboša go se sengwe le se sengwe go tloga go di-smartphone go ya go di-monitor tša 4K. Senotlolo ke go kwešiša segokanyipalo sa dipiksele le bokgoni bja sedirišwa. Seswantšho sa bophara bja 1200px se ka ba se se phethagetšego bakeng sa go lebelela komporong, eupša ke overkill bakeng sa skrine sa sellathekeng sa 375px, se senya bandwidth le go diegiša dinako tša go rwala. Go hlama bogolo bja diswantšho bjo bontši go netefatša gore sedirišwa se sengwe le se sengwe se amogela seswantšho sa bogolo bjo bo swanetšego. Diswantšho tše di arabelago di šomiša seka sa srcset sa HTML le elemente ya seswantšho go hlankela diswantšho tše di fapanego tše di theilwego godimo ga bogolo bja skrine le tharollo. Thekniki ye e ka fokotša mošomo wa seswantšho ka 50% goba go feta moo go badiriši ba sellathekeng. Go fa mohlala, o ka hlankela seswantšho sa 400px go didirišwa tša sellathekeng, 800px go dithebolete, le 1200px go diskrini tša komporong. Dipontšho tša segokanyipalo se se phagamego go swana le diskrini tša Retina di nyaka diswantšho tša tharollo ya 2x bakeng sa ponagalo ya go hlaboša. Bogolo bja seswantšho bo swanetše go ela hloko gape le ditekanyo tša nnete tša pontšho mo wepsaeteng ya gago. Seswantšho se se bontšhitšwego ka bophara bja 300px ga se hloke go ba le bophara bja 1200px, go sa šetšwe skrine sa mosediriši. Ka mehla dira gore diswantšho di šome gabotse bakeng sa bogolo bja tšona bja kgonthe bja pontšho, gomme o nagane ka go diriša CSS go swaragana le go lekanya mo gonyenyane go e na le go hlankela diswantšho tše di fetago tekanyo.

Kgahlamelo ya Tiragatšo le Maano a go Laetša

Diswantšho di ama kudu tshepedišo ya weposaete, gantši di emela 50-70% ya palomoka ya boima bja letlakala. Diswantšho tše dikgolo, tšeo di sa lokišwago di gare ga basenyi ba bagolo ba diwepesaete tšeo di laetšago ka go nanya, tšeo di amago ka go lebanya phihlelo ya mosebediši le maemo a entšene ya go nyaka. Motsotswana o mongwe le o mongwe wa tlaleletšo wa nako ya go rwala o ka oketša ditekanyo tša go boela morago ka go fihla go 32%, go dira gore go dira gore seswantšho se šome gabotse e be taba ye bohlokwa ya kgwebo. Go laetša ka botswa ke thekniki ye maatla yeo e diegišago go laetša seswantšho go fihlela ba le kgauswi le go tsena ka gare ga lefelo la go lebelela. Se se kaonafatša kudu dinako tša mathomo tša go rwala matlakala, kudukudu bakeng sa matlakala ao a nago le diswantšho tše boima. Diphensele tša sebjalebjale di thekga go rwala ga setlogo sa go tšwafa ka seka sa go laetša = “botswa”, mola makgobapuku a JavaScript a fa taolo ye e tšwetšego pele kudu le thekgo ya sephephediši ye e nabilego. Maano a go laetša diswantšho pele le ona a ka godiša boitemogelo bja mosediriši. Bohlokwa ka holimo-the-mene litšoantšo lokela ho optimized bakeng sa ka potlako loading, ha ka tlase-the-mene litšoantšo ka botswa loaded. Nagana ka go šomiša di-placeholder tša diswantšho tša boleng bja fase (LQIP) goba ditlamorago tša go fifala go ya go tše bogale go fa ditshwaotshwao tša pono tša ka pela mola diswantšho tša tharollo ka botlalo di rwala. Go ngwala khoutu ya JPEG ye e tšwelago pele go dumelela diswantšho go tšwelela ka pela ka boleng bja fase, ke moka di loutše ge merwalo ya data ye ntši.

SEO le Dikakanyokgolo tša Phihlelelo

Dienjini tša go nyaka di tšea lebelo la letlakala e le selo sa maemo, di dira gore go dira gore diswantšho di šome gabotse go be bohlokwa bakeng sa katlego ya SEO. Diswantšho tše di lokišitšwego gabotse di thuša matlakala go laetša ka lebelo, go tsenya letsogo maemong a kaone a nyakišišo le boitemogelo bja mosediriši. Go tlaleletša, maina a difaele tša diswantšho le sengwalwa sa alt di fa seemo sa bohlokwa go dientšene tša nyakišišo, go thuša diteng tša gago go tšwelela dipoelong tša nyakišišo ya diswantšho. Phihlelelo e nyaka sengwalwa sa alt seo se naganetšwego seo se hlalošago diteng tša seswantšho bakeng sa babadi ba skrine le badiriši bao ba sa bonego gabotse. Sengwalwa sa Alt se swanetše go ba se se hlalošago eupša se le se se kopana, se hlaloša seo se lego seswantšhong le morero wa sona ka seemo. Bakeng sa diswantšho tša go kgabiša tšeo di sa oketšego boleng bja tshedimošo, šomiša dika tša alt tše di se nago selo (alt=””) go thibela babadi ba skrine go di tsebiša go sa nyakege. Datha ye e rulagantšwego le go swaya ga sekema di ka godiša ka fao dientšene tša go nyaka di kwešišago le go bontšha diswantšho tša gago. Dimmapa tša mafelo tša diswantšho tše di swanetšego di thuša dientšene tša go nyaka go utolla le go šupa diswantšho tša gago ka mo go atlegilego kudu. Ditlwaelo tša go rea difaele maina di swanetše go ba tše di hlalošago le tše di humilego ka mantšu a bohlokwa ge di le maleba, go efoga maina a kakaretšo a go swana le “image1.jpg” go thekga maina a tlhalošo a go swana le “red-running-shoes-front-view.jpg”.