Practical Project: Optimizing an Arabic Landing Page
A complete practical project: diagnose a slow Arabic landing page, fix font-induced CLS, apply Variable Fonts and WOFF2 self-hosting, and measure the jump with Google Lighthouse.
مشروع تطبيقي: إنقاذ صفحة هبوط عربية من الاختناق التقني
مشروع تطبيقي متكامل: نفحص صفحة هبوط عربية تعاني بطء التحميل ومشاكل الخطوط، ونطبق تقنيات الطبوغرافيا الرقمية خطوة بخطوة ونقيس القفزة بـ Google Lighthouse.
The Expansion Dilemma: Controlling Arabic Layout Shift
Arabic fonts cause more layout shift than Latin fonts — and for structural reasons. Learn why, and fix it with font-display, fallback calibration, and self-hosting.
معضلة التمدد: السيطرة على انزياح المحتوى التراكمي
تمدد الخط العربي عند التحميل يُزحزح عناصر الصفحة ويرفع قيمة CLS. نشرح المشكلة من جذرها ونكتب معك كود CSS الذي يُصلحها.
