أسبوع تحسين الأداء - كل ما تحتاج إلى معرفته

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

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

تتضمن بعض المؤشرات الرئيسية الأخرى لتعزيز أداء موقعك ، وفقًا لبريان إريكسون ، ما يلي:

• حدد سمة خفيفة الوزن
• قم بتثبيت ما لا يزيد عن 10-15 مكونًا إضافيًا لكل تثبيت WordPress
• حاول العثور على عنصر واجهة مستخدم واحد متعدد الأغراض ، والذي يوفر أنواعًا مختلفة من الوظائف (على سبيل المثال ، عنصر واجهة مستخدم Image box ، وعناصر واجهة مستخدم CTA) ، بدلاً من إضافة العديد من الأدوات التي تحتوي على وظيفة رئيسية واحدة فقط
• استخدم تحديد المواقع المضمنة لتخطيط الأدوات بدلاً من أعمدة متعددة (حيث يتطلب كل عمود مضاف المزيد من التعليمات البرمجية ، مما يقلل من أداء موقع الويب)
• استخدم أفضل أداة تخزين مؤقت ممكنة - أوصي بـ WP Rocket أو WP-Optimize اعتمادًا على الموقع. لاحظ أنه بينما تعمل بعض المواقع بشكل أفضل مع الصواريخ ؛ يعمل الآخرون بشكل أفضل مع التحسين
• قم بتغيير حجم الصور وضغطها قبل تحميلها واستخدم ملفات SVG للأيقونات والرسوم التوضيحية

جوليان سونغ

شاي تودر

بريان إريكسون

تيم ليفرسج

عند تحميل صورة بعرض 1920 بكسل / 2560 بكسل على سطح المكتب ، سيتم أيضًا تحميل الصورة بالحجم نفسه افتراضيًا على الهاتف المحمول. تحميل صورة بحجم سطح المكتب على الهاتف المحمول (بدلاً من صورة بحجم الهاتف المحمول) يمكن أن يعيق بشكل كبير أداء موقع الويب الخاص بك ومقاييس Core Web Vitals. لمنع ذلك ، ينصح Elementor Expert Shay Toder بما يلي: "نحتاج إلى نسخ جميع الصور الكبيرة وتغيير حجمها إلى 480 بكسل حتى تكون مناسبة للجوال - يمكننا تغيير حجم الصور باستخدام أدوات عبر الإنترنت مثل resizeimage.net أو أي برامج الرسوم مثل فوتوشوب.

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

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

يشاركك خبير Elementor ، Julian Song ، توصياته: "أفضل نصيحة لي هي عدم استخدام حل استضافة رخيص مطلقًا - إنفاق الأموال الإضافية للزوجين للحصول على استضافة عالية الجودة. بعد ذلك ، أنصح عملائي بالانتقال إلى مزود خدمة استضافة محلي (على سبيل المثال ، حيث يوجد جمهورك المستهدف). ومع ذلك ، إذا كان جمهورك منتشرًا في جميع أنحاء العالم ، فإنني أقترح بشدة استخدام خدمة CDN لتقليل وقت الاستجابة إلى أقل من 150 مللي ثانية وتسريع موقع الويب بشكل أكبر. "

هل واجهت مشكلة أو سؤالاً مختلفًا بشأن تحسين الأداء وترغب في استشارة أحد الخبراء بشأنها؟ انقر هنا لإرسال سؤالك ، وسيقوم أحد الخبراء الذين تم فحصهم وعددهم 21 خبيراً بالإجابة على سؤالك خلال جلسات الأسئلة والأجوبة ، والتي ستنعقد خلال 10 آب (أغسطس) و 12 آب (أغسطس) .

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