يمكن أن تشغل الخطوط المضمنة مساحة كبيرة على الموقع وتبطئ تحميلها. لذلك ، إذا كنت ترغب في تحسين الأداء وتحسين موقعك ، يمكنك إزالة الخطوط المضمنة. في هذه المقالة ، ونحن سوف اقول لكم كيفية القيام بذلك.
الخطوة 1: حدد الخطوط المستخدمة على موقعك. قبل إزالة الخطوط المضمنة ، تحتاج إلى تحديد الخطوط المستخدمة على موقعك. للقيام بذلك ، يمكنك استخدام أدوات مطور متصفح الويب مثل جوجل كروم ديفتولز أو فايرفوكس فيريبوج. افتح علامة التبويب" مفتش العناصر " وحدد النص المطلوب على موقعك. في قسم الأنماط ، يمكنك رؤية قائمة بالخطوط المطبقة على هذا النص.
موقعك.
الخطوة 3: استبدل الخطوط المضمنة بأخرى خارجية. بعد تنزيل الخطوط المحددة ، تحتاج إلى استبدال الخطوط المضمنة بأخرى خارجية. للقيام بذلك ، ابحث عن الأنماط المناسبة في ملف كس الخاص بك واستبدل الخط المضمن باسم الخط الخارجي الذي تم تنزيله. على سبيل المثال ، إذا استخدمت الخط أريال ، فاستبدله باسم الخط الذي تم تنزيله. سيتم تطبيق الخط الخارجي على النص الخاص بك بدلا من الخط المدمج.
ضع في اعتبارك أن إزالة الخطوط المضمنة قد تؤثر على مظهر موقعك. تأكد من عرض الخطوط الخارجية بشكل صحيح على جميع الأجهزة والمتصفحات قبل إزالة الخطوط المضمنة.
هذا كل شيء! الآن تمت إزالة الخطوط المضمنة وسيتم تحميل موقعك بشكل أسرع. لا تنس التحقق بانتظام من أداء موقعك وتحسينه لتزويد المستخدمين بأفضل تجربة.
- لماذا إزالة الخطوط المضمنة مهمة
- مشكلات الأداء والتنزيل
- استخدام خطوط النظام القياسية
- القضاء على التوافق على الأجهزة المختلفة
- كيفية إزالة الخطوط المضمنة
لماذا إزالة الخطوط المضمنة مهمة
- تحميل سريع للصفحة: عادة ما تشغل الخطوط المضمنة مساحة إضافية ويمكن أن تبطئ وقت تحميل الصفحة. عند إزالة الخطوط المضمنة ، سيستخدم المتصفح خطوط النظام الرئيسية ، مما يؤدي إلى تسريع التنزيل وتحسين تجربة المستخدم.
- توافق أفضل: قد لا يتم عرض الخطوط المضمنة بشكل صحيح على أجهزة ومتصفحات مختلفة. عند استخدام خطوط النظام ، يمكنك التأكد من عرض النص بنفس الطريقة على أنظمة أساسية مختلفة.
- تحسين إمكانية الوصول: قد يكون من الصعب قراءة بعض الخطوط المضمنة للأشخاص الذين يعانون من عسر القراءة أو ضعاف البصر. باستخدام خطوط النظام ، فإنك تضمن سهولة قراءة المحتوى وإمكانية الوصول إليه بشكل أفضل لجميع المستخدمين.
- سهولة الصيانة والتحديث: تعمل إزالة الخطوط المضمنة على تبسيط عملية صيانة موقعك وتحديثه. بدلا من تحديث كل خط على حدة ، يمكنك الاعتماد كليا على خطوط النظام ، والتي يتم تحديثها وصيانتها دائما.
نتيجة لذلك ، تساعد إزالة الخطوط المضمنة في تحسين صفحات الويب وتحسين أداء الموقع وإمكانية الوصول إليه. هذه خطوة مهمة يجب على كل مطور ويب ومالك موقع ويب أخذها في الاعتبار عند العمل في مشاريعهم.
مشكلات الأداء والتنزيل
يمكن أن تساعد إزالة الخطوط المضمنة في تحسين الأداء وتقليل وقت تحميل صفحة الويب. يمكن أن تكون الخطوط المضمنة ضخمة جدا وتبطئ التحميل ، خاصة عند استخدام خطوط متعددة على الصفحة.
يمكن أن تؤدي الكمية الكبيرة من البيانات المرتبطة بتنزيل الخطوط المضمنة إلى زيادة وقت تحميل الصفحة وتجربة مستخدم أسوأ. يمكن أن يؤدي التحميل البطيء للصفحة إلى تنفير الزوار وتفاقم التحويل.
بالإضافة إلى ذلك ، تتطلب الخطوط المضمنة طلبات إضافية إلى الخادم ، مما يؤدي إلى زيادة عدد الطلبات وقد يزيد الحمل على الخادم. هذا صحيح بشكل خاص عند استخدام خطوط الويب على الأجهزة المحمولة ذات الاتصال البطيء بالإنترنت.
يمكن أن تؤدي إزالة الخطوط المضمنة أيضا إلى تقليل حجم ملف هتمل ، مما يؤدي بدوره إلى تقليل وقت تحميل الصفحة وزيادة الأداء. يمكن أن تساعد أحجام الملفات الأصغر في تقليل حركة المرور وتقليل استخدام الموارد.
| المشكلة | التأثير على الأداء والحمل |
| تحميل بطيء | الخطوط المضمنة يمكن أن تبطئ تحميل الصفحة |
| زيادة عدد الطلبات | تتطلب الخطوط المضمنة طلبات إضافية إلى الخادم |
| زيادة حجم ملف هتمل | الخطوط المضمنة تزيد من حجم الملف وحركة المرور |
تتيح لك إزالة الخطوط المضمنة تقليل عدد الطلبات وتقليل حجم الملف وتحسين الأداء وتحسين تحميل الصفحة.
استخدام خطوط النظام القياسية
إذا كنت ترغب في إزالة الخطوط المضمنة واستخدام خطوط النظام القياسية فقط ، فستحتاج إلى إضافة رمز كس التالي إلى ملف النمط الخاص بك:
- تعيين الخط الافتراضي لكل النص على الصفحة:
الخط الأسرة: أريال ، بلا الرقيق;استبدل الخطوط أو صقلها في عناصر أخرى ، إذا لزم الأمر:
ح1 ، ح2 ، ح3 {
الخط الأسرة: جورجيا ، الرقيق;
}
p, span {
font-family: Verdana, sans-serif;
}
Укажите font-face на стандартные шрифты, если они не загружены в системе пользователя:
@font-face {
font-family: 'Arial';
font-style: normal;
font-weight: normal;
| src: local('Arial'), url(path/to/arial.woff) format('woff'); | } |
| @font-face { | font-weight: normal; |
| src: local('Georgia'), url(path/to/georgia.woff) format('woff'); | font-family: 'Verdana'; |
| font-style: normal; | font-weight: normal; |
src: المحلية ('فيردانا') ، ورل(مسار/إلى/فيردانا.وف) شكل ('وف');
يضمن استخدام خطوط النظام القياسية عرضا موحدا للنص على أجهزة مختلفة ، نظرا لأن هذه الخطوط مثبتة في نظام تشغيل المستخدم. هذا يساعد على تبسيط وتسريع تحميل الصفحة وتحسين تجربة المستخدم.