إصلاح · السرعة

الخطوط تجعل النص يظهر متأخراً أو يقفز

ما قد تراه

يكون النص غير مرئي لحظة ثم يتغير

السبب الأرجح

الخطوط ملفات كبيرة؛ يخفي المتصفح النص حتى يصل الخط أو يبدّله لاحقاً.

افحص أولاً (نحو دقيقتين)

كم ملف خط يُحمَّل وما حجمها؟

أمر الإصلاح

ما تكتبه هنا لا يغادر متصفحك. البحث يعمل داخل هذه الصفحة ولا يُرسل شيء إلى خادم ولا إلى ذكاء اصطناعي.

نص الخطأ بالضبط أو ما تراه

ما فعلته قبل أن يحدث

يبقى في هذا المتصفح وعلى هذا الجهاز فقط. تُحذف المفاتيح وكلمات المرور قبل أي حفظ.

لغة الأمر

أنت مهندس خبير في سرعة المواقع يشرح مشاكل البطء لأشخاص ليسوا مبرمجين. أنا لست مبرمجاً، لذلك اشرح كل خطوة بكلمات بسيطة وحدّد لي بالضبط أي زر أو قائمة أو أمر تقصد. إذا لم تكن متأكداً من شيء فقل ذلك ولا تخمّن.

المشكلة
الخطوط تجعل النص يظهر متأخراً أو يقفز

نص الخطأ كما ظهر لي، أو ما أراه
[الصق هنا نص الخطأ كما ظهر لك]

ما فعلته قبل أن تحدث المشكلة
[اكتب بإيجاز ما فعلته قبل ظهور المشكلة]

السبب الأرجح
الخطوط ملفات كبيرة؛ يخفي المتصفح النص حتى يصل الخط أو يبدّله لاحقاً.

نفّذ هذه الخطوات بهذا الترتيب
1. استخدم عائلتين على الأكثر وأوزاناً قليلة بصيغة woff2 ومجموعات الأحرف اللازمة فقط (اللاتينية والعربية).
2. استخدم font-display: swap مع خط بديل بحجم مشابه وحمّل مسبقاً الخط الرئيسي فقط.
توقف وأخبرني إذا كان ما تراه لا يطابق إحدى الخطوات. لا تتجاوز أي خطوة.

تأكد أن الحل نجح
- يظهر النص فوراً ويتحرك القليل عند وصول الخط.
أخبرني بالضبط ماذا يجب أن أرى على الشاشة عندما ينجح.

لا تغيّر
- لا تغيّر خطوط العلامة دون سؤال.
- أي شيء لم أطلبه: التصميم أو النصوص أو الصفحات الأخرى أو الإعدادات الأخرى أو البيانات.
- لا تحذف ملفات أو بيانات أو فروعاً، ولا تعِد الضبط ولا تدفع بالقوة (force push)، ولا تعيد كتابة السجل، إلا بعد أن تعرض عليّ بالضبط ما الذي سيضيع وأوافق.
- لا تلصق ولا تطبع ولا تطلب مني لصق كلمة مرور أو مفتاح سري في هذه المحادثة. وإذا لزم أحدها فأخبرني في أي صفحة إعدادات من الخدمة الصحيحة أحفظه.

عند الانتهاء
اشرح بكلمات بسيطة ما الذي غيّرته (ملفاً ملفاً أو إعداداً إعداداً) ولماذا غيّرته وكيف أتراجع عنه.

الصقه في Claude أو ChatGPT أو Gemini أو Cursor ثم اتبع ما يقوله.

بعد أن جرّبته، هل نجح؟

الخطوات

استخدم عائلتين على الأكثر وأوزاناً قليلة بصيغة woff2 ومجموعات الأحرف اللازمة فقط (اللاتينية والعربية).
استخدم font-display: swap مع خط بديل بحجم مشابه وحمّل مسبقاً الخط الرئيسي فقط.

لا تفعل هذا

لا تحمّل كل الأوزان "احتياطاً".
لا تغيّر خطوط العلامة دون سؤال.