Optimizing بالعربي
مقالات عملية مرتبة حسب المجال والمستوى، اختر المجال المناسب واقرأ من مستوى مبتدئ إلى محترف.
B-tree Indexes في PostgreSQL للمبتدئ: من 4.2 ثانية لـ 5 مللي ثانية بسطر واحد
لو SELECT بسيط على جدول مليونين صف بياخد 4 ثوانٍ، الـ DB مش بطيئة — انت بتقرا كل صف من الأول. CREATE INDEX في سطر واحد بينزّل الـ query لـ 5ms. مقال للمبتدئ بمثال دليل التليفونات، شرح علمي للـ B-tree من توثيق PostgreSQL 16، EXPLAIN ANALYZE قبل وبعد، 4 trade-offs خفية في الـ INSERT والمساحة، ومتى الـ Index بيكون مضيعة وقت أصلاً.
تقسيم الكود للمتوسط: نزّل أول تحميل JavaScript لـ 210KB
أغلب المواقع بتبعت كل كود التطبيق دفعة واحدة، فالمستخدم بيستنى ثواني في شاشة فاضية. تقسيم الكود بيقسّم الـ JavaScript لأجزاء تتحمّل عند الطلب — مقال للمتوسط بمثال المطعم، كود React شغّال، أرقام مقاسة (1.83MB ← 210KB)، 4 trade-offs، ومتى متستخدمهوش.
Brotli vs Gzip للمبتدئ: نزّل حجم JavaScript 24% بسطرين NGINX
لو موقعك بياخد 2.8 ثانية قبل ما الصفحة تظهر، السيرفر مش بطيء — انت بترسل 482KB من Gzip بدل 365KB من Brotli. شرح للمبتدئ بمثال شركة الشحن، تفعيل Brotli في NGINX بسطرين، أرقام مقاسة على bundle 1.2MB، 4 trade-offs خفية، ومتى Brotli بيكون اختيار غلط.
SKIP LOCKED في PostgreSQL: شيل Redis Queue بـ 18 سطر SQL
لو خدمتك بترسل 4,200 job/دقيقة على Redis Queue، انت بتدفع $112/شهر لـ ElastiCache بدون داعي. SKIP LOCKED في PostgreSQL 9.5+ بيحوّل أي جدول لـ job queue حقيقي بـ throughput يوصل 8,400 job/ثانية على instance واحد، بدون مكتبة خارجية. مقال للمتوسط بمثال محل الجزار للمبتدئ، شرح علمي من توثيق PostgreSQL 18 الرسمي، كود SQL و Node.js شغّال على pg 8.x، أرقام مقاسة من خدمة إنتاج، 4 trade-offs خفية، ومتى SKIP LOCKED بيكون اختيار غلط.
صور AVIF و WebP للمتوسط: نزّل حجم الصور 78% وحسّن LCP من 3.4 ثانية لـ 0.9 ثانية
لو موقعك العربي بياخد 3.4 ثانية قبل ما الصورة الكبيرة تظهر، السيرفر مش بطيء — الـ JPEG بتاعتك 480KB ولها بديل بـ 105KB بنفس الجودة. مقال للمتوسط بمثال ضغط المياه للمبتدئ، شرح علمي لـ AV1 و VP8، أوامر cwebp و avifenc كاملة، إعداد <picture> مع fallback، أرقام مقاسة من e-commerce عربي بـ 38K زيارة/يوم (LCP من 3.4s لـ 0.9s)، 4 trade-offs خفية، ومتى AVIF بيكون قرار غلط.
Font Subsetting للمبتدئ: نزّل الخط العربي من 480KB لـ 62KB بأمر واحد
لو موقعك العربي بياخد ثانيتين قبل ما النص يظهر، الـ Cairo Regular ملفه 480KB. pyftsubset في أمر واحد بياخد الأحرف اللي بتستخدمها فعلاً، بينزّل الحجم لـ 62KB، و FCP من 2.8 ثانية لـ 0.9 ثانية على شبكة 4G. شرح للمبتدئ بمثال المكتبة، أوامر قابلة للنسخ، أرقام مقاسة من e-commerce عربي، 4 trade-offs، ومتى Subsetting بيكون مضيعة وقت.
N+1 Query للمبتدئ: ليه dashboard بياخد 8 ثواني والحل في سطر ORM
لو فتحت dashboard بسيط فيه 50 صف ولاحظت إنه بياخد 8 ثواني، الـ DB مش بطيئة — أنت بترسل 51 query بدل query واحد. مقال للمبتدئ بمثال النادل والمطبخ، شرح علمي لـ Eager Loading من توثيق Django و Rails، كود قابل للنسخ في 4 ORMs، أرقام مقاسة على PostgreSQL 16 (1,840ms → 38ms، تحسّن 48×)، 4 trade-offs خفية، ومتى prefetch بيكون كارثة بدل ما يحسّن.
PgBouncer Transaction Pooling للمتوسط: من 8,400 connection error/دقيقة إلى صفر
لو الـ API بتاعك بيرجّع FATAL: too many clients already وقت الذروة، PostgreSQL مش ضعيف — انت بتفتح 1,200 connection على DB قابل لـ 100 فقط. PgBouncer 1.23 في transaction mode بيخلّي 1,000 طلب متزامن يشتغلوا على 25 connection حقيقي، وبيقلّل connection errors من 8,420 في الدقيقة لـ صفر، مع نزول P95 من 480ms لـ 28ms. مقال للمتوسط بمثال المطعم للمبتدئ، شرح علمي للـ 3 modes من توثيق PgBouncer 1.23 الرسمي، إعداد كامل قابل للنسخ، كود Node.js شغّال على pg 8.x، أرقام مقاسة من إنتاج 1,240 req/sec، 4 trade-offs خفية بما فيهم prepared statements و LISTEN/NOTIFY، ومتى Transaction Pooling بيكون مضيعة وقت.
Redis Pipelining للمتوسط: من 12K لـ 290K SET/ثانية بسطر
لو خدمتك بتعمل 12,400 SET/ثانية على Redis و CPU الـ client على 92%، المشكلة في round-trips مش في Redis. Pipelining بسطر بايثون واحد بيرفع الرقم لـ 290,300 SET/ثانية على نفس السيرفر. شرح للمتوسط بمثال موظف الدليفري للمبتدئ، تعريف علمي من توثيق Redis 7.4 الرسمي، كود Python شغّال على redis-py 5.0.8، أرقام إنتاج من خدمة authentication، 4 trade-offs خفية، ومتى Pipelining بيكون كارثة.