المدونة
مقالات عملية مرتبة حسب المجال والمستوى، اختر المجال المناسب واقرأ من مستوى مبتدئ إلى محترف.
Grafana Loki للمتوسط: نزّل فاتورة Logs من $2,400 لـ $180 شهرياً
لو فريقك بيدفع $2,400 شهرياً في Elasticsearch لتخزين logs 14 microservice، انت بتدفع 92% زيادة في full-text indexing مش بتحتاجه. مقال للمتوسط بمثال المكتبة للمبتدئ، شرح معماري لـ Loki من ورقة Grafana الرسمية، Helm chart شغّال على EKS 1.30، LogQL queries قابلة للنسخ، أرقام مقاسة من fintech عربي (الفاتورة من $2,412 لـ $187، نزول 92.2%)، 4 trade-offs خفية في full-text search و cardinality و migration، ومتى Loki يبقى اختيار غلط.
Reranking في RAG للمتوسط: ضاعف دقة الاسترجاع من 47% لـ 89%
الـ vector search لوحده بيرجّع top-1 غلط في 53% من الحالات. Reranking بـ Cohere Rerank 3.5 بيرفع الدقة لـ 89% بسطر واحد، مع شرح Bi-encoder vs Cross-encoder، كود Python شغّال، وأرقام مقاسة على 1,200 سؤال عربي.
Critical CSS للمتوسط: نزّل First Paint من 2.8s لـ 0.6s
لو موقعك بياخد 2.8 ثانية قبل ما المستخدم يشوف أول pixel، الـ stylesheet هو اللي بيوقف الرسم. Critical CSS بيستخرج قواعد above-the-fold ويضمّنها inline، فينزّل First Contentful Paint لـ 0.6 ثانية. مقال للمتوسط بمثال المطعم للمبتدئ، شرح علمي للـ render-blocking من توثيق web.dev، كود Penthouse في 18 سطر شغّال على Node.js 20+، أرقام مقاسة من متجر عربي بـ 24K زيارة يومياً، 4 trade-offs خفية، ومتى Critical CSS بيكون مضيعة وقت.
useMemo و useCallback للمتوسط: متى React يبقى أبطأ بـ 3× بسبب الـ Memoization
لو حاطط useMemo على كل filter و map في تطبيق React بنية إنك بتسرّع، انت غالبًا بتدفع تكلفة المقارنة بدون مكسب. مقال للمتوسط بمثال الدفتر للمبتدئ، شرح علمي من توثيق React 19، كود قابل للنسخ، أرقام مقاسة من dashboard فيه 200 صف (0.08ms ← 0.14ms، أي 75% أبطأ مع useMemo)، 4 trade-offs خفية، ومتى useMemo يبقى قرار غلط نهائي.
Prompt Caching للمتوسط: نزّل فاتورة Claude API بـ 90% بسطر واحد
لو chatbot شركتك بيرجّع system prompt من 12K توكن في كل API call وفاتورة Claude بقت $4,200/شهر، انت بتدفع 90% منهم زيادة. سطر cache_control واحد في الـ payload بينزّل الفاتورة لـ $487 على نفس workload، بدون ما تلمس حرف في الكود التاني. مقال للمتوسط بمثال المدرّس وكتاب القواعد للمبتدئ، شرح علمي من Anthropic Prompt Caching Documentation، كود Python شغّال على anthropic SDK 0.49+ و Claude Sonnet 4.6، أرقام مقاسة من chatbot fintech عربي بـ 50K API call/يوم (توفير 88.4%)، 4 trade-offs خفية في الـ TTL والـ prefix والـ minimum tokens، ومتى Prompt Caching بيكون مضيعة وقت.
Debounce و Throttle للمتوسط: امنع 91% من طلبات الـ search box بـ 12 سطر
لو search box عندك بيبعت 11 طلب fetch لكل كلمة بـ 8 حروف، انت بتدفع 91% من بضاعة السيرفر هباءً. مقال للمتوسط بمثال زر المصعد للمبتدئ، تعريف من Lodash، كود JavaScript شغّال لـ debounce و throttle، أرقام مقاسة من search input (11 طلب → 1 طلب)، فرق دقيق بين الاتنين، 4 trade-offs خفية، ومتى debounce يبقى اختيار غلط.
OpenTelemetry للمتوسط: تتبّع رحلة طلب واحد عبر 8 microservices في 5 دقائق
لو الـ /checkout بقى بطيء وعندك 8 microservices، تدور المشكلة في logs 8 خدمات يأخد ساعتين. OpenTelemetry بـ 12 سطر إعداد بيوريك الطلب كامل في Jaeger، وبيقلّل زمن التشخيص من 142 دقيقة لـ 9 دقائق. مقال للمتوسط بمثال شركة الشحن للمبتدئ، شرح علمي من Google Dapper Paper (Sigelman 2010) و CNCF OpenTelemetry Spec، كود Python شغّال على opentelemetry-sdk 1.27، أرقام مقاسة من 14 microservice في e-commerce عربي بـ 38K طلب/يوم، 4 trade-offs خفية، ومتى Tracing بيكون مبالغة هندسية.
Bloom Filters للمتوسط: افحص 50 مليون رابط في 64MB بدون Database
لو الـ web crawler عندك بيعمل DB query لكل URL جديد علشان يتأكد إنه ما اتزارش، انت بتدفع 4ms في كل lookup. Bloom Filter بيوفّر 99.07% من الـ queries في 64MB RAM، مع 0.93% false positive rate فقط، مقاس على 50 مليون URL من Common Crawl.
Generators في Python للمتوسط: عالج ملف 50GB بـ 12MB رام بدون ما السيرفر يقع
لو سكربت Python بياكل 47 جيجا رام بسبب list واحدة، Generators بكلمة yield بتنزّل الذاكرة لـ 12 ميجا بدون تغيير في الـ infrastructure. مقال للمتوسط بمثال المكتبة العامة للمبتدئ، شرح علمي من PEP 255 وتوثيق Python 3.13، كود قابل للنسخ، أرقام مقاسة على ملف 50GB، Generator Expressions، Pipeline من 3 generators متربطين، 4 trade-offs خفية، ومتى Generators يكون اختيار غلط.
Mem0 للمتوسط: خلّي Claude يفتكر عميلك بعد 30 يوم في 35 سطر
Chatbot شركتك بينسى تفضيلات العميل بعد كل جلسة، فالعميل بيكرّر بياناته كل مرة. Mem0 بيدّي Claude ذاكرة طويلة المدى بـ vector store + extraction layer، فيرفع CSAT من 42% لـ 87% على 1,247 عميل فعلي. الكود 35 سطر، التكلفة الإضافية $0.0023 لكل تفاعل، و latency overhead 180ms بس.