محمود الحبشمتاح لمشاريع جديدة
  • أعماليأعمالي
  • الخدماتالخدمات
  • المختبرالمختبر
  • المقالاتالمقالات
  • تواصلتواصل
عمّان--:--EN
المقالات/DevOps والسحابة

تحسين أداء الويب: دليل مؤشرات الويب الأساسية

حسّن لمؤشرات الويب الأساسية — LCP وINP وCLS — مع تقنيات عملية للصور والخطوط وJavaScript.

22 فبراير 2026دقيقة قراءةDevOps والسحابةRead in English

في هذه الصفحة

  1. المؤشرات الثلاثة
  2. تحسين الصور
  3. تحسين الخطوط
  4. تحسينات الخادم

تستخدم Google مؤشرات الويب الأساسية كعامل ترتيب. المواقع الجيدة تشهد انخفاض 24% في تخلي المستخدمين.

المؤشرات الثلاثة

LCP — التحميل: جيد ≤ 2.5 ثانية
INP — الاستجابة: جيد ≤ 200ms
CLS — الاستقرار البصري: جيد ≤ 0.1

تحسين الصور

html
<picture>
    <source srcset="hero.avif" type="image/avif">
    <source srcset="hero.webp" type="image/webp">
    <img src="hero.jpg" loading="lazy">
</picture>

تحسين الخطوط

html
<link rel="preload" href="/fonts/inter.woff2" as="font" crossorigin>
<style>@font-face { font-display: swap; }</style>

تحسينات الخادم

ini
opcache.enable=1
opcache.jit=1255

استخدم Lighthouse لقياس التحسينات. استهدف درجة فوق 90.

كل المقالات

تابع القراءة

  • Docker للمطورين: من الصفر إلى التطبيقات المعبأة في حاويات28 فبراير 2026دقيقة قراءة
  • خطوط أنابيب CI/CD مع GitHub Actions: أتمتة كل شيء22 فبراير 2026دقيقة قراءة
  • مبادئ الكود النظيف: اكتب كودًا يمكن للبشر قراءته22 فبراير 2026دقيقة قراءة