MASIGNASUKAv101
1938498085333396857

حل مشكلة التأكد من بقاء النص مرئيًا أثناء تحميل خط موقع إلكتروني

حل مشكلة التأكد من بقاء النص مرئيًا أثناء تحميل خط موقع إلكتروني
comment أضف تعليق
2020-05-30
حل مشكلة التأكد من بقاء النص مرئيًا أثناء تحميل خط موقع إلكتروني

التأكد من بقاء النص مرئيًا أثناء تحميل خط موقع إلكتروني، هذه المشكلة تظهر عند فحص سرعة الموقع بإستخدام أداة "PageSpeed ​​Insights" ومن المعلوم أننا نحن مدونين منصة بلوجر من الصعب علينا التحكم بالنص لأنه مستضاف لدى جهة خارجية مثل GOOGLE FONT طبعًا لدي اليوم بعض الحلول وإن شاء الله سوف نصلح هذه المشكلة


لقد قمت منذ فترة بإصلاحها على مدونتي بعد البحث والتحري لكن في بعض الأحيان تظهر إلا أن ما قمت به أسهم بزيادة الرقم الذي يحدد السرعة.

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

الخطوة الأولى في حل مشكلة التأكد من بقاء النص مرئيًا أثناء تحميل خط موقع إلكتروني
من لوحة تحكم بلوجر -> المظهر ثم أنقر على الثلاثة نقاط وأختر "تعديل HTML" 
عليك الآن البحث عن الخط المستضاف والذي يأتي فوق الرمز </head> على الشكل:
<link href='https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/>


قد يكون لديك أكثر من رمز من هذا أو شبيهه لكن تأكد من أخذ نسخة إحتياطية من قالب مدونتك

الطريقة الأولى:
هذا الحل ينطبق غلى خطوط جوجل فقط أضف الرمز &display=swap للخط ليصبح بهذا الشكل:
<link href='https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css&display=swap' rel='stylesheet' type='text/css'/>
أنقر على رمز الحفظ 

الطريقة الثانية (أسرع للمدونات)
 قم بالدخول للرابط الموجود في كل رمز وأنسخ مصدر الرابط وألصقه أسفل الرمز <b:skin><![CDATA[

أسفل الرمز font-style: normal; في كود الرمز ألصق الرمز التالي:
font-display: swap;

تأكد أن هناك خط بديل للخط الأساسي لمدونتك أبحث في القالب عن الرمز font-family: والتأكد أن الخط البديل أساسي مثل sans-serif أو Arial موجود بعد الخط الاساسي وهذا هو الحل للتخلص من وميض الخط الذي يختفي قبل أن يقرأه المتصفح ويسبب مشكلة النص المرئي

حيث يكون بهذا الشكل:
font-family:'Droid Arabic Kufi',Arial}

الآن أنقر على رمز الحفظ وتحقق هل تم حل المشكلة بإستخدام أداة PageSpeed ​​Insights 

النتيجة:

تظل جميع النصوص مرئية أثناء تحميل خط موقع إلكتروني

إذا شاهدة أنه لا تزل المشكلة قد يكون لديك خط Font Awesome وهذه الطريقة لا تنطبيق على هذا الخط المخصص للإيقونات لكنك يمكنك الإستغناء عنه بإستبدال أيقوناته برموز الإيموجي كما فعلت أنا لكنها تتطلب بعض الخبرة 

لكن بإستخدام الشرح السابق سوف تتحسن سرعة أداء مدونتك أو موقعك.

إليك شروحات أخرى سوف تزيد من سرعة مدونة بلوجر وهي حصرية من إجتهادنا