Rasmlar nega saytni sekinlashtiradi
Tanish holat: sayt WordPress’da qurilgan, menejer katalogga fotosuratlarni to‘g‘ridan-to‘g‘ri telefondan yuklagan, mahsulot sahifasi esa endi sekin ochiladi. O‘zbekistonda mijozlarning katta qismi mobil internet orqali, ko‘pincha Instagram yoki Telegram’dan o‘tib keladi. Birinchi rasm va tugma bir necha soniyada chiqmasa, odam orqaga qaytadi yoki OLX, Uzum’dagi raqibga o‘tib ketadi.
Qidiruv tizimlari uchun ham tezlik muhim: sahifadagi bosh rasm ko‘pincha eng katta element bo‘ladi va LCP ko‘rsatkichi aynan unga qarab hisoblanadi. Shu bois rasmlarni tartibga solish foydalanuvchi xulqiga, SEO’ga va reklama xarajatiga ta’sir qiladi: sekin sahifaga olib kelingan pullik trafik besamar ketadi.
WordPress o‘zi nima qiladi va nima sizning zimmangizda
Tizim ko‘p narsani tayyor beradi. Rasm yuklanganda kichraytirilgan nusxalar yaratadi, brauzer ekranga mos o‘lchamni tanlashi uchun srcset va sizes atributlarini qo‘shadi, kontentdagi rasmlarga kechiktirib yuklashni yoqadi, haddan tashqari katta fayllarni kichraytirib, asl nusxani alohida saqlaydi. WebP va AVIF formatlari ham qo‘llab-quvvatlanadi, faqat serverdagi rasm kutubxonasi ularni bilishi kerak.
Lekin WordPress fayllarni kuchli siqmaydi, yuklashdagi xatolarni tuzatmaydi va rasmni standart mexanizmlarsiz qo‘yadigan mavzularning oldini olmaydi. Demak, tayyor imkoniyatlar faqat asos, natijani sizning sozlamalaringiz va yuklashdagi tartib belgilaydi.
Bosqichma-bosqich: rasmlarni qanday tartibga solish kerak
Avval yuklash odatini o‘zgartiring, keyin sozlamalarni tekshiring va oxirida avtomatlashtirish vositasini ulang.
- 1-qadam. Yuklashdan oldin rasmni kesing va haqiqatan kerak bo‘lgan kenglikka keltiring. Kontent ustunida ko‘rinadigan rasmga kameraning to‘liq o‘lchami kerak emas.
- 2-qadam. Formatni tanlang: fotosuratlar uchun JPEG yoki WebP, logotip va oddiy grafika uchun SVG yoki PNG. PNG’dagi fotosurat deyarli doim ortiqcha og‘irlik.
- 3-qadam. Fayl nomini lotin harflarida va mazmunli yozing: oshxona-mebeli-oq.jpg, IMG_4821.jpg emas.
- 4-qadam. Muhim rasmlar uchun alt maydonini to‘ldiring: mahsulotda uning nomi va rasmda ko‘ringan holat. Bezak rasmlarini bo‘sh qoldirish mumkin.
- 5-qadam. Dasturchidan mavzu va plaginlar qanday rasm o‘lchamlarini ro‘yxatga qo‘shganini tekshirib, ishlatilmayotganlarini o‘chirishni so‘rang. Aks holda har bir yuklash o‘nlab nusxa yaratadi va xosting diski to‘lib boradi.
- 6-qadam. Bitta siqish plaginini ulang va oldin yuklangan fayllarni qayta ishlang.
- 7-qadam. Natijani PageSpeed Insights va dasturchi vositalarida tekshiring.
Siqish plaginini tanlash: variantlarni solishtirish
Plaginlar ikki turga bo‘linadi. Birinchisi fayllarni o‘z serverida qayta ishlaydi: sizning xostingingiz zo‘riqmaydi, lekin bepul tarifda odatda limit bo‘ladi va tashqi xizmatga bog‘lanib qolasiz. Ikkinchisi siqishni sizning serveringizda bajaradi: limit yo‘q, ammo kuchsiz tarifda minglab rasmni birdaniga qayta ishlash saytni sekinlashtirishi mumkin.
Tanlashdan oldin to‘rtta savolga javob bering: qaysi formatlar kerak; qayta ishlash qayerda bajariladi; asl nusxalar yoki zaxira nusxalar saqlanadimi; WebP qanday beriladi — picture elementi orqali yoki server qoidalari bilan. Ikkinchi usul qulayroq, ammo uni kesh plagini bilan birga tekshirish kerak: ikkalasi ham format almashtirishga aralashsa, ziddiyat chiqadi.
Yo‘qotishli siqish hajmni ko‘proq kamaytiradi, lekin yuqori darajada gradient va mayda detallarga ega suratlarni sezilarli buzadi. Kiyim yoki mebel katalogi uchun o‘rtacha rejim ma’qul: ko‘z bilan farq deyarli bilinmaydi, og‘irlik esa sezilarli pasayadi. Ikkita optimallashtirish plaginini bir vaqtda o‘rnatmang.
Misol: Toshkentdagi mebel do‘koni
Click va Payme orqali to‘lov qabul qiladigan, asosiy trafikni Instagram’dan oladigan onlayn mebel do‘konini tasavvur qiling. Kontent-menejer divan suratlarini telefondan to‘g‘ridan-to‘g‘ri yuklaydi, bosh sahifadagi sliderda katta PNG’lar turibdi, mavzu esa bannerni CSS orqali fon qilib qo‘ygan. Reklamadan kirgan xaridor uchun birinchi ekran uzoq vaqt bo‘sh turadi.
Tuzatish tartibi: avval sliderni kerakli kenglikdagi yengil JPEG yoki WebP bilan almashtiring, so‘ng bosh bannerni fondan oddiy rasm tegiga o‘tkazing, shunda srcset va yuklash ustuvorligi ishlaydi. Keyin katalog uchun siqish plaginini ulang, ortiqcha o‘lchamlarni olib tashlang va birinchi rasmga kechiktirib yuklash qo‘yilmaganini tekshiring. Samarani o‘z sahifalaringizda o‘lchang, birovning va’dasiga ishonmang.
Ko‘p uchraydigan xatolar
Xatolarning aksari saytdan saytga takrorlanadi va deyarli hammasi sozlamalar bilan hal bo‘ladi.
- Bosh rasm fon sifatida qo‘yilgan, shuning uchun ichki optimallashtirishlar unga ta’sir qilmaydi.
- Birinchi rasmga kechiktirib yuklash qo‘yilgan va LCP yomonlashadi.
- Kesh plagini va rasm plagini formatlarni turlicha almashtirib, bir-biriga xalaqit beradi.
- Bosh sahifa sliderida juda katta PNG fayllar.
- Sayt ko‘chirilgandan keyin rasmlar eski domenga havola qiladi.
- Media sahifalari indeksda qoladi: SEO plaginida ularni faylning o‘ziga yoki asosiy yozuvga yo‘naltirishni yoqing.
- Alt matni faqat ba’zi rasmlarda to‘ldirilgan, telefondan olingan katta suratlar esa kichraytirilmay yuklanadi.
Natijani tekshirish va chek-list
O‘zgarishlardan keyin taxminga tayanmang. Dasturchi vositalarining Network bo‘limida muhim sahifalar og‘irligini oldingi holat bilan solishtiring; PageSpeed Insights va Lighthouse’da LCP hamda rasmlar bo‘yicha tavsiyalarni ko‘ring; sahifa kodida srcset borligini va birinchi ekrandagi rasmda kechiktirib yuklash yo‘qligini tasdiqlang; brauzer WebP yoki AVIF’ni qo‘llab-quvvatlagan joyda aynan shu formatni olayotganini tekshiring.
Qisqa chek-list: suratlar kichraytirilgan; nomlar lotinda; alt to‘ldirilgan; ortiqcha o‘lchamlar o‘chirilgan; bitta siqish plagini ishlayapti; birinchi rasm kechiktirilmagan; media sahifalari yo‘naltirilgan; natija o‘lchangan.
Keyingi qadam
Rasmlar texnik SEO’ning faqat bir qismi: tezlik, tuzilma, indekslash va kontent birgalikda ishlaydi. Saytingizni mutaxassis ko‘rib, og‘ir joylarni topishini va ustuvorliklarni belgilashini istasangiz, markdev jamoasi O‘zbekistonda sayt uchun SEO optimizatsiya xizmatini ko‘rsatadi. Vazifangizni yozing, aynan sizning holatingizda nimadan boshlash kerakligini maslahat beramiz.
Ko‘p beriladigan savollar
WordPress uchun qaysi format yaxshi: WebP yoki JPEG?
WebP odatda o‘xshash sifatda yengilroq va zamonaviy brauzerlarda ishlaydi. JPEG ishonchli zaxira variant bo‘lib qoladi. Ko‘p plaginlar ikkalasini saqlab, WebP’ni uni qo‘llaydigan brauzerlarga beradi.
WordPress o‘zi siqsa, plagin shartmi?
WordPress kichik nusxalar yaratadi, lekin fayllarni deyarli siqmaydi va WebP’ga o‘tkazmaydi. Rasmlarni qo‘lda ehtiyotkorlik bilan tayyorlasangiz, plaginsiz ham bo‘ladi, lekin yuzlab suratli katalogda plagin ko‘p vaqtni tejaydi.
Barcha rasmlarga kechiktirib yuklashni qo‘yish mumkinmi?
Yo‘q. Birinchi ekrandan pastdagi rasmlarni kechiktirish foydali, lekin sahifaning bosh rasmi darhol yuklanishi kerak, aks holda LCP yomonlashadi.
Allaqachon yuklangan minglab rasmni nima qilish kerak?
Zaxira nusxa oling, bitta plagin ulang va ommaviy qayta ishlashni kichik qismlarga bo‘lib ishga tushiring, ayniqsa kuchsiz xostingda. Keyin bir nechta muhim sahifani tekshiring.
Alt matni reklama va SEO’ga ta’sir qiladimi?
Ha, alt qidiruv tizimiga rasm mazmunini tushunishga yordam beradi va ekranni o‘qish dasturlaridan foydalanuvchilar uchun kerak. Uni mazmunga qarab yozing, kalit so‘zlarni ketma-ket sanab chiqmang.
Optimallashtirishdan keyin ham rasmlar WebP bo‘lib kelmasa nima qilish kerak?
Odatda sabab kesh plagini bilan rasm plagini ziddiyati, serverdagi kutubxona qo‘llab-quvvatlamasligi yoki server qoidalarining noto‘g‘ri sozlanishi. Javob formatini Network bo‘limida tekshiring.
Vazifangizni bepul tahlil qilamiz
Kontaktingizni qoldiring — 15 daqiqalik qo‘ng‘iroqda arizalar qayerda yo‘qolayotganini va birinchi navbatda nima qilish kerakligini ko‘rsatamiz.