يسرد قسم "الفرص" ضمن تقرير Lighthouse جميع الطلبات الرئيسية
التي لا تعطي الأولوية بعد لطلبات الجلب من <link rel=preconnect>:
توافُق المتصفح
يتوافق "<link rel=preconnect>" مع معظم المتصفّحات. عرض
توافُق المتصفّح:
تحسين سرعة تحميل الصفحة باستخدام الاتصال المُسبَق
ننصحك بإضافة تلميحات عن الموارد preconnect أو dns-prefetch.
لإنشاء روابط مبكرة بالمصادر المهمة والتابعة لجهات خارجية
تُعلِم <link rel="preconnect"> المتصفّح بأنّ صفحتك مقصودة.
لإنشاء اتصال بمصدر آخر
وأنك تريد بدء العملية في أقرب وقت ممكن.
غالبًا ما يتطلّب إنشاء الاتصالات وقتًا كبيرًا في الشبكات البطيئة، خاصة عندما يتعلق الأمر بالاتصالات الآمنة، حيث إنها قد تتضمن عمليات بحث في نظام أسماء النطاقات، وعمليات إعادة التوجيه وعدة رحلات ذهاب وعودة إلى الخادم النهائي الذي يعالج طلب المستخدم.
يمكن أن يؤدي الاهتمام بهذه العملية مسبقًا إلى زيادة سرعة التطبيق. للمستخدم دون التأثير سلبًا على استخدام معدل نقل البيانات. يقضي معظم الوقت في إنشاء اتصال في الانتظار، بدلاً من تبادل البيانات.
يمكن إعلام المتصفّح بالغرض ببساطة، مثل إضافة علامة رابط إلى صفحتك:
<link rel="preconnect" href="https://example.com">
فهذا يتيح للمتصفح معرفة أن الصفحة مقصودة
للاتصال بـ example.com واسترداد المحتوى من هناك.
لذا يجب أن تضع في اعتبارك أنه على الرغم من أن <link rel="preconnect"> رخيص جدًا،
فقد يستغرق وقتًا ثمينًا في وحدة المعالجة المركزية، خاصةً في الاتصالات الآمنة.
هذا سيئ خصوصًا إذا لم يتم استخدام الاتصال في غضون 10 ثوانٍ،
عندما يغلقه المتصفح، ما يؤدي إلى إهدار كل أعمال الاتصال تلك التي تمت في وقت مبكر.
بشكل عام،
محاولة استخدام <link rel="preload">،
باعتبارها تعديلاً أكثر شمولاً في الأداء
مع الاحتفاظ بـ <link rel="preconnect"> في شريط الأدوات للحالات الهامشية مثل:
<link rel="dns-prefetch"> هو نوع <link> آخر مرتبط بعمليات الربط.
يعالج ذلك بحث نظام أسماء النطاقات فقط،
ولكنه يعتمد على مزيد من المتصفح، لذا قد يكون بمثابة بديل رائع.
يمكنك استخدامه بالطريقة نفسها:
<link rel="dns-prefetch" href="https://example.com" />.
إرشادات خاصة بالحِزم
Drupal
استخدام وحدة تتيح عرض تعديلات موارد وكيل المستخدم لكي تتمكّن من تثبيت وتكوين تعديلات موارد الجلب المسبق لنظام أسماء النطاقات أو الاتصال المسبق لنظام أسماء النطاقات.
Magento
تعديل تنسيق المظاهر وإضافة الاتصال المُسبَق أو تعديلات موارد الجلب المسبق لنظام أسماء النطاقات.