Mobil qurilmalarda sayt tezligi: nega telefonda natija yomonroq

PageSpeed Insights’da kompyuter uchun yaxshi baho, mobil uchun esa ancha past baho — juda odatiy holat. Ko‘pchilik buni test xatosi deb o‘ylaydi, lekin farq real: telefonda sayt haqiqatan ham sekinroq ishlaydi. Qidiruv tizimlari esa saytni asosan mobil versiyasi bo‘yicha baholaydi.

Test nima uchun qattiqroq

Mobil laboratoriya testi o‘rta darajadagi telefon va sekin mobil tarmoqni simulyatsiya qiladi: protsessor sekinlashtiriladi, ulanish tezligi cheklanadi. Bu ataylab qilingan — ko‘p foydalanuvchilar flagman smartfonda va tez Wi-Fi’da o‘tirmaydi. O‘zbekistonda ham auditoriyaning katta qismi o‘rta va arzon segmentdagi Android telefonlardan, mobil internet orqali kiradi.

Asosiy sabab — JavaScript

Ko‘pchilik telefonlarning protsessori kompyuternikidan ancha zaif. Rasmni yuklash faqat tarmoqqa bog‘liq bo‘lsa, JavaScript’ni bajarish protsessorga bog‘liq. Shuning uchun:

• Katta freymvork to‘plamlari telefonda sekin ishga tushadi
• Bir nechta analitika, piksel va chat skriptlari asosiy oqimni band qiladi
• Slayderlar, animatsiyalar va effektlar bosishga javobni kechiktiradi — INP yomonlashadi

Har bir skript uchun savol bering: bu telefonda haqiqatan kerakmi? Keraksizini olib tashlang, qolganini kechiktirib yuklang.

Rasmlar

Mobil ekran kichik, lekin ko‘p saytlar telefonga kompyuter uchun mo‘ljallangan katta rasmni yuboradi. Yechimlar:

• srcset va sizes atributlari — har bir ekran uchun mos o‘lcham
• Zamonaviy formatlar: WebP yoki AVIF
• Birinchi ekrandan pastdagi rasmlar uchun kechiktirilgan yuklash
• Asosiy rasm (LCP elementi) uchun aksincha — kechiktirmaslik va ustuvorlik berish

Shriftlar va uslublar

Bir nechta shrift oilasi va ularning ko‘p qalinliklari mobil tarmoqda sezilarli yuk. Faqat kerakli qalinliklar va belgilar to‘plamini qoldiring (lotin va kirill), shriftni o‘z domeningizdan bering va matn shrift yuklanguncha ham ko‘rinib turishini sozlang.

Maket siljishi

Telefonda elementlarning sakrashi (CLS) yanada sezilarli. Sabablar: o‘lchami ko‘rsatilmagan rasmlar, keyin paydo bo‘ladigan bannerlar va cookie panellari, yuklanib bo‘lgach almashadigan shriftlar. Rasmlar va reklama bloklari uchun joyni oldindan ajrating.

Mobil versiyaning o‘zi

Ba’zan muammo tezlikda emas, tuzilmada: mobil versiyada kompyuter versiyasining barcha bloklari yashirin holda yuklanadi. CSS bilan yashirilgan elementlar ham yuklab olinadi va qayta ishlanadi. Telefonda ko‘rsatilmaydigan og‘ir bloklarni umuman yuklamaslik yaxshiroq.

Qanday tekshirish

1. PageSpeed Insights’da mobil yorlig‘ini va haqiqiy foydalanuvchilar ma’lumotlarini ko‘ring.
2. Brauzer dasturchi panelida mobil qurilma emulyatsiyasi va protsessor sekinlashtirishini yoqing.
3. Eng muhimi — haqiqiy arzon telefonda, mobil internet orqali saytni oching va asosiy amallarni bajaring: menyu, forma, qo‘ng‘iroq tugmasi.

Ustuvorliklar

Avval uchinchi tomon skriptlari va rasmlar — ular eng tez natija beradi. Keyin shriftlar va maket siljishi. Freymvork va arxitektura o‘zgarishlari eng qimmati, ularni oxirida, aniq o‘lchovlar asosida rejalashtiring.