المدونة
مقالات عملية مرتبة حسب المجال والمستوى، اختر المجال المناسب واقرأ من مستوى مبتدئ إلى محترف.
صفحة طويلة بطيئة؟ content-visibility ينزل الرندر من 232ms لـ 30ms
لو صفحة المنتجات أو المقالات الطويلة بتتقل قبل ما المستخدم يشوف آخرها، استخدم content-visibility لتأجيل رندر الأجزاء خارج الشاشة بدون إعادة بناء الواجهة.
CI بطيء؟ npm cache في GitHub Actions ينزل install لـ 55 ثانية
لو `npm ci` بياكل 4 دقائق من كل Pull Request، تفعيل cache في `actions/setup-node` يقلل وقت التثبيت المتكرر بدون لمس كود التطبيق.
CSV كبير بيكسر RAM؟ chunksize في pandas يحلها بهدوء
لو ملف CSV حجمه 8GB بيقع سكربت Python عندك، اقرأه بدفعات باستخدام pandas chunksize بدل ما تحمّله كله في الذاكرة.
Brotli مش gzip: قلّل JS من 420KB لـ 96KB بدون لمس الكود
لو ملفات JavaScript وCSS بتوصل كبيرة للمتصفح، pre-compression بـ Brotli وgzip ممكن يقلل النقل قبل ما تلمس الكود. هنا إعداد Nginx قابل للنسخ وقياس واضح قبل وبعد.
صور المنتج بطيئة؟ AVIF وsrcset ينزلوا LCP من 4.1s لـ 1.6s
شرح عملي لتقليل وزن صور المنتج وتحسين LCP باستخدام AVIF وWebP وsrcset وسكربت sharp، مع أرقام قبل وبعد وحالات لا يصلح فيها الحل.
قلّل حجم Docker image قبل ما تزود سرعة السيرفر
شرح عملي لتقليل حجم Docker image باستخدام multi-stage builds وقياس الطبقات، مع أرقام قبل وبعد وملف Dockerfile قابل للتطبيق.
بحث LIKE في PostgreSQL بطيء؟ pg_trgm ينقذه في دقائق
لو بحث المنتجات عندك بيعمل scan على ملايين الصفوف، pg_trgm مع GIN index ممكن ينقل الاستعلام من ثواني لعشرات المللي ثانية. الشرح فيه قياس، SQL قابل للنسخ، trade-offs، ومتى لا تستخدم الحل.
استنزاف Connection Pool في PostgreSQL: PgBouncer هيخفّض p95 من 1.2s لـ 80ms
لو الـ p95 على PostgreSQL بقى ثانية ونص والـ DB CPU 80%، المشكلة غالبًا مش في الـ query — استنزاف connection pool. شرح PgBouncer بـ transaction mode مع مثال عملي، أرقام قبل وبعد، trade-offs، وحالات لا يصلح فيها الحل.
قلّل Cold Start في AWS Lambda من 3 ثواني إلى 300ms
شرح عملي لمشكلة Cold Start في Lambda مع SnapStart وGraviton، قياس حقيقي من CloudWatch، تعديل الذاكرة، وحالات لا يُنصح فيها بـ Provisioned Concurrency.