قد يظهر تحذير “Avoid an excessive DOM size” في Google Lighthouse أو أدوات اختبار سرعة موقع الويب الأخرى. وهذا يعني في الأساس أن الموقع الكتروني الخاص بك يحتوي على عناصر كثيرة جدًا، مما قد يؤدي إلى إبطاء أوقات التحميل وإحباط الزوار.

لحسن الحظ، هناك بعض الأشياء التي يمكنك القيام بها لتقليل حجم DOM وتحسين أداء ووردبريس الخاص بك.

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

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

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

احجز موعد مجاني مع فريقنا اليوم!

ماذا يعني تحذير “Avoid an Excessive DOM Size“؟

هل سبق لك أن أجريت اختبار سرعة موقع ووردبريس الخاص بك وصادفت تحذير يسمى “Avoid an excessive DOM size”؟

يظهر هذا التحذير في أدوات اختبار السرعة مثل Google Lighthouse أو Google PageSpeed ​​Insights أو GTMetrix. يشير هذا إلى أن الموقع الكتروني الخاص بك يحتوي على عدد كبير جدًا من العناصر، مما قد يؤدي إلى إبطاء سرعة تحميله.

ولكن ما هو DOM بالضبط، ولماذا حجمه مهم؟ دعنا نوضح ذلك بالتفصيل.

DOM تعني Document Object Model (نموذج كائن المستند). فكر في موقع ووردبريس الخاص بك باعتباره هيكل شجرة كبير. كل عنصر في صفحتك، مثل عناوين النصوص والصور والقوائم والأزرار، يشبه فرع أو ورقة في هذه الشجرة. تسمى هذه العناصر الفردية عقد DOM.

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

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

كيف يؤثر Excessive DOM Size على أداء الموقع الكتروني؟

يمكن أن يؤثر DOM size الكبير سلبًا على أداء موقع ووردبريس الخاص بك بعدة طرق.

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

في حين أن كل عنصر على حدة قد يبدو صغير، فإن العدد الإجمالي يمكن أن يتراكم بسرعة، مما يؤدي إلى إنشاء Excessive DOM size.

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

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

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

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

ما عدد عناصر DOM التي تعتبر كثيرة جدًا بالنسبة لجوجل؟

على الرغم من عدم وجود حد صارم محدد، فإن Google Lighthouse وأدوات الاختبار الأخرى تحدد مواقع الويب التي تحتوي على حجم DOM مفرط. وفيما يلي تفصيل لما قد تشير إليه هذه العلامات:

• تحذير: يقوم Google Lighthouse بإصدار تحذير عندما يحتوي عنصر النص في صفحتك على أكثر من 800 عقدة تقريبًا.
• خطأ: إذا وصل عنصر النص إلى أكثر من 1400 عقدة، يقوم Lighthouse بإصدار خطأ.

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

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

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

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

لحسن الحظ، قمنا بتجميع دليل شامل لك لحل هذه المشكلة. فيما يلي 11 طريقة مجربة لتقليل DOM size. وتحسين أداء ووردبريس:

لا تتردد في استخدام الروابط السريعة أعلاه لمعرفة المزيد عن طريقة تحسين أداء DOM. لنبدأ.

1. استخدم اضافة لتحسين سرعة ووردبريس

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

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

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

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

سنشرح كل هذه الميزات بمزيد من التفصيل لاحقًا في المقالة.

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

يمكنك قراءة دليل التثبيت والإعداد الخاص بـ WP Rocket لتشغيل الاضافة.

2. تحقق من قالبك والاضافات

في حين أن إضافات وقوالب ووردبريس رائعة لإضافة الوظائف والأناقة إلى موقع ووردبريس الخاص بك، إلا أنها قد تساهم أحيانًا في زيادة حجم DOM بشكل مفرط والذي يطلق علية “Excessive DOM size”.

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

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

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

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

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

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

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

3. استخدم باني الصفحة المحسن

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

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

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

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

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

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

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

ومع ذلك، فإن هذه الأدوات ليست الأكثر مرونة. في هذه الحالة، نوصي باستخدام منشئ صفحة محسن مثل Beaver Builder.

لقد اختبرنا هنا في DoctorMega العديد من منشئي الصفحة، وأظهر Beaver Builder أداء أسرع (93 على PageSpeed ​​Insights) مقارنة بالمنافسين مثل Divi (91) وElementor (90).

يمكنك قراءة المزيد حول هذا الموضوع في مراجعتنا لـ Elementor مقابل Beaver Builder.

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

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

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

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

يستخدم فريقنا أدوات مختلفة لتحسين الصور لـ DoctorMega. يستخدم البعض خدمات عبر الإنترنت مثل TinyPNG، بينما يعتمد البعض الآخر على الحلول التي توفرها أدوات تحرير الصور المفضلة لديهم، مثل Affinity أو Photoshop.

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

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

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

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

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

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

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

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

5. تنفيذ التحميل الكسول

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

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

وهذا يعني أن المحتوى الأساسي الذي يظهر أولاً (مثل النص والتخطيط) يتم تحميله بشكل أسرع. وهذا بدوره يؤدي إلى تحميل الصفحة بشكل أسرع وتجربة مستخدم أكثر سلاسة.

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

ما عليك سوى الانتقال إلى الإعدادات » WP Rocket في لوحة تحكم ووردبريس الخاصة بك. ثم انقر فوق علامة التبويب “Media”.

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

إذا كنت تريد عرض معرض صور، فنوصيك باستخدام اضافة للمعرض مزود بميزة التحميل البطيء.

يعد Envira Gallery مثال رائع على ذلك. بالإضافة إلى التحميل البطيء، يمكنك تعيين فترة زمنية محددة لتحميل الصور.

بالإضافة إلى ذلك، يمكنك تحميل قسم التعليقات الخاص بك بشكل كسول.

ولهذا الغرض، يمكنك استخدام Thrive Comments، الذي يوفر ميزات لتحسين تعليقات ووردبريس.

بعد تنشيط الاضافة، انتقل إلى Thrive Dashboard » Thrive Comments. ثم افتح علامة التبويب “Advanced Settings” وانتقل إلى قسم “Page speed optimization”.

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

يمكنك أيضًا اختيار تحميل صور الرمزية داخل التعليقات حتى تظهر.

6. ترقيم التعليقات أو المنشورات التي تحتوي على الكثير من المحتوى

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

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

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

لحسن الحظ، يمكنك بسهولة تقسيم المنشورات الطويلة باستخدام كتلة “فاصل الصفحة” في محرر الكتل.

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

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

ثم، حدد المربع بجوار “Break comments into pages” وقم بتخصيص عدد التعليقات التي تريد رؤيتها في كل صفحة.

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

7. تصغير ملفات CSS وJavaScript

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

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

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

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

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

كما سترى في الدليل، فإن تصغير الكود أمر سهل إذا كنت تستخدم بالفعل اضافة مثل WP Rocket. كل ما عليك فعله هو الانتقال إلى الإعدادات » WP Rocket والتبديل إلى علامة التبويب “تحسين الملفات”.

ثم قم بتمكين الميزات لتقليص حجم ملفات CSS وJavaScript.

كما يقدم بعض موفري استضافة ووردبريس ميزات مدمجة لتقليص حجم ملفات CSS وJavaScript.

على سبيل المثال، يقدم SiteGround اضافة Speed ​​Optimizer لتقليص حجم ملفات CSS.

كما يقدم Hostinger ميزة مماثلة من خلال شبكة CDN المدمجة، المتوفرة في خطة Business والمستويات الأعلى.

8. تقليل استخدام JavaScript وCSS في عرض البيانات

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

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

يحتوي WP Rocket على ميزات مدمجة لتقليل حجب العرض لملفات CSS وJavaScript.

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

يمكنك أيضًا إزالة أي كود CSS غير مستخدم فعليًا على صفحاتك.

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

بالإضافة إلى ذلك، هناك ميزة تسمى “Load JavaScript Deferred”. وهي تخبر المتصفح بالانتظار حتى يتم تحميل بعض ملفات JavaScript بعد عرض المحتوى الرئيسي لموقعك (HTML).

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

يمكنك معرفة المزيد حول تمكين هذه الميزات في مقالتنا حول كيفية تقليل CSS وJavaScript التي تعيق العرض في ووردبريس.

9. تمكين التخزين المؤقت لـ ووردبريس

لا يقلل التخزين المؤقت من حجم DOM بشكل مباشر، ولكنه يحسن بشكل كبير من الأداء المتصور لموقع الويب الخاص بك.

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

وهذا يجعل تحميل DOM وعرضه أسرع، مما يؤدي إلى تجربة أكثر سلاسة للزوار.

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

لحسن الحظ، يعد إعداد التخزين المؤقت للمتصفح أمر بسيط باستخدام اضافة مثل WP Rocket. وذلك لأن الاضافة تمكن التخزين المؤقت تلقائيًا بإعدادات مثالية لموقع الكتروني الخاص بك.

الأفضل من ذلك، أن WP Rocket يخزن موقع الويب الخاص بك بشكل مستمر في جميع الأوقات. كلما تم مسح ذاكرة التخزين المؤقت (يدويًا أو تلقائيًا)، يقوم WP Rocket تلقائيًا بإنشاء ملفات ذاكرة تخزين مؤقتة جديدة.

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

لمزيد من التفاصيل حول ميزات التخزين المؤقت لـ WP Rocket، يمكنك الرجوع إلى قسم إعداد خيارات التخزين المؤقت في دليل تثبيت WP Rocket الخاص بنا.

10. استخدم شبكة CDN الخاصة بـ ووردبريس

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

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

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

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

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

نحن نستخدم شبكة CDN التابعة لشركة Cloudflare على موقعنا الإلكتروني هنا في DoctorMega. وهي تعمل بشكل جيد مع مدونتنا الكبيرة التي تضم عدد كبير من الزوار.

11. تحسين قاعدة بيانات ووردبريس الخاصة بك

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

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

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

يساعد تحسين قاعدة البيانات الخاصة بك عن طريق إزالة البيانات غير الضرورية موقع الويب الخاص بك على العمل بسلاسة ويمكن أن يحسن بشكل غير مباشر حجم DOM المتصور.

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

التركيز على الأداء العام لـ ووردبريس، وليس فقط على حجم DOM

على الرغم من أن معالجة تحذير “Avoid an excessive DOM size” في ووردبريس أمر مهم لسرعة موقع الويب، إلا أنه ليس العامل الوحيد الذي يجب مراعاته.

قد يكون لموقع الويب الذي يحتوي على الكثير من الوظائف أو التنسيق الفريد حجم DOM أكبر بشكل طبيعي، وهذا أمر طبيعي.

والمفتاح هو إيجاد التوازن الصحيح بين أداء الموقع والميزات. لذا، بصرف النظر عن حجم DOM، قد ترغب في الانتباه إلى مقاييس أخرى مثل Core Web Vitals. هذه مقاييس محددة يستخدمها جوجل لقياس تجربة مستخدم موقع الويب.

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

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

تتضمن جميع خطط الخدمة تكوين متخصصة للتخزين المؤقت لتلبية احتياجات الموقع الكتروني الخاص بك، وتحسين الصور دون تقليل جودة الصورة، وتحسين التحميل التلقائي لقاعدة البيانات، وغير ذلك الكثير. بالإضافة إلى ذلك، نضمن حصول الموقع الكتروني الخاص بك على درجة A أو B+ في أداة PageSpeed ​​الخاصة بنا.

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