Rasmlar sayt tezligiga nega shunchalik ta’sir qiladi
Kichik biznes saytlarida sahifa og‘irligining katta qismini aynan rasmlar egallaydi. Menejer telefondagi yoki dizayner papkasidagi suratni o‘zgartirmasdan admin panelga yuklaydi, natijada ekranga kerak bo‘lganidan ancha katta fayl yuklanadi.
Toshkentda uy Wi-Fi’sida bu deyarli sezilmaydi, lekin viloyatlarda yoki metroda mobil internetda sahifa sezilarli kechikib ochiladi. Instagram yoki Meta reklamasidan kelgan odam kutib o‘tirmaydi: oynani yopadi, siz esa saytga yetib bormagan klik uchun to‘laysiz. Bosh rasmning yuklanish tezligi Google hisobga oladigan ko‘rsatkichlarga ham kiradi, ya’ni og‘ir rasmlar SEO’ga ham, konversiyaga ham zarar qiladi.
1-qadam. O‘lcham va moslashuvchan rasmlar
Rasm ekranda egallaydigan joydan katta bo‘lmasligi kerak. Agar kompyuterda mahsulot kartochkasi oynaning uchdan bir qismicha bo‘lsa, ming-minglab piksellik surat kerak emas: brauzer uni kichraytirib ko‘rsatadi, lekin yuklab olish baribir asl faylni talab qiladi.
Sayt shablonlari bo‘yicha oddiy jadval tuzing va har bir blokning eng katta kengligini aniqlang. Yuqori zichlikli ekranlar uchun biroz zaxira bilan fayl tayyorlang, ammo haddan oshirmang.
srcset va sizes atributlari brauzerga turli kenglikdagi fayllar to‘plamini beradi, u esa o‘zi mosini tanlaydi: telefon yengil variantni, katta monitor yirikrog‘ini oladi. Ko‘p CMS va konstruktorlar yetarlicha katta asl rasm yuklansa, buni avtomatik qiladi. Sahifa kodida srcset haqiqatan bor-yo‘qligini tekshiring. Rasmni CSS orqali kichraytirish optimallashtirish emas: fayl og‘ir qoladi, faqat ko‘rinishi o‘zgaradi.
- Banner va muqova — eng katta kenglik, alohida versiya
- Katalog kartochkalari — barcha mahsulotlarda bir xil o‘lcham
- Maqola rasmlari — matn ustuni kengligiga yaqin
- Telefon uchun torroq versiyalar
2-qadam. Format va siqishni tanlash
Format rasm turiga qarab tanlanadi. Hamma uchun yagona «eng yaxshi» sozlama yo‘q, shuning uchun saytingizdagi uch-to‘rtta oddiy suratni turli sifatda saqlab, telefon va monitorda ko‘z bilan solishtiring.
Yo‘qotishli siqish ko‘z payqamaydigan tafsilotlarni olib tashlaydi. Mahsulot, interyer va xizmat suratlari uchun bu odatiy yo‘l. Matnli skrinshotlar va sxemalarda ehtiyot bo‘ling: u yerda nuqsonlar darrov ko‘rinadi.
- Fotosuratlar — WebP yoki AVIF, eski brauzerlar uchun zaxira JPEG
- Shaffof fonli rasmlar — WebP yoki PNG
- Logotip, ikonka va oddiy sxemalar — SVG
- Animatsiya — og‘ir GIF o‘rniga qisqa video
3-qadam. Metama’lumotlar va yuklanish tartibi
Kamera metama’lumotlarini o‘chiring: qurilma modeli, suratga olish parametrlari, ba’zan joylashuv ham. Ular og‘irlikni oshiradi va ortiqcha ma’lumot ochib qo‘yishi mumkin, masalan ombor yoki uyning joylashuvini.
Birinchi ekrandagi asosiy rasm darhol va yuqori ustuvorlik bilan yuklanishi kerak, kechiktirilgan yuklashsiz. Aynan u sahifa qachon tayyor bo‘lib ko‘rinishini belgilaydi. Birinchi ekrandan pastdagi rasmlarni kechiktirib yuklang: foydalanuvchi pastga tushmaguncha fayllar yuklanmaydi.
Har bir rasm uchun kenglik va balandlikni ko‘rsating. Shunda brauzer joyni oldindan zaxiralaydi va rasm paydo bo‘lganda matn pastga sakramaydi. Telefonda bunday sakrashlar ayniqsa bezovta qiladi: tugmani bosmoqchi bo‘lasiz, u esa siljib ketadi.
4-qadam. Fayl nomi, alt matni va atrofdagi kontekst
Qidiruv tizimi rasmni odamdek ko‘rmaydi, unga matnli ishoralar kerak. Fayl nomini lotin harflarida, kichik harflarda, defis bilan va mazmuniga ko‘ra yozing: burchak-divan-kulrang.webp, IMG_4521.webp emas.
Alt matni — rasmda nima borligining qisqa tavsifi, sahifa mavzusini hisobga olgan holda: «Chilonzordagi klinikaning implantologiya xonasi». Unga «stomatologiya toshkent arzon» kabi so‘rovlarni to‘ldirmang. Bezak vazifasidagi rasmlarga bo‘sh alt qoldiring. Atrofdagi sarlavha, izoh va abzats ham rasm mavzusiga mos bo‘lsin.
Tez-tez uchraydigan xatolar
Bu xatolar O‘zbekiston saytlarida doim uchraydi va ko‘pchiligini bir ish kunida tuzatish mumkin.
- Kutubxonani bir marta siqib qo‘yib, yangi suratlarni yana ishlovsiz yuklash
- Narx va matnni HTML o‘rniga banner ustiga chizish: qidiruv tizimi ham, ekran o‘quvchi ham uni o‘qiy olmaydi
- Galereyadagi barcha suratlarga bir xil alt yozish
- Birinchi ekrandagi rasmni kechiktirib yuklash
- Rasmlar papkasini robots.txt’da yopib qo‘yish
- Boshqa saytlar havola qilgan eski rasmlarni yo‘naltirishsiz o‘chirish
Misol: Toshkentdagi mebel onlayn do‘koni
Faraz qilaylik, do‘kon divanlarni sayt orqali sotadi va buyurtmalar Telegram hamda forma orqali keladi. Fotograf katta o‘lchamdagi suratlar yuboradi, kontent menejer ularni to‘g‘ridan-to‘g‘ri yuklaydi, o‘nlab mahsulotli katalog esa og‘ir ochiladi. Instagram reklamasi aynan shu katalogga olib keladi va ba’zi odamlar kutmay chiqib ketadi.
Biz quyidagilarni qilamiz: kartochka va mahsulot sahifasi o‘lchamlarini belgilaymiz, WebP’ga avtomatik o‘tkazishni yoqamiz, fayllarga divan-burchak-kulrang.webp kabi tushunarli nom beramiz va har bir rakurs uchun alohida alt yozamiz. Mebel uchun rasm qidiruvi ham muhim: odamlar divanni ko‘z bilan tanlaydi, shuning uchun o‘z suratlaringiz va ularning yonidagi aniq tavsif qo‘shimcha trafik keltirishi mumkin. Boshqa saytlardan rasm olmang: bu mualliflik huquqi bo‘yicha xavf va qidiruvda hech qanday ustunlik bermaydi.
Tekshiruv ro‘yxati va menejer uchun qoidalar
Natijani oldin va keyin solishtiring: bosh sahifa, kartochka va maqolaning og‘irligini dasturchi vositalarida, LCP’ni PageSpeed Insights’da tekshiring, rasm sifatini telefon va monitorda ko‘ring. Havola Telegram’da qanday ko‘rinishini ham oching: ko‘rib chiqish rasmi buzilmagan bo‘lishi kerak. Search Console’da rasmlar indekslanayotganini tasdiqlang.
Natija saqlanib qolishi uchun CMS yoki CDN tomonida avtomatik ishlovni yoqing va menejerlarga qisqa yo‘riqnoma bering: qanday o‘lchamdagi asl rasm yuklash, faylga qanday nom berish, altga nima yozish. Auditoriya turli hududlarda bo‘lsa, CDN va brauzerda uzoq keshlashni sozlang.
Agar tezlik va indekslash bo‘yicha texnik ishlarni jamoaga topshirmoqchi bo‘lsangiz, O‘zbekistonda sayt uchun SEO optimizatsiya xizmatimiz bilan tanishing. markdev jamoasi bilan vazifangizni muhokama qilib, qaysi sahifadan boshlash kerakligini birga aniqlashingiz mumkin: katalog, bosh sahifa yoki maqolalardan.
Ko‘p beriladigan savollar
Sayt uchun qaysi rasm formatini tanlash kerak?
Fotosuratlar uchun WebP yoki AVIF, zaxira sifatida JPEG; shaffof fon uchun WebP yoki PNG; logotip va ikonkalar uchun SVG. GIF o‘rniga qisqa video ishlating.
Har bir rasmga alt yozish shartmi?
Mazmunli rasmlarga ha: sahifa mavzusini hisobga olib, rasmda nima borligini qisqa yozing. Faqat bezak vazifasidagi rasmlarda alt bo‘sh qolsin.
Rasmni CSS bilan kichraytirsam yetadimi?
Yo‘q. Bunda faqat ko‘rinish o‘zgaradi, brauzer esa baribir katta asl faylni yuklaydi. Kerakli o‘lchamdagi fayl tayyorlash kerak.
Menejerlar og‘ir rasmlarni yuklayversa nima qilish kerak?
CMS yoki CDN’da avtomatik siqish va formatga o‘tkazishni yoqing, shuningdek asl rasm o‘lchami, fayl nomi va alt bo‘yicha qisqa yo‘riqnoma bering.
Rasmlarni optimallashtirish rasm qidiruvida yordam beradimi?
Ha, ayniqsa mebel, kiyim, interyer va ta’mirlash kabi sohalarda. O‘z suratlaringiz, tushunarli fayl nomi, aniq alt va yonidagi tavsif kerak.
Muammoli rasmlarni qaysi vositalar ko‘rsatadi?
PageSpeed Insights va Lighthouse og‘ir, optimallashtirilmagan rasmlarni ko‘rsatadi. Krauler esa eng og‘ir fayllar va altsiz rasmlar ro‘yxatini beradi.
Vazifangizni bepul tahlil qilamiz
Kontaktingizni qoldiring — 15 daqiqalik qo‘ng‘iroqda arizalar qayerda yo‘qolayotganini va birinchi navbatda nima qilish kerakligini ko‘rsatamiz.