الرئيسية إضافات ووردبريس المكون الاضافي Jetpack Boost لتحسين سرعة موقعك

إضافات ووردبريس

المكون الاضافي Jetpack Boost لتحسين سرعة موقعك

DNW 0

A+ A-

 المكون الإضافي على WordPress المسمى Jetpack Boost، من الحلول البسيطة التي يمكن الاعتماد عليها في تحسين Core Web Vitals الذي سيكون عامل تصنيف مهم في منتصف 2021.

ماهي العوامل الرئيسية المؤثرة سلباً على أي موقع ويب؟

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

1. ملفات CSS.
2. تحميل الصور.
3. ملفات JavaScript.

وهنا يمكن القول ان Jetpack Boost تتمثل وظيفته في تحسين هذه الثلاثة العوامل معاً.

Jetpack Boost

هو مكون إضافي وظيفته تكمن في تحسين تحميل ملفات CSS، وتأجيل تحميل ملفات JavaScript غير الأساسية، تحميل الصور الكسولة.

1. تحسين تحميل CSS

لأنشاء صفحة ويب، نحتاج الي بنائها، وهي عملية تسمى " التقديم" Cascading Style Sheets (CSS) وهو رمز يخبر المتصفحات بلون الخط، وأين يتم وضع عناصر الصفحة وكل شيء آخر له علاقة بالشكل الذي تبدو عليه صفحة الويب.

 وفي نفس الوقت فإن CSS يدعى بمورد حظر العرض، مورد حظر العرض وهو منع المتصفح انشاء صفحة ويب، بسبب احتياج الصفحة الي تنزيل الموارد (مثل ورقة الأنماط المتتالية ).

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

"CSS: وظيفته تتمثل في تنسيق شكل الموقع، أي الألوان و الخطوط و الصور و الخلفيات المستخدمة في أي صفحة ويب، لتبسيط التعامل مع صفحة الويب."

CSS الحرجة 

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

يمكن تعديل ملف CSS الخاص به ووضعه في الملف المناسب في WordPress أو يمكنه استخدام Jetpack Boost للقيام بذلك تلقائيًا، بينما قد يقول البعض أنه من الأفضل القيام بذلك يدويًا ، إلا أنه لا يمكن للجميع الوصول إلى شخص ما للقيام بذلك نيابة عنهم، يعمل Jetpack Boost على تبسيط عملية إضافة Critical CSS إلى صفحة ويب وتسريعها.

2. تأجيل JavaScript غير الأساسية

JavaScript هي لغة برمجية تستخدم لأنشاء صفحات ويب اكثر تفاعليه، مثل القائمة المنسدلة، وبتعبير اخر آلة صغيرة تجعل الأشياء تحدث على صفحة الويب.

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

يتم تنزيل الكود المهم الضروري للزائر للتفاعل مع موقع ما أولاً ويتم تنزيل الأشياء غير الضرورية للمستخدم بعد الانتهاء من تحميل الأساسية.

3. تحميل الصور كسول

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

 وهنا تكمن وظيفة المكون الإضافي Jetpack Boost، فهو يعمل بطريقة  Lazy Loading، التي هي تأجيل تنزيل الصور على صفحة الموقع التي يتم تصفحها، حيث لا يتم تنزيل الصورة في الصفحة الا عند تمرير المتصفح للصفحة الي مكان الصورة، هذا يجعل صفحة الويب قابلة للاستخدام بشكل اسرع لزائر الموقع.

تعزيز Jetpack

Boost هو حل بنقرة واحدة موصى به للمدونين الذين يحتاجون إلى طريقة سهلة لتحسين أداء Core Web Vitals.

يصفه Jetpack على النحو التالي:

"Jetpack Boost يمنح موقعك نفس مزايا الأداء التي تتمتع بها مواقع الويب الرائدة في العالم، دون الحاجة إلى مطور."

الوسوم: إضافات ووردبريس