كيفية تأخير تحميل الخط وتسريع تحميل الصفحة

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

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

هناك طريقة أخرى لتأخير تحميل الخط وهي استخدام خاصية كس @ وجه الخط مع سمة عرض الخط: مبادلة. يسمح هذا للمتصفح بعرض الخطوط المتاحة على الفور ثم استبدالها بالخطوط التي تم تنزيلها. بهذه الطريقة ، سيتمكن المستخدم من رؤية المحتوى على الفور ، حتى لو لم يتم تحميل الخطوط بعد.

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

1. كيفية تحسين تحميل الصفحة: تأخر تحميل الخط
2. لماذا من المهم تحسين تحميل الصفحة?
3. مزايا تأخر تحميل الخط

كيفية تحسين تحميل الصفحة: تأخر تحميل الخط

يفترض تحميل الخط المتأخر أن الخطوط لن يتم تحميلها عند تحميل الصفحة في البداية ، ولكن سيتم تحميلها لاحقا عندما تكون الصفحة محملة بالكامل وعرضها بالفعل. يتيح لك ذلك تسريع وقت تحميل الصفحة وعرضها بصريا بشكل أسرع للمستخدم.

هناك عدة طرق لتنفيذ تأخر تحميل الخط:

• لتحميل الخط. يسمح هذا للمتصفح بتحميل الخط بالتوازي مع تحميل الصفحة ، مما يزيد من سرعة التحميل الإجمالية. على سبيل المثال:

• باستخدام محمل خط الويب: هذا هو مكتبة جافا سكريبت التي وضعتها فريق الخطوط جوجل. يسمح لك بإدارة تنزيلات الخطوط برمجيا ، بما في ذلك التنزيلات المتأخرة. يمنحك هذا مزيدا من المرونة والتحكم في عملية تحميل الخط. على سبيل المثال:

• عرض الخط

بلوك

,

مبادلة

الخط الأسرة: 'موشريفت';

سرك: ورل('مسار/إلى/الخط.ووف 2') شكل ('ووف 2'),

رابط ('مسار / إلى / الخط.وف') شكل ('وف');

عرض الخط: تراجع;

}