Instant.page عبارة عن نص برمجي صغير يسمح لك بتسريع التنقل في موقعك باستخدام التحميل المسبق في الوقت المناسب. عندما يمرر المستخدم الماوس فوق الارتباط ، يتم تحميل الصفحة مسبقًا في الخلفية ، وعند النقر فوق الارتباط ، يتم فتحها على الفور. تعمل InstantClick بنفس المبدأ ، ولكنها متوفرة كمكتبة منفصلة في pushState و Ajax ، مع وحدات إضافية مثل شريط تقدم التحميل المسبق.
التركيب
فقط أضف نصًا إلى نهاية النص:
<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBzVPnkLHw"></script>قد يبدو أنه ليس من المنطقي على الويب الحديث توزيع الحل الخاص بك من خلال برنامج نصي بدلاً من وضعه في npm ، ولكن هذا ليس JQuery وكل الكود يتناسب حرفيًا مع ما يزيد قليلاً عن 200 سطر ، لذلك حتى أكثر التطبيقات خفيفة الوزن يمكنها توصيله. إلى جانب ذلك ، في شكل وحدة نمطية ، يوجد بالفعل رابط سريع شائع للغاية ولكنه مثير للجدل من Google.
سطح المكتب
الدراسات المختلفة لها قيم مختلفة ، لذلك من المستحيل أن نقول على وجه اليقين ما هو احتمال أن ينقر الشخص على الرابط الذي يحوم فوقه ، ومدى سرعة حدوث ذلك. يدعي مؤلف النص أنه إذا كان المؤشر يحوم بالفعل فوق الارتباط لأكثر من 65 مللي ثانية ، فسيتبعه المستخدم نصف الوقت.
لتقليل عدد الإيجابيات الخاطئة ، يوفر كل من Instant.page و InstantClick خيارًا لتشغيل التحميل المسبق في لحظة الضغط (الماوس) ، والذي يجب أن يسرع التحميل بمقدار 80 مللي ثانية في المتوسط. صحيح أن النص يقوم بتحميل HTML فقط ، وسيظل تحميل الموارد الدهنية الأخرى بشكل طبيعي.
تحتوي صفحة Instant.page أيضًا على مشغل مجنون تمامًا للمجانين (وعشاق الارتباط السريع) ، والذي يقوم بتحميل الصفحة عندما يكون الرابط مرئيًا.... لحسن الحظ ، هناك أيضًا وضع في القائمة البيضاء لمواجهته.
هاتف
لا يوجد تحويم في إصدار الهاتف المحمول ، لذلك يبدأ التحميل المسبق في اللحظة التي تبدأ فيها النقر على الرابط ، مما يعطي زيادة تبلغ حوالي 90 مللي ثانية ، أو يمكنك أيضًا اختيار مشغل لضرب منفذ العرض ، ولكن لهذا يجب أن يكون لديك إما صفحات رفيعة جدًا أو حد أدنى ومعروف من الروابط (على سبيل المثال ، يمكنك تحميل الصفحة التالية مسبقًا بعد إرسال النموذج) ، أو إعداد قائمة بيضاء.
التخصيص
- القائمة البيضاء : لا يعمل التحميل المسبق إلا مع الروابط ذات السمات
data-instant(لهذا الغرض ، أضف سمة إلى النص الأساسيdata-instant-whitelist) - القائمة السوداء: لن يتم تحميل الروابط ذات السمة
data-no-instant - لا يتم تحميل الروابط الخارجية افتراضيًا ، يمكنك تغيير ذلك عن طريق الإضافة
data-instant-allow-external-linksإلى النص الأساسي - , . ,
data-instant-allow-query-stringbody
- uBlock Origin , EasyPrivacy, . instant.page , issue. , . Firefox uBlock Origin , .
- Safari 13 . Safari 14.
في أقل من عام (وأصبحت صفحة Instant.page شائعة حتى أقل من نصف عام) ، اكتسبت التكنولوجيا موطئ قدم في السوق ، واكتسبت عملاء كبار مثل Spotify و Pepsico ، ويقابلها عدد النجوم على GitHub إلى InstantClick ، والتي كانت موجودة منذ 2014. يدعي المؤلف (بالإشارة إلى buildwith ) أكثر من 7000 موقع باستخدام صفحة Instant.page ، مع جمهور مشترك يزيد عن 76 مليون مستخدم شهريًا.
إعلان
VDS للمواقع من جميع الأحجام - هذا يتعلق بخوادمنا الملحمية ! إنها محمية مجانًا من هجمات DDoS ، سرعة قناة الإنترنت 500 ميجابت. نحن نوفر القدرة على التثبيت التلقائي للوحة تحكم VestaCP الملائمة لمواقع الاستضافة. اسرع للطلب!
