Jinsi ya kufanya picha zifunguke haraka zaidi kwenye tovuti
Mabadiliko matano yanayopunguza uzito wa picha kwenye tovuti yoyote, kwa mpangilio wa athari.
Kwenye tovuti nyingi, picha ndizo sehemu kubwa ya kile mgeni anachopakua. Picha moja ambayo haijaboreshwa kutoka simu inaweza kuwa nzito kuliko ukurasa wote uliobaki ukijumlishwa. Kurekebisha picha kwa kawaida ndio uboreshaji mkubwa zaidi na wa bei nafuu zaidi wa kasi unaopatikana, na kurasa za kasi zaidi hupanda juu zaidi katika utafutaji, huwaweka wageni muda mrefu zaidi na huleta mauzo zaidi.
1. Pakia picha kwa ukubwa zinavyoonyeshwa
Picha moja kwa moja kutoka simu ina upana wa pikseli 4000 au zaidi. Safu ya maudhui kwenye tovuti mara chache huwa pana kuliko pikseli 1200, na kadi au picha ndogo ni ndogo zaidi sana. Kila pikseli ya ziada inapakuliwa kisha kutupwa na kivinjari. Badilisha ukubwa kabla ya kupakia: upana wa karibu pikseli 2000 kwa mabango ya upana kamili (ili yabaki makali kwenye skrini zenye msongamano mkubwa), 1200 hadi 1600 kwa picha za maudhui, na 600 hadi 800 kwa kadi. Zana ya kubadilisha ukubwa inafanya folda nzima kwa mara moja.
2. Bana
Kwa vipimo sahihi, ubanaji unafanya yaliyobaki. Picha iliyohifadhiwa kwa ubora wa 80 inaonekana sawa kabisa na ile ya 100 kwenye ukurasa wa wavuti na mara nyingi ni theluthi ya ukubwa. Kibanaji cha picha kinashughulikia makundi na kuonyesha uokoaji kwa kila faili.
3. Tumia WebP
WebP inakubalika na kila kivinjari cha sasa na kwa kawaida ni ndogo kwa asilimia 25 hadi 35 kuliko JPG kwa ubora ule ule unaoonekana, pamoja na ukubalifu wa uwazi unaoifanya kuwa mbadala wa PNG nyingi pia. Badilisha kwa JPG kuwa WebP au PNG kuwa WebP. AVIF ni ndogo zaidi lakini ni ya polepole kusimba na haikubaliki kila mahali na mifumo ya kupakia, kwa hiyo WebP ndio chaguo-msingi la vitendo.
4. Chagua muundo sahihi kwa maudhui
| Maudhui | Muundo bora |
|---|---|
| Picha za kamera | WebP, au JPG pale WebP haikubaliki |
| Nembo na aikoni | SVG kama unayo, vinginevyo PNG au WebP |
| Picha za skrini zenye maandishi | PNG au WebP isiyopoteza data |
| Michoro rahisi inayosonga | Video fupi badala ya GIF |
5. Kisaidie kivinjari kuzipakia kwa busara
- Upakiaji wa kuchelewa. Picha zilizo chini ya skrini ya kwanza zinapaswa kupakiwa tu mgeni anaposhuka karibu nazo. Majukwaa mengi hufanya hivi kiotomatiki; kwenye HTML tupu, ongeza loading="lazy" kwenye lebo za img zisizoonekana mwanzoni.
- Vipimo. Ipe kila picha upana na urefu ili ukurasa usirukeruke picha zinapofika. Uhamaji wa mpangilio ni mojawapo ya Core Web Vitals za Google.
- Picha kuu kwanza. Picha kubwa iliyo juu ya ukurasa, kwa kawaida ile inayohesabika kama Largest Contentful Paint, haipaswi kamwe kupakiwa kwa kuchelewa. Inapaswa kupakiwa mapema iwezekanavyo.
Inaleta tofauti kiasi gani
Ukurasa wa kawaida wenye picha kumi moja kwa moja kutoka simu unaweza kuwa na uzito wa MB 30. Ukibadilishiwa ukubwa hadi upana wa busara na kubanwa, ukurasa ule ule kwa kawaida ni karibu MB 2. Ukibadilishwa kuwa WebP, karibu MB 1.4. Kwenye muunganisho wa simu hiyo ndiyo tofauti kati ya ukurasa unaoonekana ndani ya sekunde moja na ule ambao wageni wengi wanauacha.
Kukagua matokeo yako
PageSpeed Insights ya Google na paneli ya Lighthouse kwenye zana za wasanidi programu za Chrome zote zinaorodhesha picha kubwa kupita kiasi, picha zinazopaswa kuwa WebP, na kipengele cha Largest Contentful Paint. Viendeshe kabla na baada, na uzingatie kurasa zenye wageni wengi zaidi kwanza.