Viloyatlardagi 3G/4G mobil internet: aloqa tezligi savdoni qanday yeydi
Dasturchi saytni ofis optikasida sinaydi, xaridor esa uni viloyat markazida marshrutkada ochadi. Tajriba farqi bir necha barobar.
Saytingiz ochiladigan real sharoitlar
Toshkentda 4G ishonchli ishlaydi, lekin viloyat markazlarida va ayniqsa ulardan tashqarida telefon muntazam 3G'ga tushadi, tig'iz soatlarda esa tezlik yuz kilobitgacha pasayadi. Bunga tarmoq kechikishi qoʻshiladi: 3G'da RTT 300–500 ms ga yetadi.
Auditoriyaning katta qismi trafik hisoblanadigan paket tariflarda. 8 MB ogʻirlikdagi sahifa — bu nafaqat uzoq yuklanish, balki foydalanuvchi pulining sezilarli sarfi.
Oʻz telefoningizda emas, Chrome DevTools'dagi Slow 4G va Fast 3G profillari orqali tekshirish kerak. Bosh sahifa Slow 4G'da 5 soniyada kontent koʻrsatmasa, viloyat auditoriyasining yarmi birinchi ekrangacha ketadi.
Sahifa ogʻirligi byudjeti
Mahalliy bozor uchun oqilona moʻljal: birinchi ekranga shriftlar va kritik CSS bilan 1 MB gacha, kechiktirilgan yuklanishdan keyin butun sahifaga 2–2,5 MB gacha. JavaScript bandli — siqilgan holda 150–200 KB gacha.
Ogʻirlikning asosiy yeyuvchilari shu tartibda: optimallashtirilmagan rasmlar, barcha uslublardagi maxsus shriftlar, uchinchi tomon analitika va chat skriptlari, ikkita komponent uchun ulangan ogʻir UI kutubxonalar.
Byudjetni loyihani qabul qilishda oʻlchanadigan talab sifatida mustahkamlash kerak, aks holda u uchinchi sprintda yoʻqoladi. Lighthouse CI chegara oshganda bildni yiqita oladi.
Rasmlar — birinchi tuzatiladigan narsa
WebP formati taxminan 25–35% kam ogʻirlik beradi, AVIF undan ham kam, lekin dekodlash yuki koʻproq. Ikkalasini <picture> tegi orqali JPEG fallback bilan bering.
srcset va sizes orqali moslashuvchan oʻlchamlar toʻplami majburiy: 360 CSS piksel kengligidagi telefonga 1920 pikselli rasm kerak emas. next/image buni avtomatik qiladi, lekin faqat toʻgʻri sizes koʻrsatilganda.
Birinchi ekrandan pastdagi barcha rasmlarga loading="lazy", LCP rasmiga esa aksincha fetchpriority="high" qoʻying. Har doim width va height bering, aks holda CLS yiqiladi.
Shriftlar, JavaScript va tashqi skriptlar
Ikkitadan ortiq uslub ulamang, faqat kerakli belgilar diapazoni, woff2 formati va font-display: swap. Kirill va lotin unicode-range orqali alohida subsetlarga ajratiladi.
Tashqi skriptlar — chatlar, piksellar, vidjetlar — oʻzaro ta'sirdan keyin yoki lazyOnload strategiyasi bilan yuklanadi. Bitta onlayn chat koʻpincha qolgan butun saytdan ogʻirroq.
Sekin tarmoqda server rendering klient renderingdan muhimroq: foydalanuvchi bandl yuklanishini kutib oq ekranga emas, tayyor HTML'ga qaraydi. Kontent sahifalari uchun CDN orqali statik generatsiya afzal.
Savdo bilan nima sodir boʻladi
Sekin tarmoqda chiqib ketish uch bosqichda boʻladi: birinchi chizishgacha oq ekran, tugma bosishga javob kechikishi va formani uzoq yuborish.
Ariza formasi optimistik yuborilishi kerak: natijani darhol koʻrsating, soʻrovni fonda takrorlang. 3G'da server javobini kutadigan sinxron yuborish nosozlik sifatida qabul qilinadi.
Sekin tarmoqda katalog cheksiz skroll emas, tugma orqali keyingi sahifani yuklashdan yutadi: foydalanuvchi trafikni qachon sarflashni oʻzi nazorat qiladi.
Buni doimiy qanday nazorat qilish
Lighthouse sintetik testlari laboratoriya raqamlarini koʻrsatadi, real manzarani esa Chrome UX hisoboti va Search Console dala ma'lumotlari beradi. Mamlakat oʻrtachasiga emas, viloyatlar boʻyicha taqsimotga qarang.
CI'da regressiya tekshiruvini sozlang: bandl ogʻirligi kelishilgan chegaradan oshsa, bild yiqiladi. Avtomatikasiz unumdorlik byudjeti bir chorakdan uzoq yashamaydi.
Chorakda bir marta saytni troting yoqilgan holda real arzon Android qurilmada tekshiring. Ofis Wi-Fi'sidagi flagman iPhone auditoriyangiz haqida hech narsa aytmaydi.