ما فائدة التحميل المسبق لصفحة الويب؟ تقنية الجلب المسبق لصفحة الويب للتحميل المسبق لتقنية Instant.page

ستؤثر سرعة تحميل صفحة الويب على ملفالمورد الكهرباءموقع في محرك البحثتحسين محركات البحثتصنيف.

ما هو التحميل المسبق لصفحة الويب؟

هناك تقنية تسمى الجلب المسبق وهي في الواقع تقنية التحميل المسبق.

• عندما يزور المستخدم صفحة عن قصد ، يقوم المتصفح بتحميل الصفحة مسبقًا.
• عندما ينقر المستخدم فعليًا على الرابط ، يقرأ المستخدم محتوى الصفحة مباشرةً من ذاكرة التخزين المؤقت المحملة مسبقًا ويقلل من وقت تحميل الصفحة.
• وجدت أمازون وآخرون أن زمن الانتقال الذي يبلغ 100 مللي ثانية يمثل 1٪ من المبيعات ، ولكن من الصعب التغلب على زمن الانتقال على الويب.

الجلب المسبق لصفحة الويبما فائدة التحميل المسبق؟

تستخدم صفحة Instant.page التحميل المسبق الفوري - حيث تقوم بتحميل الصفحة مسبقًا قبل أن ينقر المستخدم فوق ▼

• قبل أن ينقر المستخدم على الرابط ، فإنه يحوم فوق الارتباط.
• عندما يحوم المستخدم لمدة 65 مللي ثانية ، سيكون لديه فرصة للنقر على الرابط ، لذلك تبدأ صفحة Instant.page في التحميل المسبق في هذه المرحلة ، بمتوسط ​​يزيد عن 300 مللي ثانية للصفحة للتحميل المسبق.
• على الأجهزة المحمولة ، يبدأ المستخدمون في لمس الشاشة قبل تحريرها ، ويستغرق ذلك 90 مللي ثانية في المتوسط ​​لتحميل الصفحة مسبقًا.

الجلب المسبق يجعل تحميل صفحات الويب أسرع

• يستغرق دماغ الإنسان أقل من 100 مللي ثانية لإدراك فعل ما على الفور.
• لذلك ، يمكن لتقنية التحميل المسبق للصفحة الفورية أن تجعل موقع الويب الخاص بك يشعر بأنه فوري حتى على شبكة الجيل الثالث (بافتراض أن سرعة عرض صفحتك سريعة).

كيف يمكن حل مشكلة التحميل البطيء لصفحات الويب؟

لا يتم تحميل الصفحات مسبقًا إلا عندما يكون هناك احتمال كبير أن يقوم المستخدم بزيارتها ، ويقوم فقط بتحميل HTML لتلك الصفحة مسبقًا ، مع مراعاة النطاق الترددي ووحدة المعالجة المركزية للمستخدم والخادم.

• يستخدم مستمعين للأحداث السلبية للحفاظ على صفحاتك سلسة.
• لا يتم تحميله مسبقًا عندما يقوم المستخدم بتمكين حماية البيانات (اعتبارًا من الإصدار 1.2.2).
• إنه 1 كيلو بايت ويتم تحميله بعد كل شيء آخر.إنه مجاني ومفتوح المصدر (ترخيص MIT).

ما تأثير الجلب المسبق لصفحة الويب الفورية التي يتم تحميلها مسبقًا؟

بعد اختبار إضافة رمز الصفحة الفورية ، لا يزال التحسن في سرعة الوصول إلى موقع الويب كبيرًا نسبيًا.

• بشكل افتراضي ، سيتم التصفية لتحميل روابط هذا الموقع مسبقًا فقط ولن يتم تحميل روابط من مواقع أخرى.
• عندما ينقر الماوس على رابط المقالة الموجود على اليسار لمدة تزيد عن 65 مللي ثانية ، ستقوم الشبكة بالتحميل المسبق لصفحة المقالة.
• عند التمرير لأقل من 65 مللي ثانية ، لا يتم إجراء التحميل المسبق (الجزء الأحمر) ▼

سيؤدي استخدام Instant.page إلى زيادة عدد مرات الظهور في موقعك وحجم الطلبات بشكل كبير:

• قال أحد الأصدقاء إن متوسط ​​عدد الزيارات لكل زيارة كان 13.84.
• بعد الاستخدام ، ارتفع عدد زيارات الفرد إلى 17.43 ، وهو ما يعادل فتح 4 صفحات إضافية لكل شخص.

注意 事项:

• وتجدر الإشارة إلى أن المدونين الذين يستخدمون شبكات CDN المدفوعة وشبكات CDN مفتوحة الموقع الكامل يجب أن يفعلوا ذلك بحذر.
• ولكن لا تقلق ، فإن التحميل المسبق لا يؤدي إلا إلى تحميل صفحات html والصور والملفات الأخرى ، لذلك لن يكون هناك الكثير من فقدان حركة المرور.

كيف تستخدم تقنية التحميل المسبق لصفحة الويب؟

في الواقع ، توجد سمة rel في علامة الارتباط الخاصة بـ html5 ، إحداها هي الجلب المسبق ، لكن عدد المستهلكين صغير.

الصفحة الفورية المقدمة في هذه المقالة هي برنامج نصي يستخدم هذه التقنية.

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

كود البرنامج النصي JS للتحميل المسبق لصفحة الويب

1) تقديم نصوص JS رسميًا مع تسريع Cloudflare ▼

استخدام Instant.page بسيط للغاية ، ما عليك سوى إضافة الكود التالي إلى موقع الويب الخاص بكفقط قبل التسمية.

<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBz虚ni砖用wang络kLHw"></script>

2) الحرية الذاتيةتشن ويليانجعرض ▼

• النص موجود في الخادم ، Instantclick-1.2.2.js ، لذلك لا داعي للقلق بشأن إبطاء الأمور. 

الرجاء إضافة الكود التالي إلى موقع الويب الخاص بكقبل التسمية مباشرة:

<script src="https://img.chenweiliang.com/javascript/instantpage.js" type="module"></script>