WordPress’da rasmlarni optimallashtirish: o‘lchamlar, WebP va siqish plaginlari

WordPress — rasmlar bilan ishlash uchun ko‘p tayyor imkoniyatlarga ega CMS. Lekin noto‘g‘ri yuklangan katta fotosuratlar, ko‘p keraksiz o‘lchamlar va bir-biriga zid plaginlar saytni sekinlashtiradi. Tartibli yondashuv bilan bularni hal qilish mumkin.

WordPress o‘zi nima qiladi

Bir nechta o‘lcham. Rasm yuklanganda WordPress uning bir nechta kichikroq nusxasini yaratadi — eskiz, o‘rta, katta va mavzu yoki plaginlar qo‘shgan o‘lchamlar.

Moslashuvchan rasmlar. Kontentga qo‘yilgan rasmlar uchun srcset atributi avtomatik qo‘shiladi: brauzer ekran o‘lchamiga mos versiyani tanlaydi.

Kechiktirib yuklash. Kontentdagi rasmlarga loading atributi avtomatik qo‘shiladi. Yangi versiyalarda birinchi ko‘rinadigan rasm uchun bu atribut qo‘yilmasligi kerak — buni tekshirib qo‘ying.

Zamonaviy formatlar. WordPress WebP fayllarini yuklashni qo‘llab-quvvatlaydi, yangi versiyalarda AVIF ham. Lekin bu server rasm kutubxonasiga bog‘liq.

Juda katta rasmlar. Ma’lum chegaradan katta rasmlar yuklanganda WordPress ularni avtomatik kichraytiradi, asl nusxani alohida saqlab.

Yuklashdan oldin

Eng yaxshi optimallashtirish — yuklashdan oldingi tayyorgarlik:

• Rasmni kerakli o‘lchamga yaqin kesing
• Fayl nomini lotin harflarida, mazmunli qiling: «oshxona-mebeli-oq.jpg»
• Juda og‘ir fotosuratlarni oldindan siqing

Siqish plaginlari

Plaginlar yuklangan rasmlarni avtomatik siqadi va ko‘pincha WebP versiyasini yaratadi. Mashhur variantlar: Smush, ShortPixel, EWWW Image Optimizer, Imagify. Ba’zilari siqishni o‘z serverlarida bajaradi, ba’zilari sizning serveringizda.

Tanlashda:

• Siqish qayerda bajariladi va bu sizning xostingingizga qanday yuk beradi
• WebP yoki AVIF qanday beriladi — picture elementi orqali yoki server qoidalari bilan
• Asl nusxalar saqlanadimi
• Mavjud rasmlarni ommaviy qayta ishlash imkoniyati

Faqat bitta siqish plaginini ishlating — ikkitasi bir-biriga zid ishlaydi.

Keraksiz o‘lchamlar

Har bir mavzu va plagin o‘z rasm o‘lchamlarini ro‘yxatga qo‘shishi mumkin. Natijada har bir yuklangan rasm o‘nlab nusxa yaratadi va disk to‘ladi. Qaysi o‘lchamlar haqiqatan ishlatilishini aniqlang va qolganlarini o‘chirish haqida dasturchi bilan gaplashing.

Media sahifalari

WordPress har bir yuklangan fayl uchun alohida sahifa yaratadi. Bu sahifalar indeksga tushib, yupqa sahifalar ko‘payishiga sabab bo‘ladi. SEO plaginlarida bunday sahifalarni faylning o‘ziga yoki asosiy yozuvga yo‘naltirish sozlamasi bor — uni yoqing.

Alt matni

Media kutubxonasida har bir rasm uchun alt maydoni bor. Kontentga qo‘yilgan rasmlar uchun uni to‘ldiring. Mahsulotlar uchun — mahsulot nomi va rasmdagi ko‘rinish.

Tekshirish

1. Lighthouse va PageSpeed Insights’da rasmlar bo‘yicha tavsiyalarni ko‘ring
2. Sahifa kodida srcset va kechiktirib yuklash atributlari borligini tekshiring
3. Birinchi ekrandagi rasm kechiktirilmaganini tasdiqlang
4. Rasmlar qaysi formatda yuklanayotganini dasturchi vositalarining Network bo‘limida ko‘ring

Ko‘p uchraydigan xatolar

• Telefon kamerasidan olingan katta fotosuratlar to‘g‘ridan-to‘g‘ri yuklanadi
• Bir nechta optimallashtirish va kechiktirib yuklash plaginlari birga
• Sahifa quruvchi plaginlar rasmlarni fon sifatida qo‘yadi va srcset ishlamaydi
• Media sahifalari indeksda
• Alt matni faqat ba’zi rasmlarda