الأداء affects SEO and UX. فيما يلي essentials.
Core Web Vitals
- LCP (Largest Contentful Paint): ≤ 2.5s.
- CLS (Cumulative Layout Shift): ≤ 0.1.
- INP (Interaction to Next Paint): ≤ 200ms.
تحسين الصور
- Compress (use Image compressor).
- Serve WebP/AVIF.
- Lazy load below-fold images.
- Specify width/height to avoid CLS.
تحسين CSS/JS
- Minify (use CSS minifier، HTML minifier).
- Defer non-critical JS.
- Remove unused CSS.
Caching
- Set Cache-Control headers.
- Use service worker for offline (PWA).
- CDN for static assets.
عُدّة فلو approach
- Static site (Astro) — fast by default.
- No heavy frameworks.
- Local processing — no server round-trips for tools.
- PWA with service worker.
أسئلة شائعة
هل الصور الكبيرة تُبطئ? Yes — compress first.
هل lazy loading always good? Yes for below-fold.
جرّب ضاغط الصور now. All processing in browser.