المدونة
مقالات ودروس مجانية تساعدك في رحلتك التعليمية — من أساسيات البرمجة إلى أحدث التقنيات.
Debouncing وThrottling للمبتدئ: من 8400 طلب لـ 12 في الدقيقة
لو شريط البحث في موقعك بيرسل request لكل حرف، انت بتدفع تكلفة 700× اللي محتاجها. سطور JavaScript بـ debounce بينزّلوا الطلبات من 8400 لـ 12 في الدقيقة. مقال للمبتدئ بمثال البقّال، فرق debounce vs throttle، كود شغّال على JS الخالص، أرقام مقاسة من e-commerce عربي، 4 trade-offs خفية، ومتى debounce مضيعة وقت.
Bloom Filters للمحترف: امنع 99% من DB Queries بـ 1.2MB
لو خدمتك بتعمل 18 ألف lookup query في الثانية و87% منهم بيرجّع فاضي، Bloom Filter بـ 1.2MB في الذاكرة بيرفض 99% منهم في 200 نانوثانية قبل ما يلمسوا PostgreSQL. مقال للمحترف بمثال البوّاب للمبتدئ، تعريف من ورقة Bloom 1970 في CACM، الرياضيات الفعلية (m, k, n)، كود Python شغّال على pybloom-live 4.0، أرقام مقاسة على workload فيه 60M lookup/يوم (الفاتورة من 1,840$ لـ 410$، توفير 78%)، 4 trade-offs خفية، ومتى Bloom Filter يبقى اختيار غلط.
Memory Leaks في Node.js: اكتشف وأصلح بـ Heap Snapshots في 3 خطوات
لو الـ Node.js process بتاعك بياكل RAM كل ساعة لحد ما يموت بـ OOM، الكود مش بيتسرّب — هو بيحتفظ بمرجع لكائن مفروض ينتهي. مقال للمتوسط بمثال صاحب البيت للمبتدئ، شرح علمي للـ V8 heap، 3 خطوات capture/diff/analyze بـ Chrome DevTools، حالة event listeners حقيقية، أرقام مقاسة (من 1.4GB لـ 180MB)، 4 trade-offs، ومتى Heap Snapshot يكون اختيار غلط.
Tree Shaking للمحترف: شيل 340KB من Bundle بدون ما تلمس الكود
لو bundle الإنتاج بتاعك 892KB رغم إن المستخدم بيستعمل 3 شاشات بس، المشكلة مش في المكتبات — هي في إن Webpack مش قادر يثبت إن باقي الكود "آمن للحذف". المقال للمحترف بيشرح ESM static analysis، sideEffects flag، و Pure Annotations بأمثلة لـ Webpack 5 و Rollup و esbuild، مع أرقام مقاسة من إنتاج Next.js 14 وقياس قبل/بعد لمتجر فعلي.
103 Early Hints للمحترف: ابعت preload للمتصفح قبل الـ HTML بـ 320ms
لو موقعك العربي بياخد 2.4 ثانية قبل LCP رغم HTTP/2 و preload جوّا الـ head، انت بتفقد round-trip كامل لمّا المتصفح يستنّى الـ HTML الأول قبل ما يبدأ يحمّل CSS و fonts. 103 Early Hints بيرسل preload hints قبل ما الـ origin يجاوب بـ 200 OK، وبيخفّض LCP من 2.4 ثانية لـ 0.9 ثانية على workload e-commerce حقيقي. مقال للمحترف بمثال موظف الاستقبال للمبتدئ، شرح علمي من RFC 8297، إعداد NGINX 1.25 + Node.js شغّال، أرقام مقاسة من 38K زيارة/يوم، 4 trade-offs خفية، ومتى Early Hints بيكون مضيعة وقت.
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 بيكون اختيار غلط.
مدونة أحمد حايس
💡
ملخص سريع
مدونة أحمد حايس تجيب عن أسئلة مثل كيف أتعلم البرمجة أو التكنولوجيا أو الذكاء الاصطناعي، وتحوّل المفاهيم التقنية إلى مقالات عربية عملية واضحة.