طور حياتك

كيف تؤثر اضافات ووردبريس على سرعة تحميل موقعك

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

كيف تؤثر اضافات ووردبريس فى وقت تحميل موقعك

كيف تعمل اضافات ووردبريس؟

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

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

لمزيد من التفاصيل، القى نظرة على مقالتنا حول ما هي اضافات ووردبريس؟ وكيف تعمل؟.

كيف يمكن للإضافات أن تؤثر على وقت تحميل موقعك؟

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

يؤدي إنشاء اتصال بقاعدة البيانات وتحميل مواد العرض إلى زيادة وقت تحميل موقعك. تطلب معظم الاضافات طلب http لتحميل مواد العرض مثل النصوص البرمجية وأكواد css والصور. يزيد كل طلب من وقت تحميل صفحة موقعك.

عندما يتم ذلك بشكل صحيح، فإن تأثير ذلك على أداء موقعك غالبا ما يكون غير ملحوظ نهائياً.

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

كيفية التحقق من الملفات التي تم تحميلها من قبل الإضافات فى ووردبريس؟

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

هناك الكثير من الأدوات التي يمكنك استخدامها لمعرفة ذلك.

يمكنك استخدام أدوات المطورين في متصفحك (فحص “Inspect” في جوجل كروم وفحص العنصر”Inspect Element ” في متصفح فايرفوكس).

ما عليك سوى زيارة موقعك وانقر بزر الماوس الأيمن لتحديد “Inspect”. سيؤدي ذلك إلى فتح لوحة أدوات مطور البرامج.

يجب النقر على علامة التبويب ‘Network’ ثم إعادة تحميل موقعك. عند إعادة تحميل الصفحة، ستتمكن من معرفة كيفية تحميل المتصفح لكل ملف.

فحص تحميل الصفحات فى ووردبريس

يمكنك أيضا استخدام أدوات طرف ثالث مثل Pingdom و GTmetrix لرؤية هذا. من بين المعلومات المفيدة الأخرى، هذه الأدوات سوف توضح لك أيضا جميع الملفات التي يتم تحميلها، وكم من الوقت أخذت للتحميل.

كم عدد الاضافات الكثيرة جداً ؟

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

الجواب يعتمد حقا على مجموعة الإضافات التي تستخدمها على موقعك ووردبريس.

احد الاضافات السيئة يمكن أن تقوم بتحميل 12 ملف في حين أن الإضافات الجيدة تقوم بتحميل فقط بضعة ملفات.

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

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

كيفية تتحكم فى اضافات ووردبريس على موقعك؟

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

راجع دليلنا حول كيفية العثور على أفضل اضافات ووردبريس.

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

بعد ذلك، يجب البدء في استخدام التخزين المؤقت “الكاش” و cdn “شبكة تسليم المحتوى” لزيادة تحسين وسرعة و أداء موقعك.

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

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

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

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

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

الطريقة الصحيحة لتحميل الاسكربتات و stylesheets في ووردبريس هي استخدام الدالة wp_enqueue_style و wp_enqueue_script.

معظم المطورين لاضافات ووردبريس يستخدموها لتحميل الملفات. ووردبريس أيضا يأتي مع وظائف سهلة لإلغاء تسجيل تلك الاسكربتات و stylesheets .

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

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

دعونا نرى كيفية إزالة stylesheets بسهولة !

تعطيل اضافات stylesheets في ووردبريس

أولا، سوف تحتاج إلى العثور على الاسم أو التعامل مع stylesheet التي تريد إلغاء تسجيلها. يمكنك تحديد موقعه باستخدام أداة فحص المتصفح “inspect tool”.

العثور على stylename

بعد العثور على مقبض stylesheet ، يمكنك إلغاء تسجيلها عن طريق إضافة هذا الرمز إلى ملف functions.php فى قالبك.

[php]

add_action( ‘wp_print_styles’, ‘my_deregister_styles’, 100 );
function my_deregister_styles() {
wp_deregister_style( ‘gdwpm_styles-css’ );
}

[/php]

يمكنك إلغاء تسجيل العديد من مقابض stylesheet كما تريد داخل هذه الوظيفة. على سبيل المثال، إذا كان لديك أكثر من اضافة لإلغاء تسجيل stylesheet ، فستفعل ذلك كما يلي:

[php]

add_action( ‘wp_print_styles’, ‘my_deregister_styles’, 100 );
function my_deregister_styles() {
wp_deregister_style( ‘gdwpm_styles-css’ );
wp_deregister_style( ‘bfa-font-awesome-css’ );
wp_deregister_style( ‘some-other-stylesheet-handle’ );
}

[/php]

تذكر أن إلغاء تسجيل stylesheet سيؤثر على ميزات اضافات ووردبريس لموقعك. يجب نسخ محتويات كل stylesheet تقوم بإلغاء تسجيلها ولصقها في stylesheet لقالب ووردبريس لموقعك أو إضافتها كـ css مخصصة.

تعطيل اضافات جافا سكربت في ووردبريس

تماما مثل stylesheet، سوف تحتاج إلى معرفة المقبض المستخدم من قبل ملف جافا سكريبت لإلغاء تسجيلها. ومع ذلك، فإنك لن تجد المقبض باستخدام أداة الفحص “inspect tool”.

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

طريقة أخرى لمعرفة كل المقابض المستخدمة من قبل الإضافات هو إضافة هذا الرمز في الملف functions.php فى قالب موقعك.

[php]

function wpb_display_pluginhandles() {
$wp_scripts = wp_scripts();
$handlename .= "<ul>";
foreach( $wp_scripts->queue as $handle ) :
$handlename .= ‘<li>’ . $handle .'</li>’;
endforeach;
$handlename .= "</ul>";
return $handlename;
}
add_shortcode( ‘pluginhandles’, ‘wpb_display_pluginhandles’);

[/php]

بعد إضافة هذا الرمز، يمكنك استخدام [pluginhandles] كرمز قصير “shortcode” لعرض قائمة مقابض اسكربتات اضافة ووردبريس.

عرض قائمة مقابض البرنامج النصي المساعد في وورد
عرض قائمة مقابض البرنامج النصي المساعد في وورد

الآن بعد أن لديك مقابض الاسكربت، يمكنك بسهولة إلغاء تسجيلها باستخدام الكود أدناه:

[php]

add_action( ‘wp_print_scripts’, ‘my_deregister_javascript’, 100 );

function my_deregister_javascript() {
wp_deregister_script( ‘contact-form-7’ );
}

[/php]

يمكنك أيضا استخدام هذا الرمز لتعطيل العديد من الاسكربتات، مثل هذا:

[php]

add_action( ‘wp_print_scripts’, ‘my_deregister_javascript’, 100 );

function my_deregister_javascript() {
wp_deregister_script( ‘contact-form-7’ );
wp_deregister_script( ‘gdwpm_lightbox-script’ );
wp_deregister_script( ‘another-plugin-script’ );
}

[/php]

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

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

أفضل مكان لاختبار هو تثبيت ووردبريس على سيرفر محلى ” جهازك الكمبيوتر مثلاً”

تحميل البرامج النصية ” الاسكربت” فقط على صفحات محددة

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

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

إليك كيفية تحميل الاسكربتات ” النصوص البرمجية” على صفحات محددة.

[php]

add_action( ‘wp_print_scripts’, ‘my_deregister_javascript’, 100 );

function my_deregister_javascript() {
if ( !is_page(‘Contact’) ) {
wp_deregister_script( ‘contact-form-7’ );
}
}

[/php]

هذا الرمز ببساطة يقوم بتعطيل اضافة نموذج الاتصال على جميع الصفحات باستثناء صفحة الاتصال.

هذا كل شئ حتى الان 😍.

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