للبكسلات جاذبية

التنبؤ بالوجهة لـ React وNext.js

اعرف الوجهة
قبل النقرة.

حقق نسبة fetch:click تبلغ 1.37. يحسب Intent-link الاحتمال باستخدام الطاقة الحركية وطاقة الوضع الناتجتين عن سرعة الحركة والمسافة.

$ npm install intent-link
npmv1.0.13licenseMITreact≥18next≥13

01 / التطبيقات

إشارة واحدة. استخدامات عديدة.

// تحليلات

النية، لا النقرات فقط

سجّل الاقترابات المتروكة والتردد، لا الأفعال فحسب.

// كشف

كشف تدريجي

افتح معاينة أو تلميحاً بمجرد أن يتجه المستخدم نحوه.

// أداء

تحميل الروابط مسبقاً

حمّل روابط التنقل مسبقاً قبل أن ينقر عليها المستخدم.

// واجهة متكيفة

تصويب مُساعَد

كبّر الأهداف أو قرّبها مع اقتراب المستخدم منها.

01
01
القياس
المسار المشوّش
02
02
التقدير
الوجهة المرجّحة
03
03
التهيئة
قبل الوصول

02 / عرض حي

تحرّك نحو بطاقة — وشاهد كيف تُحمَّل مسبقاً.

shop.example/new-in

importance

cost

تدفق onIntent0 إطلاقات
// تحرّك نحو بطاقة لإطلاق إشارة…
product shot
نساء
product shot
رجال
product shot
أطفال
product shot
أحذية
product shot
حقائب
product shot
إكسسوارات
product shot
رياضة
product shot
جينز
product shot
ملابس خارجية
product shot
جمال
product shot
منزل
product shot
تخفيضات
product shot
إلكترونيات
product shot
ساعات
product shot
مجوهرات
product shot
أثاث
product shot
هدايا
product shot
سفر
18 فئات

03 / اشعر بالفرق

النقرة نفسها. تجاوز الانتظار.

تنتظر إحدى الصفحات طلب الشبكة، بينما يتم جلب الأخرى أثناء مسار حركة المستخدم.

الوقت الموفَّر في هذه الجلسة

0 ms

بدون intent-linkغير مُحمَّل
/product/quilted-jacket
مع intent-linkخامل
/product/quilted-jacket

04 / مختلف

ليست الرؤية. وليس التحويم. بل النيّة.

كل نهج آخر إما متأخر أو يهدر الموارد.

1.37

نسبة Fetch:Click

useIntentTarget

أنشئ مكونات مخصصة

React · Next

لإطار العمل الأكثر شيوعاً

MIT

مفتوح المصدر، دون جمع بيانات

النهجintent-linkForesightJSinstant.pageNext.js prefetchGuess.js
التوقيتقبل الوصولعلى المسارعند التحويمعند الظهورمحسوب مسبقاً
الانتقائيةالوجهةالوجهةواحدكل ما هو مرئيأفضل التخمينات

قدّم تنقّلًا يبدو فوريًا.

$ npm install intent-link