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

شرح لكيفية تسريع مدونة بلوجر بإضافة كود بسيط يعمل على زيادة سرعة المدونة عبر التحميل الفوري للصفحات وتوفير حوالي 300 ملي ثانية من زمن تحميل الصفحة.
جدول المحتويات

تسريع مدونة بلوجر هو موضع شائع هذه الأيام، وهناك العديد من الطرق والتقنيات التي من الممكن استخدامها لـ تسريع مدونة بلوجر الى أقصى سرعة ممكنة.

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

تسريع مدونة بلوجر, كود تسريع مدونة بلوجر , زيادة سرعة المدونة

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

لماذا يجب تسريع مدونة بلوجر ؟

هناك العديد من الأسباب التي تدعو لتسريع مدونة بلوجر , قد يسبب بعضها مشاكل كبيرة لك:

  1. يقوم محرك البحث جوجل بتصنيف الصفحات ذات التحميل السريع أعلى في نتائج البحث والعكس بالنسبة للصفحات ذات التحميل البطيء. يجب ان تهتم بسرعة المدونة.
  2. أصبحت السرعة عامل أساسي في أرشفة وفهرسة الصفحات، وتراجعت العديد من المواقع والصفحات البطيئة، وذلك بعد التحديث الذي أطلقته جوجل.
  3. أثبتت الدراسات انه عندما يستغرق تحميل الصفحة وقتا طويلا، فإن ذلك يدي إلى ارتفاع معدل الارتداد بشكل كبير، فمثلا عندما يزداد وقت تحميل الصفحة إلى 3 ثواني فإن معدل الارتداد يرتقع بنسبة 32%. اطلع على الدراسة من هنا.
  4. أيضا هناك العديد من الزوار الذين ليس لديهم صبر ويتوقعون تحميل الصفحة بأقل وقت. يؤدي تحسين سرعة الموقع إلى تحسين تجربة المستخدم. 
هل تؤثر سرعة الموقع الإلكتروني في الأرشفة ومعدل الزحف؟
تؤدي زيادة سرعة الموقع الإلكتروني إلى تحسين تجربة المستخدمين وكذلك إلى زيادة معدّل الزحف. اطلع على المزيد.

بعد أن أخذنا فكرة عن اهمية سرعة الصفحة، سوف نستخدم تقنية التحميل الفوري (instant page) لزيادة سرعة المدونة عن طريق الجلب المسبق للصفحات. وهي مكتبة مجانية مفتوحة المصدر طورها (ألكسندر ديولوت).

كيف يعمل التحميل الفوري للصفحة عبر الجلب المسبق؟

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

تعمل ميزة التحميل المسبق للصفحة على تحسين تجربة المستخدم على موقع الويب عن طريق تحميل الصفحات بسرعة البرق.

على سطح المكتب، عندما يقوم الزائر بتمرير الماوس فوق أي رابط ومن دون النقر مباشرة، سيبدأ التحميل المسبق ويوفر حوالي 300 مللي ثانية في عملية التحميل.

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

كما أنه يعمل بنفس الطريقة على الجوال. سيبدأ تحميل الصفحة في نفس الوقت عندما يلمس شخص ما شاشته قبل ان يبدأ التصفح. هنا يمكن تحسين سرعة الصفحة بمقدار 90 مللي ثانية في المتوسط.

هل هذا يؤثر على وقت استجابة الخادم (TTFB)؟

لا، لن يؤثر ذلك على وقت استجابة الخادم، فقط بقدر ما يتم تحميله مسبقًا فقط عندما تكون هناك فرصة جيدة أن ينقر المستخدم على رابط. يقوم أيضًا بتحميل أكواد الـ HTML فقط من الصفحة ويقوم بترك أكواد الـ CSS والـ Java Script.

هل هذا الكود يثقل قالب المدونة؟

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

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

يمكنك بسهولة إضافة كود تسريع بلوجر عبر التحميل الفوري، لإضافة الكود لمدونتك اتبع التعليمات التالية:

  1. من لوحة تحكم بلوجر نختار المظهر ومن ثم نختار تعديل HTML
  2. نضغط CTRL+F ونبحث عن الوسم </body> غالبا ما يكون في أسفل القالب
  3. نقوم بلصق الكود أعلى الوسم </body> ومن ثم نضغط حفظ
كود تسريع مدونة بلوجر عبر التحميل الفوري للصفحات
  <script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBzVPnkLHw"></script>

لقد نجحت الآن في إضافة وظيفة التحميل الفوري للصفحات على مدونة بلوجر . الآن سيقوم بالجلب المسبق والتحميل الفوري للصفحات بمدونتك قبل النقر مباشرة.

هل الكود متوافق مع المتصفحات وآمن؟

متوافق تماما مع جميع المتصفحات مثل Chrome و Microsoft edge و Brave و Firefox وما إلى ذلك. ولن يؤثر أيضا على مدونتك على المتصفحات الغير مدعومة مثل Safari و internet explorer.

وكلاود فلير؟ متوافق مع كلاود فلير أيضا ويمكنك استخدامه بالتزامن مع خدمات كلاود فلير، وانا أستخدمه شخصيا في هذه المدونة.

إعدادات إضافية وتخصيص الكود

يمكنك أيضًا تطبيق بعض الإعدادات الإضافية وتخصيص Javascript وفقًا لاختيارك عن طريق إضافة بعض سمات البيانات الفورية.

بشكل افتراضي، يعمل هذا الرمز مع الروابط الداخلية فقط ولكن يمكنك تمكينه للروابط الخارجية باستخدام سمات البيانات الفردية الفورية.

فيما يلي قائمة بسمات البيانات التي يمكنك استخدامها.

  data-instant-allow-query-string
data-instant-allow-external-links
data-instant-whitelist
data-instant-intensity="mousedown"
data-instant-intensity="mousedown-only"
data-instant-intensity="150"
data-instant-intensity="viewport"
data-instant-intensity="viewport-all"
data-instant-mousedown-shortcut
  

يمكنك أيضًا استبعاد رابط معين للتحميل المسبق باستخدام سمة data-no-Instant.

مثال:

<a href="https://domain.com/post" data-no-instant>Post</a>
  

خاتمة

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

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

سيؤدي ذلك إلى تحسين تجربة المستخدم بشكل كبير عن طريق تحميل الصفحات داخل مدونتك بسرعة صاروخية.

إقرا أيضاً :