7 نصائح مثبتة لتسريع موقع Elementor الخاص بك

نشرت: 2019-11-05

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

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

وفي الجزء الأخير من هذه المقالة ، سنناقش الأخطاء الشائعة التي يجب تجنبها.

بدون مزيد من اللغط ، دعنا نتعمق

Elementor يبطئ موقع الويب: هل هذا صحيح

How to speed up Elementor Website

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

يتم تحميل معظم مواقعي في أكثر من ثانيتين وفقًا لإحصائيات Google ، بالطبع ، قد تختلف هذه المرة قليلاً اعتمادًا على المحتوى الخاص بك وعدة عوامل أخرى - مدونة WP Info

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

تظهر مقالات من Kinsta أن موقع الويب يتباطأ لأسباب عديدة. وقد أوضحوا تمامًا سبب إبطاء موقع الويب من حيث الجوانب المختلفة.

لذا بالنظر إلى الحقائق ، سنعرض كيف يمكنك تسريع موقع Elementor الخاص بك وما يجب عليك متابعته ، في الجزء التالي.

7 نصائح مثبتة لتسريع موقع Elementor

Tips to Speed Up Website
نصائح لتسريع الموقع

نحن نعلم بالفعل عن الفعالية والنتائج المحتملة لـ Elementor Page Builder أثناء تنفيذه في التصميم. لذلك ليس هناك شك في ذلك. لكن الحقيقة المقلقة هي المشكلات التي تبطئ موقع Elementor على الويب.

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

عدم استخدام خادم الاستضافة المجاني

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

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

Elementor & WordPress Hosting- أشياء يجب أن تهتم بها
أفضل خطة استضافة لـ Elementor

تغيير حجم الوسائط (الصور أو مقاطع الفيديو أو ملفات GIF)

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

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

علم باستخدام البرامج النصية الخارجية

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

البرامج النصية الخارجية مثل خرائط Google ، وعدد مشاركات Facebook ، والصور الرمزية ، تبطئ موقع الويب. لكن هذه مهمة جدًا لأي موقع ويب. ثم ماذا ستفعل؟

حسنًا ، يمكنك إلغاء تنشيط خطوط Google و Font Awesome و EIcons عن طريق إضافة الرموز التالية إلى ملف function.php في موقع WordPress الخاص بك.

خطوط جوجل

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

 add_filter( 'elementor/frontend/print_google_fonts', '__return_false' );

رائع الخط

لإلغاء تنشيط Font Awesome ، استخدم الرموز التالية:

 add_action( 'elementor/frontend/after_register_styles',function() { foreach( [ 'solid', 'regular', 'brands' ] as $style ) { wp_deregister_style( 'elementor-icons-fa-' . $style ); } }, 20 );

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

الأيقونات

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

 add_action( 'wp_enqueue_scripts', 'remove_default_stylesheet' , 20 ); function remove_default_stylesheet() { wp_deregister_style( 'emenetor-icons' ); {

احذر من استخدام ملحقات متعددة

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

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

اختيار الموضوع المناسب

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

لا ينبغي للموضوع الجيد أن يبطئ الموقع ، ولكن للأسف الكثير من السمات تفعل ذلك - Elementor

ما يمكنك فعله هو "

  • قم بإلغاء تنشيط السمات التي تسبب المشاكل
  • يمكنك استخدام موضوع عشرون. (اقرأ المقال عن سمة WordPress الافتراضية)
  • استخدم قوالب elementor الافتراضية ، أو يمكنك اختيار Happy Elementor Addons لإنشاء تصميمات.

نصائح إضافية

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

صاروخ الفسفور الابيض

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

  • إنشاء جميع JS المضمنة والخارجية في ملف واحد
  • احتفظ بجميع النصوص المترجمة معًا قبل النص الأساسي
  • تحسين الأطراف الثالثة تلقائيًا مثل (Tawk.to و WP Rockets lazyload و Google Analytics و Double Click Google Analytics)
  • عزز التحميلات البطيئة ، وما إلى ذلك

التحسين التلقائي

يحافظ التحسين التلقائي على تحسين موقع الويب الخاص بك بطريقة سهلة للغاية. يمكن أن تسهل عليك الطرق التالية:

  • يمكنه تصغير مخطوطات وأنماط ذاكرة التخزين المؤقت
  • يقوم بإدخال CSS في رأس الصفحة افتراضيًا
  • يتضمن CSS الحرجة
  • من السهل تحسين الصور البطيئة التحميل
  • وأيضًا تحسين Google Fonts ، إلخ.

الأخطاء الشائعة التي يجب تجنبها

Elementor Page Speed
أخطاء من قبل مستخدمي Elementor

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

ومع ذلك ، فقد ناقشنا سابقًا في القسم السابق ما يجب عليك اتباعه لتسريع موقع Elemetor الخاص بك.

حسنًا ، لنبدأ:

عدم استخدام الموضوع الصحيح

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

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

التخصيص بدون مسح ذاكرة التخزين المؤقت

خطأ شائع آخر هو تخصيص موقع الويب الخاص بك دون مسح ذاكرة التخزين المؤقت لموقع الويب الخاص بك. تتعرض مواقع الويب باستمرار للتعديلات والتحديثات. لذلك من الأهمية بمكان مسح ذاكرة التخزين المؤقت بانتظام قبل التحرير أو التصميم.

إذا كنت من مستخدمي MAC العاديين ، فيمكنك مسح ملف ذاكرة التخزين المؤقت باستخدام Command + R و Control + Shift + R للنوافذ. يمكنك قراءة هذه الوثائق للتخلص من هذه المشكلة.

عدم تحسين الصور

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

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

عدم استخدام اللون الافتراضي

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

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

الحكم النهائي

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

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

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

تحقق من المادة على موقع Top 10 Elementor