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

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

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

فيما يلي، سنوضح لك كل شيء بدءًا من منصة الاستضافة الخاصة بنا وحتى الأدوات المحددة التي تمنحنا ميزة تنافسية.

ملاحظة: هذه المقالة جزء من سلسلة DoctorMega Insider الخاصة بنا، والتي تشارك الخبرات والنصائح والأدوات التي نستخدمها لتنمية أعمالنا.

فيما يلي نظرة عامة سريعة على جميع العناصر التي سنناقشها في هذه المقالة:

• لماذا تعتبر سرعة تحميل الصفحة مهمة؟
• كيف نحسن سرعة تحميل الصفحة على DoctorMega
• منصة استضافة أسرع
• CloudFlare DNS
• تحسين الأداء باستخدام WP Rocket
• إدراج JavaScript وCSS في قائمة الانتظار
• تفريغ أستايلات محرر الكتلة
• تحسينات الأداء المتنوعة
• الأسئلة الشائعة حول تحسين سرعة تحميل الصفحة
• موارد إضافية والخطوات التالية

لماذا تعتبر سرعة تحميل الصفحة مهمة؟

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

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

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

تزداد احتمالية مغادرة المستخدمين لموقع إلكتروني (الارتداد منه) بنسبة 36% إذا استغرق تحميله 3 ثوانٍ. وهم أكثر عرضة بنسبة 90% لمغادرة المواقع الإلكتروني التي تستغرق 5 ثوانٍ أو أكثر للتحميل.

المصدر: ThinkWithGoogle

فيما يلي بعض الأسباب الأخرى التي تجعل سرعة تحميل الصفحة مهمة للغاية:

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

باختصار، تعمل سرعة تحميل الصفحة على تحسين تجربة المستخدم الشاملة مع زيادة رضا العملاء وتفاعلهم.

كيف نحسن سرعة تحميل الصفحة على DoctorMega

نحن نطبق جميع أفضل الممارسات القياسية من دليل تحسين أداء وسرعة ووردبريس.

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

فيما يلي لقطة شاشة حديثة لتحسين الأداء قبل وبعد التقنيات التي قمنا بتنفيذها.

إذا كنت تريد إجراء اختبار مماثل لموقعك الإلكتروني ومعرفة درجة Google Core Web Vitals، فاستخدم أداة PageSpeed Insights.

ما عليك سوى إدخال عنوان URL الذي تريد اختباره وانقر فوق الزر ‘تحليل’.

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

الأن، دعونا نلقي نظرة على الخطوات التي اتخذناها لتحقيق درجة الأداء هذه.

1. منصة استضافة أسرع

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

بالنسبة للمواقع الصغيرة، يمكنك البدء مع أي من شركات الاستضافة الرائدة مثل Namecheap أو Hostinger.

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

لهذا السبب، يتم استضافة DoctorMega على البنية التحتية السحابية للمؤسسات من Kinsta‘s، والتي تعمل على منصة جوجل كلاود.

لماذا نستخدم Kinsta؟

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

لمزيد من التفاصيل، يمكنك الاطلاع على مقالتنا حول سبب انتقال DoctorMega إلى استضافة Kinsta.

والأجمل من ذلك أن مزايا Kinsta لا تقتصر على عملاء المؤسسات فحسب، بل تستضاف جميع حسابات الاستضافة المشتركة لـ Kinsta أيضًا على منصة جوجل كلاود.

2. CloudFlare DNS

في مقال سابق على DoctorMega Insider، شاركنا دراسة الحالة الخاصة بنا حول التبديل من Sucuri إلى Cloudflare.

وبعيدًا عن الأمان، فإن استخدام Cloudflare DNS يمنح DoctorMega ميزة كبيرة في الأداء.

نظام أسماء النطاقات (DNS) هو بمثابة دليل الهاتف للمواقع الإلكترونية.

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

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

لماذا نستخدم Cloudflare DNS

• أسرع حل DNS: تتيح شبكة Cloudflare العالمية حل DNS من أقرب موقع لأي مستخدم.
• أمان مدمج: نظرًا لأن كل الزيارات تمر عبر Cloudflare DNS، فإن جدار حماية تطبيقات الويب (WAF) الخاص بهم قادر على التخفيف من حدة هجمات DDoS والاسبام والروبوتات غير الضرورية وحقن SQL ومحاولات الاختراق والمزيد وحظرها بسرعة.
• توصيل CDN: تقوم شبكتهم تلقائيًا بتخزين الأصول الثابتة وتقديمها من خلال شبكتهم العالمية، مما يجعل المواقع الإلكترونية تحمل بشكل أسرع. وبما أن هذا يحدث على مستوى DNS، فلن تحتاج إلى الحصول على دومينات فرعية منفصلة لأصول CDN.

نحن نستخدم خطة Enterprise، ولكن Cloudflare تقدم CDN وDNS مجانًا للمواقع الإلكترونية الأصغر حجمًا، والتي تقوم بالأساس بنفس الشيء مع ميزات أقل.

3. تحسين الأداء باستخدام WP Rocket

لمزيد من تحسين الأداء، نستخدم WP Rocket، وهو أحد أفضل إضافات أداء ووردبريس في السوق. من بين أمور أخرى، فهو يتعامل مع التخزين المؤقت، مما يعني أنه يحفظ نسخ من موقعك الإلكتروني حتى يتم تحميل الصفحات بشكل أسرع للزائرين المتكررين.

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

لماذا نستخدم WP Rocket

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

لقد شاركنا تجربتنا التفصيلية مع هذا الإضافة في مراجعة WP Rocket الخاصة بنا مع الإيجابيات والسلبيات.

ما هي الإعدادات التي نستخدمها في WP Rocket؟

لقد قمنا بتشغيل إعدادات WP Rocket التالية:

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

هل تحتاج مساعدة في استخدام هذه الإعدادات على موقعك؟ لدينا دليل خطوة بخطوة لإعداد WP Rocket لتحقيق أفضل النتائج.

4. إدراج JavaScript وCSS في قائمة الانتظار

نحن نعمل على تحسين تسليم ملفات JavaScript وCSS باستخدام WP Rocket، ولكن أولاً، نتأكد من أن موقعنا الإلكتروني يقوم فقط بتحميل ملفات JavaScript وCSS المطلوبة لصفحة معينة.

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

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

⚠️ملاحظة: هذه تقنية متقدمة للمستخدمين ذوي مهارات البرمجة. إن محاولة تعديل ملفات القالب الخاص بك دون خبرة قد تؤدي إلى إتلاف موقعك أو التسبب في حدوث مشكلات أخرى.

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

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

سيعرض لك جميع ملفات JavaScript وCSS التي يتم تحميلها على الصفحة، حتى تتمكن من معرفة الملفات غير الضرورية. لإلغاء قائمة انتظار الاسكربت، ستحتاج إلى handle من Query Monitor. وبعد ذلك، يمكنك استخدام الكود التالي:

function prefix_remove_scripts() {
    if ( is_front_page() ) {
        wp_dequeue_script( 'plugin-script-handle' );
    }
}
add_action( 'wp_print_scripts', 'prefix_remove_scripts', 100 );

وبالمثل، يمكنك استخدام الكود التالي لإزالة ورقة أنماط غير ضرورية:

/**
 * Remove unnecessary stylesheets
 */
function prefix_remove_styles() {
    if ( is_front_page() ) {
    wp_dequeue_style( 'stylesheet-handle' );
    }
}
add_action( 'wp_enqueue_scripts', 'prefix_remove_styles', 100 );

لمزيد من التفاصيل، راجع البرنامج التعليمي الخاص بنا حول كيفية إضافة JavaScript وCSS بشكل صحيح في ووردبريس.

🌟نصيحة خبير: هل أنت غير واثق من قدرتك على إصلاح الأخطاء أو تعديل الكود بنفسك؟ يمكنك دائمًا ترك الأمر للمحترفين.

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

5. تفريغ أستايلات محرر الكتلة

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

لتعزيز الأداء بشكل أكبر، قمنا بإلغاء تحميل بعض أنماط محرر الكتل التي لا نستخدمها على DoctorMega.

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

في مصطلحات المتصفح، يشبه DOM خريطة العناصر والعناصر الفرعية على الصفحة (العناوين والنصوص والصور وأوراق الأنماط والاسكربتات وما إلى ذلك)

إن حجم DOM الأكبر يعني أن المتصفح سوف يقضي وقت أطول في معالجته. يتم معالجة DOM الأصغر حجمًا بسرعة.

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

6. تحسينات الأداء المتنوعة

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

إليك بعضًا منها يمكنك تطبيقها بسهولة على موقعك الإلكتروني:

وفيما يلي بعض منها التي يمكنك تنفيذها بسهولة على موقعك الإلكتروني:

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

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

الأسئلة الشائعة حول تحسين سرعة تحميل الصفحة

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

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

الهدف العظيم هو تحميل صفحاتك في أقل من ثانيتين. كلما كان موقعك أسرع، كان ذلك أفضل لزوارك وترتيبك في محركات البحث.

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

يمكنك استخدام أدوات مجانية عبر الإنترنت مثل PageSpeed Insights من جوجل لاختبار موقعك. ما عليك سوى إدخال عنوان URL لموقعك الالكتروني، وستقدم لك الأداة تقرير مفصل عن الأداء واقتراحات للتحسين.

هل يجب أن أكون مطور لجعل موقعي أسرع؟

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

أي من هذه النصائح تعطي أكبر دفعة للأداء؟

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

الموارد الإضافية والخطوات التالية

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

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

إذا كنت مستعدًا لمعرفة المزيد، فإليك بعض الأدلة الإضافية التي قد تجدها مفيدة:

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

هل وجدت هذا المنشور مفيدًا؟ شاركنا رأيك من خلال ترك تعليق أدناه، أو انضم إلينا على تويتر وفيسبوك.