التحميل التخميني متاح في WordPress

خلال ندوتنا عبر الويب حول "تحميل الصفحات على الفور" في بداية عام 2024، ذكر آدم سيلفرشتاين من Google أن فريق أداء WordPress يعمل على مكون إضافي من شأنه تمكين واجهة برمجة التطبيقات لقواعد المضاربة:

نتقدم بسرعة حتى أبريل 2024، عندما أصدر WordPress رسميًا تحميل المضاربة، وهو مكون إضافي للأداء يدعم واجهة برمجة التطبيقات لقواعد المضاربة.

ولكن قبل أن نخوض في الأمر، إليك نظرة عامة سريعة على واجهة برمجة التطبيقات لقواعد التخمين.

وأوضح API قواعد المضاربة

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

تعد واجهة برمجة تطبيقات قواعد المضاربة تقنية تجريبية طورتها Google لتحسين أداء التنقلات المستقبلية للصفحات. بناءً على رابط تلميحات الموارد المتوفرة على نطاق واسع rel=prefetchوlink rel=prerender، توفر واجهة برمجة التطبيقات المعرفة بواسطة JSON للمطورين ومالكي المواقع طريقة أكثر مرونة وتعبيرًا لتحديد المستندات التي يجب جلبها مسبقًا أو عرضها مسبقًا.

يمكنك بسهولة تعيين نوع التحميل التخميني (الجلب المسبق أو العرض المسبق) داخل السطر العناصر والملفات النصية الخارجية المشار إليها بواسطة رأس استجابة Speculation-Rules.

لديك خياران لتمكين Speculation Rules API:

1. استخدام أنماط عنوان URL: حدد عناوين URL المؤهلة للجلب المسبق أو العرض المسبق.
   
2. تحديد مستوى "الحرص": استخدم إعدادالحرصللإشارة إلى الوقت الذي يجب أن تنطلق فيه المضاربات - يقوم "الحرص" بتنشيط قواعد التخمين بمجرد ملاحظتها؛ يؤدي الخيار "معتدل" إلى إجراء تخمينات إذا قمت بالتمرير فوق رابط لمدة 200 مللي ثانية؛ "المحافظ" يتكهن بالمؤشر أو يهبط

كيفية تحديد مستوى "الحرص"

يعتمد ما إذا كنت تقوم بالجلب المسبق للصفحة أو العرض المسبق لها على تحسينات الأداء التي تريد تحقيقها:

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

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

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

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

العرض المسبق والجلب المسبق في ووردبريس

تمكن مستخدمو WordPress من إدراج علامات الارتباط للجلب المسبق أو العرض المسبق للموارد في مستندات HTML لسنوات حتى الآن، وذلك بفضل Resource Hints API.

ومع ذلك، فإن استخدام العلامات يفتقر إلى المرونة لأنه يجب تحديد عناوين URL مبكرًا، مما يؤدي إلى إهدار محتمل للموارد أو مكاسب ضائعة في الأداء. علاوة على ذلك، توفر الحلول الديناميكية التي تدرج علامات الارتباط استنادًا إلى رؤية إطار العرض مزيدًا من المرونة ولكنها لا تزال تؤدي إلى الجلب المسبق المفرط.

وبالنظر إلى كل هذه القيود، كان فريق الأداء متحمسًا للغاية لإيجاد حل أفضل...

التحميل التخميني: البرنامج الإضافي الجديد لأداء WordPress

يتيح التحميل التخميني العرض المسبق أو الجلب المسبق لعناوين URL الأخرى للواجهة الأمامية المرتبطة بالصفحة.

بمجرد التنشيط، يقوم المكون الإضافي تلقائيًا بإدراج نص JSON ويعرض مسبقًا أي عناوين URL على الصفحة بحماس "معتدل".

يمكنك بسهولة تغيير هذا السلوك الافتراضي وتعديله عبر قسم "تحميل المضاربة" في شاشة الإعدادات > القراءة :

المصدر:ووردبريس

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

فيما يلي مثال التعليمات البرمجية لعامل التصفية:

المصدر:ووردبريس

كيفية الاختبار وإرسال الملاحظات

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

وإليك كيف يمكنك مساعدتهم:

• قم بتثبيت وتنشيط المكون الإضافي Speculative Loading على موقعك عبر WP Admin أو المكون الإضافي Performance Lab.
• جرب تكوينات مختلفة عبر قسم "تحميل المضاربة" ضمن الإعدادات> القراءة.
• قم بتصحيح كيفية قيام القواعد التي يضيفها البرنامج المساعد بتشغيل التحميل التخميني لفهم الميزة بشكل أفضل والعثور على الأخطاء المحتملة.
• قم بالإبلاغ عن التعليقات أو الأخطاء في مستودع GitHub أو في منتديات دعم المكون الإضافي.
• قم بدمج المكونات الإضافية الخاصة بك مع مرشح "plsr_speculation_rules_href_exclude_paths" لاستبعاد عناوين URL محددة من الجلب المسبق و/أو العرض المسبق.
  

التنقل بالذكاء الاصطناعي من NitroPack: الحل الآلي لتجارب الصفحة الفورية

إن نظام Navigation AI من NitroPack عبارة عن مُحسِّن لأداء الويب مدعوم بالذكاء الاصطناعي، والذي يتنبأ تلقائيًا ويحلل سلوك المستخدم لعرض الصفحات بأكملها مسبقًا أثناء رحلة العميل.

بناءً على واجهة برمجة التطبيقات لقواعد التخمين، يتيح حل عدم اللمس للمطورين ومالكي المواقع توفير تجربة تصفح فورية من خلال:

1. تطبيق التنبؤات الأولية المعززة بالذكاء الاصطناعي عند تحميل الصفحة بناءً على البيانات دون تمريرها إلى واجهة برمجة التطبيقات لقواعد المضاربة (حتى الآن)؛
2. تحليل سلوك المستخدم، وضبط التوقعات، وتوجيه واجهة برمجة التطبيقات لقواعد التخمين للعرض المسبق (أو الجلب المسبق) للصفحة بمجرد أن نتأكد من الإجراء التالي.

يؤدي هذا المزيج من الذكاء الاصطناعي وواجهة برمجة التطبيقات لقواعد المضاربة من Google حتمًا إلى نتائج أداء مبهرة:

• أوقات التحميل أقل من 3 ثواني.
• تحسينات هائلة في LCP (أكبر طلاء محتوى) وCLS (إزاحة التخطيط التراكمي)
• تحسين مؤشرات أداء الويب الأساسية للموقع بأكمله

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

انضم إلى قائمة الانتظار الخاصة بـ Navigation AI وقم بإعداد موقعك لتجارب المستخدم الفورية →

الأسئلة الشائعة

هل يستخدم البرنامج المساعد للتحميل المضاربة في WordPress الذكاء الاصطناعي؟

لا، لا يتم تشغيل البرنامج الإضافي Speculative Loading بواسطة الذكاء الاصطناعي (AI). إنه يستفيد من واجهة برمجة التطبيقات لقواعد المضاربة من Google، حيث يقوم بإدخال نص JSON في أي عناوين URL مرتبطة بالصفحة وعرضها مسبقًا بتكوين حرص "معتدل".

ما الصفحات المؤهلة للتحميل التخميني؟

يمكنك تطبيق إستراتيجيات التحميل التخمينية على جميع الصفحات التي لم يتم تعديلها بواسطة إجراءات المستخدم. القاعدة الأساسية الجيدة هي تجنب العرض المسبق أو الجلب المسبق لصفحات الخروج وعربة التسوق، حيث قد يؤدي ذلك إلى تجربة مستخدم سيئة. بالإضافة إلى ذلك، تنصح Google بالصفحات الوهمية فقط عندما يكون هناك احتمال كبير (أكثر من 80% من الوقت) بأن يقوم المستخدمون بتحميلها.

ما هي المتصفحات التي تدعم واجهة برمجة التطبيقات لقواعد المضاربة؟

في حين أن واجهة برمجة التطبيقات لقواعد التخمين متاحة في Chrome وEdge منذ الإصدار 109، فإن الميزة الفرعية المحددة "قواعد المستند" التي تتيح للمتصفح الحصول على قائمة عناوين URL للتحميل التخميني من العناصر الموجودة في الصفحة متاحة من Chrome 121. وبعبارة أخرى، سيحتاج المستخدمون إلى استخدام Chrome 121+ أو Edge 121+ لتجربة المزايا الكاملة لواجهة برمجة تطبيقات Speculation Rules API.

كيف يتعامل Google Analytics مع التحميل المسبق التخميني؟

إذا كنت تستخدم Google Analytics، فلن تحتاج إلى القيام بأي شيء، حيث يتعامل GA مع العرض المسبق عن طريق التأخير حتى التنشيط افتراضيًا. ومع ذلك، باستخدام الأدوات الأخرى، قد تؤثر الصفحات المعروضة مسبقًا على التحليلات، وقد يحتاج مالكو الموقع إلى إضافة تعليمات برمجية إضافية لتمكين التحليلات فقط للصفحات المعروضة مسبقًا عند التنشيط. يمكن تحقيق ذلك باستخدام Promise، الذي ينتظر حدث العرض المسبق إذا كان المستند قيد العرض مسبقًا.