السلسلة · 4 أجزاء
دليل أداء الخطوط
تحسين تحميل خطوط الويب من المبادئ الأولى — التقسيم الفرعي، والتحميل المسبق، واستراتيجيات العرض، ومؤشرات Core Web Vitals.
1
أداء الويب
أداء خطوط الويب: دليل التحسين الكامل
كل ما تحتاج معرفته عن أداء الخطوط — حجم الملف، واستراتيجيات التحميل، وحجب العرض، وكيفية تأثير الخطوط على Core Web Vitals.
2
أداء الويب
تقسيم الخط الفرعي: تقليل حجم ملف الخط بنسبة 90%
تحتوي معظم خطوط الويب على آلاف الأحرف غير المستخدمة. تعرّف على كيفية تقسيم الخطوط فرعيًا لتحميل ما تحتاجه فقط — بتقليل جذري في حجم الملف.
3
أداء الويب
التحميل المسبق للخط: امنح الأولوية لأهم خطوطك
استخدم <link rel=preload> لإخبار المتصفح بأهم الخطوط. قلّل FOUT، وحسّن LCP، وافهم متى يساعد التحميل المسبق ومتى يضر.
4
أداء الويب
font-display: swap وfallback وoptional — أيها تختار
يتحكم واصف font-display في CSS بما يراه المستخدمون أثناء تحميل الخطوط. لكل قيمة مفاضلاتها — إليك كيفية اختيار المناسبة.