Sayt yuklanishini tezlashtirish: bosqichma-bosqich reja

Sekin sayt nega pulga tushadi

Odam Instagram yoki Telegramdagi havolani bosadi, oq ekranni ko‘radi va oynani yopadi. Siz Meta Ads yoki Google Ads uchun pul to‘lagansiz, lekin ariza kelmadi: byudjet saytga yetib bormagan klikka ketdi. Shuning uchun tezlik optimizatorlarning injiqligi emas, sotuv voronkasining bir qismi.

Ikkinchi tomoni ham bor. Google sahifaning foydalanuvchi uchun qulayligini hisobga oladi, shu sabab og‘ir sayt qidiruvda ham zaifroq ko‘rinadi. Lekin asosiy sabab oddiyroq: tez saytda o‘qish, forma to‘ldirish va Click yoki Payme orqali to‘lash osonroq.

Birinchi qadam: o‘zgartirishdan oldin o‘lchang

PageSpeed Insights’ni oching va faqat bosh sahifani emas, har turdan bittadan sahifani tekshiring: xizmat, katalog, mahsulot kartochkasi, maqola. Shablonlar turlicha ishlaydi, pullik trafik tushadigan mahsulot sahifasi esa ayniqsa sekin bo‘lishi mumkin.

Telefon natijasini alohida ko‘ring. Laboratoriya bali yo‘l-yo‘riq, maqsad emas: chiroyli raqamli sayt odamni bezor qilishi mumkin, biroz pastroq raqamli sayt esa tez ishlashi mumkin. Boshlang‘ich qiymatlarni yozib qo‘ying, keyin halol solishtirasiz.

• LCP — birinchi ekrandagi eng katta element (odatda asosiy rasm yoki sarlavha) qancha vaqtda chiqadi;
• INP — tugmani bosish, menyuni ochish, o‘lchamni tanlashga sayt qanchalik tez javob beradi;
• CLS — yuklanish paytida sahifa «sakramayaptimi», bu noto‘g‘ri joyni bosishga olib keladi;
• Search Console’dagi Core Web Vitals hisoboti — haqiqiy tashrifchilar ma’lumoti, sahifa guruhlari bo‘yicha;
• brauzerdagi «Network» yorlig‘i — qaysi fayllar yuklanadi va qaysi biri eng og‘ir.

Ikkinchi qadam: rasmlar — eng tez natija beradi

Ko‘p hollarda sahifani aynan rasmlar og‘irlashtiradi. Odatiy hol: kontent-menejer suratlarni telefondan yoki maketdan to‘g‘ridan-to‘g‘ri yuklaydi, banner esa kichik dastur kabi og‘ir bo‘lib qoladi. Tartib quyidagicha.

Slayderlar haqida alohida. Bosh sahifadagi bir nechta yirik rasmdan iborat karusel go‘zallik salonlari, klinikalar va o‘quv markazlarida keng tarqalgan. Tashrifchi ko‘pincha faqat birinchi slaydni ko‘radi, qolganlari bekorga yuklanadi. Karuselni bitta kuchli rasm va aniq tugma bilan almashtiring.

• rasmlarni CMS’ga yuklashdan oldin siqing: surat uchun odatda sezilarli sifat yo‘qotmaydigan o‘rtacha siqish yetarli;
• rasmlarni WebP yoki AVIF formatiga o‘tkazing, eski brauzerlar uchun kerak bo‘lsa zaxira variant qoldiring;
• o‘lchamni haqiqiy blokka moslang: tor ustundagi bannerga butun monitor kengligi kerak emas;
• turli ekranlar uchun srcset orqali turli o‘lchamlarni bering;
• birinchi ekrandan pastdagi rasmlarda kechiktirilgan yuklashni yoqing;
• kenglik va balandlikni ko‘rsating, shunda rasm chiqqanda matn sakramaydi;
• birinchi ekrandagi asosiy rasmni kechiktirmang — u birinchi bo‘lib yuklanishi kerak.

Uchinchi qadam: kesh, siqish va CDN

Kesh saytning bir ishni qayta-qayta qilmasligi uchun kerak. Uch daraja bor: brauzer uslub, skript va rasmlarni eslab qoladi; server tayyor sahifalarni saqlaydi, CMS har tashrifda ularni bazadan yig‘maydi; CDN fayllar nusxasini tashrifchiga yaqinroq joyda ushlaydi.

Matn fayllarini gzip yoki Brotli bilan siqish serverda yoqiladi va HTML, CSS, JavaScript hajmini funksiyalarni yo‘qotmasdan kamaytiradi. Odatda bu bitta sozlama, xosting provayderi so‘rov bo‘yicha yoqib berishi mumkin.

CDN har doim ham foydali emas. Auditoriya asosan Toshkent va viloyatlarda bo‘lsa va server yaqin bo‘lsa, foyda turli mamlakatdan trafik oladigan saytga nisbatan kamroq bo‘ladi. Tezlikni xorijiy testlar bilan emas, aynan O‘zbekistondan tekshiring.

To‘rtinchi qadam: skriptlar, vidjetlar va shriftlar

Har bir chat, piksel, hisoblagich va ijtimoiy tarmoq vidjeti siz nazorat qilmaydigan begona serverlarga so‘rov qo‘shadi. Vaqt o‘tishi bilan saytda eski kodlar to‘planadi: o‘tgan kampaniyalar piksellari, bir nechta analitika tizimi, hech kim javob bermaydigan chat.

Reklama va end-to-end analitika uchun Meta va Google piksellari kerak, ularni chiroyli bal uchun o‘chirib tashlamang. Maqsad — takrorlanishni olib tashlash va kodlarni ehtiyotkorlik bilan ulash, shunda arizalar bo‘yicha ma’lumot yo‘qolmaydi.

• Google Tag Manager va sahifa kodi orqali ulangan barcha kodlar ro‘yxatini tuzing;
• foydalanmayotganlaringizni o‘chiring;
• muhim bo‘lmagan skriptlarni asosiy kontent ko‘ringandan keyin kechiktirib yuklang;
• chat, xarita va sharhlar vidjetini foydalanuvchi harakatidan keyin yoki asosiy yuklanishdan so‘ng yuklang;
• bitta animatsiya uchun og‘ir kutubxona ulamang;
• bir-ikki shrift va faqat kerakli variantlarni qoldiring, shrift yuklanguncha matn ko‘rinib turadigan sozlamani yoqing.

Beshinchi qadam: xosting va CMS

Rasmlar yuklanmasdan oldinoq sahifa uzoq vaqt chiqmasa, muammo server yoki CMS’da. Asosiy variantlarni solishtiramiz.

WordPress va Bitrix’da sayt ko‘pincha plaginlar va modullar tufayli sekinlashadi. Keraksizlarini o‘chiring, PHP versiyasini yangilang, ishonchli kesh plaginini ulang. Har bir sozlamadan so‘ng formalar, savat va to‘lovni tekshiring: haddan ortiq tajovuzkor optimallashtirish ba’zan tugma va maketni buzadi.

• arzon umumiy xosting: kichik vizitka uchun yetadi, lekin tashrif oshsa va CMS og‘ir bo‘lsa resurs yetmaydi, server javobi beqaror bo‘ladi;
• VPS yoki bulutli server: resurs va nazorat ko‘proq, ammo sozlama va yangilanishlarni kuzatadigan mutaxassis kerak;
• CMS’ingizga moslangan boshqariladigan xosting: tashvish kamroq, kesh va siqish ko‘pincha tayyor yoqilgan;
• istalgan variant ustidan CDN: statik fayllar yukini yengillashtiradi, lekin sekin ma’lumotlar bazasini davolamaydi.

Misol: Toshkentdagi kiyim onlayn-do‘koni

Do‘konning asosiy trafigi Instagram’dagi targetdan va Telegram-kanaldan keladi, deylik, deyarli hamma xaridor saytni telefondan ochadi. Katalogni menejerlar to‘ldirgan: suratlar telefondan siqilmasdan yuklangan, bosh sahifada slayder bor, chat, ikkita piksel, sharhlar vidjeti va bir nechta shrift oilasi ulangan. To‘lov Payme orqali o‘tadi.

Avval telefon versiyasida mahsulot kartochkasi va kategoriyani o‘lchaymiz. Keyin suratlarni qayta saqlaymiz, katalogda kechiktirilgan yuklashni yoqamiz va slayderni olib tashlaymiz. So‘ng teglarni tozalaymiz: takroriy pikselni o‘chiramiz, chat va sharhlarni keyinroq yuklaymiz. Kesh va siqishni yoqamiz, shriftlarni qisqartiramiz. Oxirida yana o‘lchaymiz va xaridorning butun yo‘lini tekshiramiz: mahsulot, savat, to‘lov. Server javobi baribir uzoq bo‘lsa, tarif yoki boshqa xostingga o‘tishni muhokama qilamiz.

Tipik xatolar

Ko‘p muvaffaqiyatsizlik vazifaning murakkabligidan emas, ishlar ko‘r-ko‘rona qilinishidan kelib chiqadi. Ko‘p uchraydiganlari:

• bal ketidan quvib, haqiqiy foydalanuvchi tajribasini e’tiborsiz qoldirish;
• faqat bosh sahifani tekshirib, butun sayt haqida xulosa qilish;
• tezlashtirish plaginini o‘rnatib, undan keyin saytni tekshirmaslik;
• suratni shunchalik siqish-ki, mahsulotlar xira ko‘rinadi;
• birinchi ekrandagi asosiy rasmni kechiktirib yuklash;
• analitika va piksellarni o‘chirib, reklama bo‘yicha ma’lumotni yo‘qotish;
• hamma narsani birdan o‘zgartirib, nima yordam bergani noma’lum qolishi.

Chek-list va keyingi qadam

Ro‘yxatni tartib bilan ko‘rib chiqing va faqat haqiqatan tekshirgan bandlarni belgilang. Har bandan keyin qayta o‘lchang, shunda natijani ko‘rasiz.

Diagnostika va tuzatishlarni mutaxassislarga topshirmoqchi bo‘lsangiz, markdev O‘zbekistonda sayt uchun SEO optimizatsiya bilan shug‘ullanadi, texnik qism va tezlik ham shunga kiradi. Saytingiz va trafik manbalarini yozing — aynan sizning holatingizda nimadan boshlashni birga muhokama qilamiz.

• asosiy sahifa shablonlari telefon versiyasida o‘lchangan;
• rasmlar siqilgan, kerakli o‘lcham va formatda;
• birinchi ekrandan pastda kechiktirilgan yuklash yoqilgan;
• kesh va siqish ishlayapti;
• skriptlar ro‘yxati ko‘rib chiqilgan, takrorlar olib tashlangan;
• shriftlar qisqartirilgan;
• xosting va PHP versiyasi tekshirilgan, qayta o‘lchash o‘tkazilgan.