Optimizing بالعربي
مقالات عملية مرتبة حسب المجال والمستوى، اختر المجال المناسب واقرأ من مستوى مبتدئ إلى محترف.
EXPLAIN ANALYZE للمحترف: اقرأ الـ Plan قبل ما تضيف Index
Index على عمياني مش حل، هو غالباً مصدر بطء جديد. EXPLAIN ANALYZE بيوريك بالظبط ليه الـ query بياخد 2.8 ثانية وإيه الـ operation اللي بياكل الوقت، قبل ما تكتب CREATE INDEX تاني.
صور AVIF للمبتدئ: نزّل حجم صور موقعك 75% بدون فقد جودة
دليل عملي للمبتدئ لاستبدال JPEG و PNG بـ AVIF على موقعك. مع مثال محل البقالة للتقريب، شرح علمي للـ AV1 codec من Alliance for Open Media، أمر cavif واحد يحوّل 200 صورة في 4 دقائق، أرقام مقاسة على متجر إلكتروني عربي (LCP من 4.2 ثانية لـ 1.1 ثانية، فاتورة CDN -68%)، 4 trade-offs حقيقية، ومتى AVIF بيكون اختيار غلط.
Brotli vs Gzip للمحترف: 22% توفير في فاتورة Egress بـ 4 سطور NGINX
لو فاتورة الـ CDN Egress زادت بدون ما المحتوى يتغير، Brotli بـ 4 سطور في NGINX 1.25 بيقلل حجم JS و CSS و HTML بنسبة 17-26% فوق Gzip level 6. مقال للمحترف بشرح علمي للـ static dictionary بتاع Brotli، تجربة مقاسة على bundle.js حجمه 412KB، إعداد كامل قابل للنسخ، أرقام إنتاج من e-commerce بـ 2.4M زائر شهريًا، 4 trade-offs خفية، ومتى Brotli بيكون كارثة بدل ما يفيد.
Virtual Scrolling في React للمتوسط: اعرض 100 ألف صف بدون ما يتجمد المتصفح
لو جدول React بيتجمّد لما البيانات تعدّي 5,000 صف، المشكلة مش في React — هي إنك بترسم 100 ألف DOM node والمتصفح بيموت. Virtual Scrolling بـ 12 سطر ومكتبة react-window 6KB بيرسم 18 صف فقط على الشاشة والباقي وهمي. مقال للمتوسط بمثال السينما للمبتدئ، شرح علمي للـ DOM rendering pipeline، كود JSX شغّال على React 19 و react-window 1.8، أرقام مقاسة على Chrome 131 (Initial render من 4.18 ثانية لـ 38ms، FPS من 4 لـ 60، RAM من 1.2GB لـ 38MB)، 4 trade-offs حقيقية بما فيهم Ctrl+F و a11y، ومتى Virtual Scrolling بيكون كارثة بدل ما يحسّن.
Table Partitioning في PostgreSQL للمتوسط: من 4.2 ثانية لـ 12ms على جدول 80 مليون صف
لو جدول الطلبات في PostgreSQL وصل 80 مليون صف وأي SELECT آخر 30 يوم بياخد 4.2 ثانية، الـ DB مش ضعيفة — هي بتفحص الجدول كله. Declarative Partitioning في PostgreSQL 16 بيقسّم الجدول لـ partitions شهرية بحيث الـ query يضرب 2.6 مليون صف بدل 80 مليون، ويرجع في 12 مللي ثانية. مقال للمتوسط بمثال أرشيف الفواتير للمبتدئ، تعريف علمي من توثيق PostgreSQL 16، كود SQL قابل للنسخ، أرقام مقاسة من إنتاج e-commerce، 4 trade-offs، ومتى Partitioning بيكون كارثة بدل ما يحسّن.
Service Workers للمبتدئ: خلّي موقعك يفتح في 80ms حتى لو الإنترنت قطع
لو موقعك بياخد 3.4 ثانية يفتح على 4G ضعيف، Service Worker بـ 32 سطر JavaScript بيخلّي الزيارة الثانية تفتح في 80 مللي ثانية حتى من غير إنترنت. مقال للمبتدئ بمثال صيدلية الحي للتقريب، تعريف علمي من W3C، كود شغّال على Chrome 130، أرقام مقاسة من موقع e-commerce بـ 24 ألف زائر شهرياً (Lighthouse 47 → 96)، 4 trade-offs حقيقية، ومتى Service Worker بيكون مضيعة وقت.
N+1 في Django ORM للمحترف: من 320 query لـ 2 وتوفير 4.8 ثانية
لو endpoint Django بياخد 5.2 ثانية وبيفتح 320 query على request واحد، الـ ORM مش بطيء — هو بيتعامل مع كل ForeignKey كزيارة منفصلة لـ DB. select_related و prefetch_related و Subquery بـ 4 سطور بيرجّعوا الزمن لـ 380ms. مقال للمحترف بمثال ساعي البريد للمبتدئ، تعريف من توثيق Django 5.0 الرسمي، كود Python شغّال على Django 5.0 + PostgreSQL 16، أرقام مقاسة من إنتاج e-commerce بـ 5,200 طلب/يوم، 4 trade-offs خفية، ومتى prefetch_related بيكسر بدل ما يحسّن.
Read Replicas في PostgreSQL للمتوسط: وزّع 80% من القراءات بدون تعديل سطر كود
لو سيرفر PostgreSQL الإنتاج بيرفع CPU لـ 92% الساعة 8 الصبح ومعظم الطلبات SELECT بسيطة، الـ DB مش ضعيفة — هي بتخدم القراءة والكتابة من نفس الـ instance. Read Replica واحد بيستقبل 80% من القراءات بدون لمس كود التطبيق، وبيخفّض P95 latency من 480ms لـ 38ms. مقال للمتوسط بمثال المكتبة العامة للمبتدئ، شرح علمي للـ Streaming Replication من توثيق PostgreSQL 16، إعداد primary + standby قابل للنسخ، توجيه القراءات بـ pgpool-II، أرقام مقاسة من API بـ 12K طلب/دقيقة، 4 trade-offs حقيقية، ومتى Read Replica بتكون مضيعة وقت.
Cold Start في AWS Lambda: من 3.2 ثانية لـ 180ms بـ SnapStart
لو Lambda function بياخد 3.2 ثانية على أول طلب وP99 latency بيقفز فوق 4 ثواني، المشكلة مش في الكود — هي في الـ Init Phase. SnapStart في 4 سطور إعداد بينزّل الزمن لـ 180 مللي ثانية على Python 3.12+ و Java 21، بدون تعديل سطر كود وبدون تكلفة شهرية ثابتة زي Provisioned Concurrency. مقال للمحترف بمثال محل القهوة للمبتدئ، تعريف علمي من AWS Compute Blog، ملف SAM template شغّال، أرقام مقاسة من Spring Boot وPython، 4 trade-offs، ومتى لا تستخدمه.