المدونة
مقالات ودروس مجانية تساعدك في رحلتك التعليمية — من أساسيات البرمجة إلى أحدث التقنيات.
Materialized Views في PostgreSQL للمحترف: من تقرير 8 ثوانٍ لـ 40ms بدون لمس كود التطبيق
لو dashboard المبيعات في PostgreSQL بياخد 8 ثوانٍ كل مرة، الـ DB مش بطيئة — الـ aggregation بيتعاد على 240 مليون صف في كل request. Materialized View بـ 14 سطر SQL بيخزّن النتيجة كجدول فيزيكال ويرجع في 40ms. مقال للمحترف مع مثال محل البقالة للمبتدئ، شرح علمي من توثيق PostgreSQL 16، كود قابل للنسخ، أرقام إنتاج من e-commerce بـ 62 مليون طلب، CONCURRENTLY refresh، 4 trade-offs خفية، ومتى MV بتكون كارثة.
INP و scheduler.yield للمتوسط: نزّل زمن الكليك من 320ms لـ 80ms
لو زرار dashboard بياخد 320ms قبل ما يستجيب، الموقع مش بطيء — هو شغّال long task بيقفل main thread. scheduler.yield في Chrome 129 بتنزّل INP لـ 80ms بدون Web Worker، وبتحفظ ترتيبك في Search لأن INP بقى رسمي في Core Web Vitals من مارس 2024.
PostgreSQL Index Types للمحترف: BRIN vs GIN vs GiST vs B-Tree — اختار صح أو اتفرج على الفاتورة
دليل احترافي لاختيار نوع index المناسب في PostgreSQL 16. مقارنة عملية بأرقام مقاسة بين B-Tree و BRIN و GIN و GiST على جدول 240 مليون صف، مع 4 trade-offs خفية، فخاخ Bloat و Index-only scan، ومتى الـ index بيكون كارثة بدل ما يحسّن.
DuckDB للمحترف: استعلامات SQL على 100GB CSV في 4 ثواني بدون سيرفر
لو فريق التحليلات بتاعك بيحرق ساعة كل صباح يفتح ملف CSV حجمه 60GB في pandas والـ Jupyter بيموت بـ MemoryError، انت بتدفع ضريبة معمارية مالهاش لزمة. DuckDB 1.1 بيشغّل نفس الـ aggregation على نفس اللابتوب في 3.8 ثانية بدون Spark وبدون Postgres. مقال للمحترف بمثال أمين المخزن للمبتدئ، شرح vectorized execution و columnar storage من ورقة CIDR 2020، كود Python في 12 سطر شغّال على duckdb 1.1.3 و Polars 1.12، أرقام مقاسة على 142GB من بيانات NYC Taxi (الزمن من 38 دقيقة لـ 3.8 ثانية، الذاكرة من 64GB لـ 1.4GB)، 4 trade-offs خفية، ومتى DuckDB بيكون اختيار غلط.
HypoPG في PostgreSQL للمحترف: اختبر الـ Index قبل ما يقفل جدولك 6 ساعات
CREATE INDEX على جدول 100 مليون صف ممكن ياخد 6 ساعات ويأكل 38 جيجا قرص. HypoPG extension في PostgreSQL بيخلّيك تعمل EXPLAIN ANALYZE على Index وهمي في 80 مللي ثانية، تعرف لو الـ Query Planner هيستخدمه أصلاً قبل ما تدفع تذكرة الـ downtime. مقال للمحترف بمثال مهندس الديكور للتقريب، تعريف من توثيق HypoPG 1.4 الرسمي، كود SQL شغّال على PostgreSQL 16 + HypoPG 1.4، أرقام مقاسة من إنتاج API بـ 18,400 طلب/دقيقة، 4 trade-offs خفية، ومتى HypoPG بيكون مضيعة وقت.
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 بيكون كارثة بدل ما يحسّن.
مدونة أحمد حايس
💡
ملخص سريع
مدونة أحمد حايس تجيب عن أسئلة مثل كيف أتعلم البرمجة أو التكنولوجيا أو الذكاء الاصطناعي، وتحوّل المفاهيم التقنية إلى مقالات عربية عملية واضحة.