المدونة
مقالات عملية مرتبة حسب المجال والمستوى، اختر المجال المناسب واقرأ من مستوى مبتدئ إلى محترف.
Debouncing vs Throttling في JavaScript: 95% توفير في طلبات API
لو search box في موقعك بيرسل طلب لكل حرف، الزائر بيعمل 24 طلب لكلمة واحدة. Debouncing بـ 8 سطور JavaScript بينزّل ده لطلب واحد. مقال للمبتدئين بمثال جرس الباب، تعريف علمي دقيق، كود vanilla JS شغّال، أرقام مقاسة، الفرق الحقيقي بين debounce وthrottle، trade-offs، وحالات لا تستخدم أي منهما.
Lazy Loading للصور: حمّل 12 صورة بدل 200 وقدّم الصفحة في 1.8 ثانية بدل 6.4
لو صفحة منتجاتك بتحمّل 200 صورة في أول زيارة والزائر بيستنى 6 ثواني، إضافة loading="lazy" على تاج الصورة بتنزل الزمن لـ 1.8 ثانية بسطر واحد. مقال للمستوى المبتدئ بمثال مكتبة الكتب، تعريف علمي دقيق، كود HTML وJavaScript شغّال، أرقام مقاسة على شبكة 4G محاكاة، trade-offs واضحة، وحالات لا تستخدمه فيها.
HTTP Cache-Control بالعربي: خلّي المتصفح يحفظ ملفاتك ووفّر 87% من الطلبات
لو موقعك بيحمّل نفس logo.png و main.css في كل صفحة، Cache-Control بسطر واحد بيخلّي المتصفح يحتفظ بهم محلياً ويوفّر 87% من عدد الطلبات بدون لمس الكود. شرح للمبتدئين بمثال المكتبة العامة، تعريف علمي دقيق لـ max-age و immutable و ETag و الـ 304، إعداد NGINX شغّال، أرقام مقاسة على ملف حقيقي، trade-offs، وحالات لا تستخدمه فيها.
Database Index بالعربي: ليه استعلام بياخد 8 ثواني والثاني 12ms
لو نفس استعلام SELECT بياخد 8 ثواني على جدول مليونين صف، ومرة تانية بـ 12ms بعد سطر واحد، السبب غالبًا في غياب Index. شرح مبتدئ بمثال الكتاب، التعريف العلمي للـ B-tree، EXPLAIN ANALYZE حقيقي، وtrade-offs الكتابة.
Brotli في Nginx: ليه gzip لوحده بيخسّرك 25% بندويث في 2026
تفعيل Brotli في Nginx بيقلّل حجم الـ JS والـ CSS المنقول 20–25% فوق gzip بدون تغيير كود. شرح مع مثال للمبتدئين، تعريف علمي، nginx.conf قابل للنسخ، أرقام قياس فعلية، trade-offs على CPU، ومتى لا يصلح الحل.
INP في Core Web Vitals: ليه موقعك أحمر وإزاي تنزّله تحت 200ms
شرح عملي لمقياس INP الجديد في Core Web Vitals بعد ما استبدل FID في 2024: مثال للمبتدئين، تعريف علمي، scheduler.yield()، web-vitals library، أرقام قبل وبعد، trade-offs، ومتى لا يصلح الحل.
جداول PostgreSQL بتتضخم؟ table bloat بياكل 40% من القرص بدون داتا جديدة
شرح عملي لمشكلة table bloat في PostgreSQL: تشخيص بـ pgstattuple، ضبط autovacuum لكل جدول، استخدام pg_repack بدون lock إنتاج، مع مثال للمبتدئين، تعريف علمي دقيق، أرقام قبل وبعد من حالة إنتاج 240GB، trade-offs، ومتى لا يصلح الحل.
MongoDB Aggregation بطيء؟ ترتيب الـ stages بيخفّضه من 5s لـ 200ms
شرح عملي لتسريع MongoDB Aggregation Pipeline بترتيب stages الـ $match والـ $project قبل $lookup، مع مثال للمبتدئين، تعريف علمي دقيق، أرقام قبل وبعد، كود قابل للنسخ، وحالات لا يصلح فيها الحل.
Redis بياكل 8GB من الـ RAM؟ خفّضه لـ 2GB في 4 خطوات بدون ما تخسر داتا
شرح عملي لتقليل استهلاك الذاكرة في Redis من 8GB إلى 2GB باستخدام listpack encoding وضغط الـ values وضبط maxmemory-policy، مع مثال للمبتدئين، تعريف علمي دقيق، أرقام قبل وبعد من حالة إنتاج، وحالات لا يصلح فيها الحل.