تعد سرعة تحميل صفحة الويب عاملا مهما لتجربة المستخدم ، وأحد الجوانب الرئيسية التي تؤثر على هذه السرعة هي الخطوط. عند استخدام الخطوط المخصصة على موقع ويب ، من الضروري مراعاة أنها يمكن أن تبطئ تحميلها بشكل كبير. في هذه المقالة ، سننظر في عدة طرق لزيادة سرعة تحميل الخط على موقعك.
الطريقة الأولى هي تحسين الخط. عند استخدام الخطوط المخصصة ، غالبا ما يكون هناك موقف عندما تكون ملفات الخطوط كبيرة الحجم. وذلك لأن الخطوط يمكن أن تحتوي على الكثير من الأحرف التي قد لا تستخدمها على موقعك. لتقليل حجم ملف الخط ، يمكنك استخدام أدوات مختلفة مثل السنجاب الخط أو فونتفورج لإزالة الأحرف غير الضرورية من ملف الخط.
الطريقة الثانية هي استخدام نهج" التحميل المتفائل". يفترض هذا الأسلوب أنك تقوم بتحميل الخطوط بشكل غير متزامن ، بعد تحميل جزء المحتوى الرئيسي من الصفحة. وبالتالي ، يرى المستخدم على الفور المحتوى الرئيسي ، ويتم تحميل الخطوط بالتوازي. لتنفيذ تحميل الخط متفائل ، يمكنك استخدام تقنيات مختلفة ، مثل استخدام علامة عرض الخط في كس أو استخدام خدمات مثل خطوط جوجل أو تيبيكيت ، والتي توفر آليات لتحسين تحميل الخط.
ملاحظة: ضع في اعتبارك أن استخدام خدمة خارجية لتنزيل الخطوط قد يتطلب وقتا إضافيا للتحميل بسبب طلب إلى خادم خارجي واعتماده على عوامل خارجية مثل سرعة اتصال المستخدم أو تشغيل الخادم.
الطريقة الثالثة هي التخزين المؤقت للخط. في المرة التالية التي يزور فيها المستخدم موقعك ، يمكن للمتصفح تنزيل الخطوط من ذاكرة التخزين المؤقت ، بدلا من تنزيلها من الخادم مرة أخرى. لاستخدام هذه الطريقة ، تحتاج إلى تكوين رؤوس هتب بشكل صحيح للإشارة إلى المتصفحات التي يمكن تخزين الخطوط مؤقتا. يمكنك تكوين التخزين المؤقت باستخدام ملف.هتكس أو رؤوس هتب من الخادم.
- زيادة سرعة تحميل الخط
- 1. استخدام خطوط النظام
- 2. تخزين الخط المحلي
- 3. استخدام طرق تحميل الخط
- 4. الجمع بين الخطوط
- 5. ضغط الخط
- تحسين حجم الخط
زيادة سرعة تحميل الخط
1. استخدام خطوط النظام
تتمثل إحدى طرق تسريع تحميل الخطوط في استخدام خطوط النظام. يتم تثبيت خطوط النظام بالفعل على أجهزة الكمبيوتر والأجهزة الخاصة بالمستخدمين ، بحيث يتم تنزيلها على الفور. لاستخدام خطوط النظام ، تحتاج إلى تحديدها في قائمة" الخط الأسرة " في ملف كس موقع الويب الخاص بك. على سبيل المثال:
الجسم {
الخط الأسرة: أريال ، بلا الرقيق;
2. تخزين الخط المحلي
إذا كنت تريد استخدام خط معين ، فيمكنك تسريع التنزيل عن طريق حفظ الخط محليا واستخدامه من الخادم الخاص بك. للقيام بذلك ، سوف تحتاج إلى خط ويب في التنسيق.ووف أو .2. يمكنك تحميل الخط إلى الخادم الخاص بك وتحديد مساره في ملف كس. على سبيل المثال:
@الخط الوجه {
الخط الأسرة: 'كوستومفونت';
سرك: ورل('الخطوط/كوستومفونت.وف') شكل ('وف');
الخط الوزن: عادي;
نمط الخط: عادي;
}
ثم يمكنك استخدام هذا الخط عن طريق تحديده في قائمة "عائلة الخط" في ملف كس ، كما هو موضح في المثال السابق.
3. استخدام طرق تحميل الخط
هناك العديد من طرق تحميل الخطوط التي تسمح لك بزيادة سرعة التنزيل. إحدى هذه الطرق هي استخدام سمة "ريل" لعلامة "لينك"بقيمة" التحميل المسبق". على سبيل المثال: