كيفية إصلاح موقع ويب عنصر بطيء: 16 تحسين ساعدني في الحصول على درجات PageSpeed ​​100٪ وأوقات تحميل فورية على موقعي

03.06.2020
ปลั๊กอินแคช 'كيفية إصلاح موقع ويب عنصر بطيء: 16 تحسين ساعدني في الحصول على درجات PageSpeed ​​100٪ وأوقات تحميل فورية على موقعي
0 47 мин.

يقول Elementor أنهم أسرع أداة إنشاء صفحات في WordPress.


فما الذي يسبب بطء تحميل موقع الويب الخاص بك?

عادة ما تكون هناك بعض التعديلات البسيطة التي يمكن أن تحسن بشكل كبير أوقات التحميل ونتائج GTmetrix. العنصر يقول الأسباب الأكثر شيوعًا لبطء موقع WordPress هي الخوادم ، والوسائط ، والنصوص الخارجية (على سبيل المثال ، خطوط Google) ، والمكونات الإضافية ، وعدم وجود CDN ، واستخدام المكوّن الإضافي المخبأ المتوسط. ومع ذلك ، فإنهم لا يخوضون كثيرًا في سرد ​​التعليمات خطوة بخطوة.

لهذا السبب كتبت هذا البرنامج التعليمي.

سوف تتعلم كيفية إصلاح موقع Elementor البطيء من خلال اتباع التوصيات الرئيسية من دليل تحسين WordPress وتوصيات Elementor. سأقدم لقطات شاشة وإرشادات مفصلة وسأجيب على جميع التعليقات إذا كنت لا تزال بحاجة إلى المساعدة. تمكنت من الحصول على نتائج GTmetrix 100٪ على صفحتي الرئيسية. حتى المنشورات التي تحتوي على أكثر من 100 صورة و 400+ تعليق (حجم صفحة 5 ميجا بايت و 170 طلبًا) لا تزال قيد التحميل <ثانيتان. نعم ، أنا مهووس بالسرعة في WordPress 🙂

تحسين سرعة العنصر

Contents

1. الترقية إلى PHP 7.4

أصدرت العديد من شركات الاستضافة بالفعل PHP 7.4.

تعد ترقية إصدارات PHP واحدة من أسهل الطرق لتسريع موقع Elementor الخاص بك. كينستا معايير PHP يوضح كيف يمكن لإصدارات PHP الأعلى أن تعمل بشكل أسرع 2-3 مرات. عنصر أيضا توصي إصدارات PHP أعلى ولزيادة حد الذاكرة إلى 256 ميجابايت (انظر الخطوة التالية).

أولاً ، تحقق من إصدار PHP الحالي الخاص بك تحت Elementor > معلومات النظام.

Elementor PHP Version

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

Kinsta PHP 7.4

مهم: تأكد من توافق المكونات الإضافية مع إصدارات PHP الأعلى. كنت أستخدم WP Rich Snippets (التي لم تعد تتم صيانتها) ولكنها كانت غير متوافقة مع PHP 7.2+ ، لذلك قمت بحذف المكون الإضافي ووجدت بديلاً. لا يستحق الاحتفاظ بالمكونات الإضافية غير المحفوظة.

2. زيادة حد الذاكرة إلى 256 ميجابايت

مرة أخرى ، تحقق من حد ذاكرتك تحت Elementor > معلومات النظام.

كل من Elementor و WordPress و WooCommerce يوصي بحد ذاكرة 256 ميجابايت.

حد ذاكرة العنصر

يمكنك عادةً تغيير حد الذاكرة في حساب الاستضافة الخاص بك:

حد الذاكرة

خلاف ذلك ، أضف هذا الرمز إلى function.php.

تعريف (“WP_MEMORY_LIMIT” ، “256 ميجا”) ؛

3. استخدام الخطوط ذاتية الاستضافة

إذا كانت خطوط Google تفجر تقرير GTmetrix ، فحاول استضافة الخطوط محليًا.

اذا كنت تمتلك Elementor Pro, ستحتاج إلى استخدام خطوط مخصصة (موجودة في الإعدادات).

ها هي دروس يوتيوب.

عنصر مخصص الخطوط

ليس لديك Elementor Pro?

يمكن أن تساعد العديد من المكونات الإضافية في تحسين خطوط Google: WP Rocket و Autoptimize و Self-Hosted Google Fonts و OMGF وتنظيف الأصول. اذا أنت لا تفعل تريد استخدام البرنامج المساعد ، اتبع هذه التعليمات.

الخطوة 1: تأكد من أن الخطوط تبطئ من موقع Elementor في GTmetrix.

خطوط جوجل GTmetrix

الخطوة 2: قم بتنزيل الخطوط مباشرة من موقع خطوط Google. قم بتنزيل الخطوط وأوزان الخطوط التي تحتاجها فقط (يمكن أن يعني المزيد من الخطوط والأوزان المزيد من الطلبات).

الخطوه 3: استخدم أداة مثل المتحول لتحويلها إلى ملفات خطوط الويب.

Transfonter-Google-Font-Conversion

الخطوة 4: قم بتحميل ملفات خطوط الويب الجديدة إلى WordPress وإضافتها إلى CSS.

الخطوة الخامسة: اختبر الخطوط ، وأضف خطأ افتراضي ، ودائمًا ما يكون لديك خطوط احتياطية.

4. تحسين طلبات الأطراف الثالثة

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

أنت بحاجة إلى تحسين هذه أيضًا.

مخطوطات خارجية

من السهل تحسين بعض طلبات الجهات الخارجية:

يحتوي WP Rocket على علامة تبويب إضافات يمكنها المساعدة استضافة التحليلات محليًا وإضافة التخزين المؤقت للمتصفح إلى Facebook Pixel. تتيح لك إعدادات وسائط WP Rocket البطيئة تحميل مقاطع الفيديو أثناء استبدال إطار iframe بصورة معاينة. إذا قمت بتضمين منشورات من وسائل التواصل الاجتماعي ، فحاول التقاط لقطة شاشة واستخدام صورة بدلاً من ذلك. تحميل Disqus Conditional ، وتأجيل تحليل JavaScript في إعدادات المكون الإضافي لذاكرة التخزين المؤقت ، وتعطيل البرامج النصية / الإضافات بشكل انتقائي في Asset Clean Up يمكن أن يساعد في تحسين البرامج النصية.

تحليلات WP Rocket المحلية

ليس من السهل تحسين طلبات الجهات الخارجية الأخرى:

يمكن أن يكون Google AdSense قاتل GTmetrix. بخلاف تحميله بشكل غير متزامن ، هناك القليل الذي يمكنك القيام به. لم أجد أيضًا أي حل لجعل تحميل Gravatars أسرع وقد جربت جميع المكونات الإضافية لذاكرة التخزين المؤقت Gravatar (لذلك قمت بتعطيلها). يجب ألا يستخدم برنامج إدارة العلامات من Google عادةً إلا لمواقع Elementor الكبيرة غير المحسنة ، وإلا فإنه يضر أكثر مما ينفع.

5. تجنب الإضافات CPU عالية

بعض الإضافات يجب عليك الابتعاد عنها.

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

  1. اضف هذا
  2. برنامج AdSense Click Fraud Monitoring
  3. تقويم الأحداث متعدد الإمكانات
  4. النسخ الاحتياطي الأصدقاء
  5. بيفر باني
  6. وورد أفضل جوجل خرائط المواقع XML
  7. مدقق الارتباط المكسور (استخدم Dr. Link Check)
  8. الاتصال المستمر لووردبريس
  9. نموذج الاتصال 7
  10. الوظائف ذات الصلة بالسياق
  11. روابط السيارات الرقمية
  12. نظام تعليق Disqus
  13. Divi Builder
  14. الشبكة الأساسية
  15. عرض قائمة كاملة من 65 الإضافات البطيئة

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

6. تعطيل الإضافات غير المستخدمة بشكل انتقائي

تنظيف الأصول و Perfmatters هي رائعة بالنسبة تعطيل المكونات الإضافية بشكل انتقائي, مخطوطات وأنماط.

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

الخطوة 1: تثبيت Asset CleanUp أو بيرفماترز.

البرنامج المساعد لتنظيف الأصول

الخطوة 2: تحرير صفحة أو مشاركة والتمرير لأسفل لرؤية كل شيء يتم تحميله على الصفحة.

الخطوه 3: تعطيل (إلغاء تحميل) المكونات الإضافية والنصوص والأنماط التي لا يتم استخدامها في الصفحة. يمكنك أيضًا تعطيله حسب نوع المنشور ، أو Asset CleanUp Premium (بالإضافة إلى Perfmatters) يتيح لك استخدام RegEx.

تنظيف الأصول تحقق من الكل

7. قم بتعطيل نصوص WooCommerce والأنماط وأجزاء سلة التسوق

تمامًا كما قمت بتعطيل المكونات الإضافية بشكل انتقائي في الخطوة السابقة ، يمكنك استخدام Perfmatters و Asset CleanUp للقيام بنفس الشيء مع نصوص WooCommerce وأنماط وأجزاء عربة.

تنظيف الأصول WooCommerce

يتيح لك Perfmatters القيام بذلك بالفعل بنقرة واحدة:

تحسين صناعة العطور

8. تبديل طريقة محمل المحرر في Elementor

العنصر يقول:

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

يمكنك العثور على هذا تحت Elementor > الإعدادات > المتقدمة > محرر المحمل.

Elementor Switch Editor Loader Method

9. تغيير حجم الصور لتصحيح الأبعاد

عند استخدام Elementor ، من المهم تغيير حجم الصور (تغيير حجمها) لتناسب أبعادها الصحيحة.

قدّم صورًا بحجمها

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

10. تخلص من الاستضافة والترقية إلى السحابة

لديك وقت استجابة بطيء للخادم?

قم بتشغيل موقعك من خلال Google PageSpeed ​​Insights وتأكد من ذلك <200ms مثل جوجل توصي. خادمك (الاستضافة) هو العامل الأول في دليل تحسين WordPress.

عادة ما أوصي SiteGround (استضافة مشتركة) وهو أمر جيد إذا كان لديك القليل من حركة المرور والمكونات الإضافية. ولكن بمجرد أن تذهب الاستضافة السحابية (على سبيل المثال. Cloudways DigitalOcean)، والفرق هو ليلا ونهارا. لقد قمت بالترحيل من SiteGround إلى Cloudways وانخفض وقت التحميل إلى النصف. حتى المنشورات التي تحتوي على أكثر من 100 صورة وأكثر من 400 تعليق (حجم صفحة 5 ميجابايت ، و 170 طلبًا) لا يزال يتم تحميلها في أقل من 2 ثانية.

استضافة Elementor

SiteGround-vs-Cloudways-Cloud-Hosting

GTmetrix-report-for-post-post

تجارب الآخرين مع Cloudways:

أوقات استجابة Cloudways

محرك الفسفور الابيض الى Cloudways

تقرير DigitalOcean Pingdom

أوقات استجابة خادم Cloudways

تحسين وقت تحميل Cloudways

Cloudways vs WP Engine

بدون عنوان

أوقات تحميل Pingdom Cloudways

تقرير Cloudways Pingdom

Namecheap إلى Cloudways Migration

Cloudways WooCommerce Migration

Cloudways AWS Migration

لقد كانوا أيضًا رقم 1 في العديد من استطلاعات الرأي على Facebook ولديهم نتائج رائعة ويستعرض TrustPilot:

توصيات الاستضافة

VPS Cloud Hosting WooCommerce استطلاع

استطلاع VPS Cloud Hosting

اقتراحات استضافة ووردبريس

Cloudways-Facebook-Review

استعراض Cloudways Facebook

Cloudways vs SiteGround

الحد الأدنى: الاستضافة المشتركة جيدة إذا لم تكن تستخدم WooCommcerce أو AdSense أو مكونات إضافية عالية لوحدة المعالجة المركزية أو لديك حركة مرور لائقة. ولكن بمجرد حصولك على أحد هذه ، انظر إلى الاستضافة السحابية. نعم ، أنا شريك تابع لـ كلاودواي) ، ولكن هناك الكثير من الأشخاص الآخرين الذين هاجروا ونشروا نتائجهم. الرمز OMM25 سيمنحك خصم 25٪ على أول شهرين من الاستضافة في Cloudways.

11. خندق ملحقات ذاكرة التخزين المؤقت المجانية واستخدام WP Rocket

لماذا عادة ما يكون WP Rocket رقم 1 في استطلاعات الرأي على Facebook?

نظرًا لأنه يحتوي على ميزات سرعة أكثر من معظم المكونات الإضافية لذاكرة التخزين المؤقت الأخرى (تنظيف قاعدة البيانات ، التحليلات المحلية ، الجمع بين خطوط Google ، تحميل الصور البطيئة + مقاطع الفيديو ، CDN + تكامل Cloudflare ، التحكم في ضربات القلب ، التخزين المؤقت WebP ، الجلب المسبق ، التخزين المؤقت لمتصفح Facebook Pixel).

هذا هو السبب في أن WP Rocket ينتج درجات أفضل + أوقات تحميل في GTmetrix ، ويعني مكونات إضافية أقل على موقع Elementor. يتم تحديثه دائمًا بميزات جديدة ويحتفظ به فريق موثوق.

لذا إذا كنت لا تزال تستخدم WP Fastest Cache أو W3 Total Cache ، فعليك حقًا أن تجربها.

2016 أفضل استطلاع المساعد ذاكرة التخزين المؤقت

استبيان البرنامج المساعد لذاكرة التخزين المؤقت 2019

Swift vs WP Rocket

استطلاع عام 2016 المساعد البرنامج المساعد

أفضل ملحقات ذاكرة التخزين المؤقت 2018 الاستطلاع

wp صاروخ مقابل w3 totla مخبأ

سترى الفرق:

صاروخ الفسفور الابيض قبل بعد

12. تنظيف قاعدة البيانات الخاصة بك

هل تقوم بجدولة عمليات تنظيف قاعدة البيانات الجارية?

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

يمكنك استخدام الإضافات مثل WP Rocket و WP-Optimize to تنظيف قاعدة بيانات WordPress الخاصة بك. تأكد فقط من مراجعة كل شيء يتم حذفه وأخذ نسخة احتياطية مسبقًا.

WP- تحسين قاعدة البيانات النظيفة

13. استخدم CDN’s Cloudflare

إن استخدام Cloudflare أمر لا يفكر فيه أحد.

إنه مجاني ، ولديه أكثر من 200 مركز بيانات ، و CDNs متوفرة أوصت به وورد.

شعار Cloudflare

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

في لوحة التحكم ، هناك بعض التعديلات التي يجب عليك مراعاتها:

  • سرعة: تمكين Brotli و Rocket Loader
  • كشط الدرع: تمكين حماية الارتباط السريع
  • جدار الحماية: منع البرامج السيئة من تقرير حركة المرور المباشرة في Wordfence
  • قواعد الصفحة: Cloudflare لديها الكثير من قواعد الصفحة للسرعة والأمن والتوافق

14. استخدم سمة خفيفة الوزن

وقت القصة.

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

أعني أن امتلاك كل شيء مدمج يجعل الأمر أسهل بكثير ، أليس كذلك?

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

نأمل أن يستخدم معظمكم مظاهر Astra أو Flatsome أو StudioPress ، وهي السمات الرئيسية التي أوصي بها.

15. البحث عن الاختناقات في GTmetrix

بخلاف قياس الدرجات + أوقات التحميل ، يمكنك الكشف عن بعض الأشياء في GTmetrix. نظرًا لأن كل موقع Elementor مختلف ، فأنت تريد العثور على ما يبطئ موقعك تمامًا.

الوقت إلى أول بايت

الوقت إلى أول بايت

صور غير محسنة

تحسينات الصورة في GTmetrix

الإضافات البطيئة

بطيء البرنامج المساعد وورد

16. أنهي آخر 10٪ من السرعة باستخدام أجهزة Perfmatters

بيرفماترز (بواسطة Kinsta) يهتم بما أحب أن أسميه تحسينات سرعة متنوعة:

ميزات perfmatters

بعض هذه مفيدة للغاية ؛ مدير البرنامج النصي الذي يتيح لك تعطيل المكونات الإضافية / البرامج النصية بشكل انتقائي من صفحات معينة ، وتغيير الفاصل الزمني للحفظ التلقائي ، والحد من مراجعات المنشورات ، والاتصال المسبق ، وتعطيل نصوص WooCommerce ، وأنماط ، وأجزاء العربة. عندما يتعلق الأمر بهذه التحسينات ، لا أعرف أي مكون إضافي يقوم بعمل أفضل من Perfmatters.

ماذا تتوقع ، إنه Kinsta. بالطبع إنه مكون إضافي رائع.

أسئلة مكررة

&# x1f680 ؛ ما هي الأسباب الأكثر شيوعًا لبطء موقع Elementor?

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

&# x1f680 ؛ ما الذي يمكنني فعله لتسريع Elementor?

استخدم خيار الخطوط المخصصة لـ Elementor لتقليل عدد الطلبات من خطوط Google أو Font Awesome. يمكنك أيضًا تعطيل وظائف Elementor غير المستخدمة بشكل انتقائي على الصفحات / المشاركات باستخدام مكون إضافي مثل Asset CleanUp أو Perfmatters by Kinsta. والباقي عبارة عن تحسينات عامة للسرعة لا علاقة لها بـ Elementor.

&# x1f680 ؛ كيف تستخدم الخطوط المخصصة لجعل تحميلها أسرع?

ستحتاج إلى حساب Elementor Pro للقيام بذلك. قم بتنزيل ملفات الخطوط الخاصة بك (على سبيل المثال من خطوط Google) وتحميلها في قسم الخطوط المخصصة في Elementor.

&# x1f680 ؛ Elementor يبطئ موقعي?

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

&# x1f680 ؛ ما الاستضافة الموصى بها لمواقع Elementor?

في مجموعة Elementor Facebook الشهيرة ، عادة ما يكون SiteGround و Cloudways أفضل 2 مضيفين تم تقييمهم في استطلاعات Facebook.

لا يزال لديك موقع عنصر بطيء?

سأقول هذا: يجب أن يعمل Cloudways و WP Rocket على إصلاح 80٪ من مشكلاتك. تعد الاستضافة والمكوّن الإضافي لذاكرة التخزين المؤقت من أكبر العوامل في دليل تحسين WordPress. ولكن إذا كان موقع Elementor لا يزال بطيئًا ، فأرسل لي تعليقًا مع تقرير GTmetrix ويسعدني إلقاء نظرة. يقدم فريقنا أيضًا خدمات WordPress speed قبل أو بعد تقارير GTmetrix.

في صحتك,
توم

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Понравилась статья?
    Комментарии (0)
    Комментариев нет, будьте первым кто его оставит

    Комментарии закрыты.

    Adblock
    detector