#optimization #frontend

🚀 Web performansini optimallashtirish: 3 ta oddiy qadam

Saytingiz sekin ishlayaptimi? Foydalanuvchilar tez yuklanadigan sahifalarni yaxshi ko‘radi. Mana frontendchilar uchun 3 ta oson qadam:

1️⃣ Rasmlarni optimallashtiring

・ Katta hajmdagi PNG yoki JPG’ni WebP formatiga o‘tkazing (TinyPNG yoki Squoosh yordamida)
・ Lazy loading qo‘shing: <img loading="lazy">

2️⃣ CSS’ni tozalang

・ Foydalanilmagan stillarni olib tashlang (PurgeCSS bu ishni osonlashtiradi)
・ Kritik CSS’ni inline qilib, qolganini async yuklang

3️⃣ JavaScript’ni qisqartiring

・ Kodni minify qiling (UglifyJS yoki esbuild ishlatib)
・ Katta script’larni defer qilib yuklang: <script defer>

@frontend | Happy Coding