تحسين أداء WordPress وقياس الاختناقات
· PoolByte
لا ينبغي أن يبدأ عمل تسريع WordPress بتغيير الإعدادات دون قياس. يحدث بطء الموقع أحيانًا بسبب استجابة الخادم، وأحيانًا بسبب الصور الكبيرة، وأحيانًا بسبب البرامج النصية التي تعمل على جهاز الزائر. قد يؤدي التدخل في كل هذه العناصر بنفس البرنامج المساعد إلى خلق مشكلات جديدة. قم أولاً بتحديد التأخير الذي تعرض له الزائر، ثم قم بإجراء تغيير واحد ومقارنة النتيجة.
قم بإعداد مجموعة من القياسات من الصفحات التمثيلية
اختبار الصفحة الرئيسية فقط لا يُظهر سلوك الموقع بأكمله. صفحة مقالة أو منتج أو خدمة؛ قد يكون لشاشة البحث ومنطقة تسجيل الدخول أعباء عمل مختلفة. اختر بعض العناوين التي تمثل الاستخدام الفعلي لموقعك. افحص نتائج الأجهزة المحمولة وسطح المكتب بشكل منفصل، إن أمكن، في ظل ظروف الشبكة التي يكثر فيها المستخدمون.
قم بتضمين التاريخ والجهاز والشبكة وحالة الجلسة وأداة القياس المستخدمة في مذكرة الاختبار. لا تخلط بين اختبار ذاكرة التخزين المؤقت الممتلئة وشرط الزيارة الأولى. قد لا يكون من الممكن إجراء كل القياسات في نفس الوقت والظروف؛ ومع ذلك، فإن ملاحظة الاختلافات ستمنعك من الخلط بين النتيجة الجيدة لمرة واحدة والنجاح الدائم. هدفك الرئيسي هو إكمال معاملات المستخدم الحقيقية بسهولة أكبر.
افصل بين ثلاث مشاكل تجربة مختلفة
ضمن Core Web Vitals، يقوم LCP بتقييم تحميل المحتوى الرئيسي المرئي، ويقيم INP الاستجابة للتفاعل، ويقيم CLS تغييرات التخطيط غير المتوقعة. يتم وصف عتبات الخبرة الجيدة في هذه القياسات بأنها 2.5 ثانية و200 مللي ثانية و0.1 على التوالي؛ يتم إجراء التقييم استنادًا إلى النسبة المئوية الخامسة والسبعين لعمليات تثبيت المستخدم الحقيقية. لا تمثل هذه الحدود التزامًا بمعدل ثابت لكل زيارة. تصف وثائق Web Vitals نطاق القياس.
على سبيل المثال، إذا تم تحميل صورة الغلاف الكبيرة ببطء، فهناك مشكلة في العرض الأول. إذا لم تكن هناك استجابة عند الضغط على الزر لفترة طويلة، فافحص البرنامج النصي أو تحميل المعالجة. إذا تم فتح شعار لاحقًا ودفع النص، فهذا يعني وجود مشكلة في التخطيط. يمكن العثور على هذه المشكلات معًا في نفس الصفحة، لكن خطوات الحل مختلفة.
تحضير الصور حسب حجم الاستخدام
تحقق من حجم الملف وحجم العرض الفعلي للصورة المعروضة على الشاشة الأولى. يحمل الملف المصدري الكبير جدًا الموجود في مساحة صغيرة بيانات غير ضرورية للزائر. اختيار الضغط والتنسيق المناسب وفقًا لمحتوى الصورة؛ لا تجبر جميع الملفات على قيمة جودة واحدة. يجب ألا تفقد تفاصيل المنتج أو لقطة الشاشة التي يجب قراءتها معناها.
يمكن أن يساعد تحديد المساحة المخصصة للصور من البداية في تقليل انحراف التخطيط. ويمكن تقييم تأخر التحميل في الصور الموجودة أسفل الشاشة؛ ومع ذلك، فإن الانتظار غير الضروري للصورة التي تشكل العرض الرئيسي قد يؤدي إلى تفاقم عملية التحميل. تحقق من المظهر والقياس بعد التحرير. يتطلب استبدال ملف أكبر بملف أصغر أيضًا اختبار وصول المورد الصحيح إلى الزائر.
تخصيص ذاكرة التخزين المؤقت من الصفحات الخاصة بالمستخدم
يمكن أن يؤدي التخزين المؤقت للصفحة إلى تقليل قدرة الخادم على إعادة إنتاج نفس الصفحة بالمحتوى المناسب. ومع ذلك، فإن القواعد غير الصحيحة في مجالات مثل السلة والحساب والجلسة ومعلومات الأسعار الخاصة بالمستخدم تسبب مشكلات وظيفية خطيرة. لا ينبغي ربط صفحة المنتج العامة للمتجر وخطوة الدفع الخاصة بالعميل بنفس قاعدة ذاكرة التخزين المؤقت.
في الإعداد حيث يستخدم كل من الاستضافة وCDN وWordPress ذاكرة التخزين المؤقت معًا، اكتب الطبقة التي تحتوي على ماذا. قد يتطلب ظهور المحتوى القديم بعد التغيير مسح طبقات متعددة. قم بتبسيط المسؤوليات بدلاً من إضافة مكونين إضافيين مختلفين للقيام بنفس المهمة. ثم اختبر بشكل منفصل مع الزائر المجهول والمستخدم الذي قام بتسجيل الدخول.
اختر المكونات الإضافية عن طريق فحص ما تفعله، وليس عن طريق عدها
عدد المكونات الإضافية وحده لا يعطي نتائج الأداء. يمكن لأحد المكونات الإضافية إضافة نصوص برمجية ثقيلة إلى كل صفحة، بينما يعمل الآخر فقط على شاشة الإدارة. حدد الميزات التي لا يتم استخدامها فعليًا وافحص الصفحات التي تقوم المكونات الإضافية بإنشاء ملفات أو طلبات خارجية منها. عند إزالة وظيفة ما، ضع في اعتبارك أيضًا سير العمل الذي يستخدمه مالك الموقع.
قياس تأثير البرنامج المساعد في بيئة اختبار خاضعة للرقابة. حفظ النتيجة قبل وبعد صفحة المشكلة؛ لا تنظر فقط إلى نتيجة الصفحة الرئيسية. قد يؤثر تغيير السمة أيضًا على القائمة ومظهر الهاتف المحمول والشكل وإمكانية الوصول. إن إيقاف تشغيل المكونات الإضافية المتعددة في نفس الوقت على الموقع المباشر يجعل من الصعب فهم التغيير الذي أدى إلى نتائج.
تحميل متصفح منفصل عن استجابة الخادم
إذا تأخرت الاستجابة الأولية، فيمكن فحص PHP أو قاعدة البيانات أو استدعاء واجهة برمجة التطبيقات الخارجية أو حدود الموارد. إذا كان HTML يأتي بسرعة ولكن يتم عرضه متأخرًا، فتحقق من تحميل المورد وترتيب التنفيذ في المتصفح. إن الحصول على درجة واحدة في أداة القياس لا يفسر دائمًا هذا التمييز بالنسبة لك.
إذا كان هناك انتهاك للحد الأقصى لموارد الاستضافة، قم بمطابقة وقته مع الطلب البطيء. في حين أن الصفحة التي يتم تقديم محتواها من ذاكرة التخزين المؤقت سريعة، فقد تكون لوحة الإدارة بطيئة؛ وهذا يدل على أن الدرجة العالية التي حصلت عليها من الزائر لا تفسر التطبيق بأكمله. يوفر وحدة المعالجة المركزية وذاكرة الوصول العشوائي ودليل الإدخال/الإخراج طريقة منفصلة لفحص جانب الخادم.
المضي قدما في التغييرات مع سجل تجريبي صغير
على سبيل المثال، اخترت تحسين الصورة الرئيسية على صفحة الخدمة. قم أولاً بحفظ الحالة الحالية للملف والصفحة. قم بتحرير الصورة وتأكد من أن ذاكرات التخزين المؤقت تقوم بإرجاع الملف الحالي. أعد اختبار نفس الصفحة في ظل ظروف مماثلة وتحقق من جودة الصورة على الهاتف المحمول. لا تقم بإضافة إعدادات أخرى لنفس التجربة.
- حدد مشكلة وصفحة مستهدفة.
- قم بإعداد مسار النسخ الاحتياطي والاسترداد الحالي.
- قم بإجراء تغيير واحد وإدارة ذاكرة التخزين المؤقت ذات الصلة.
- المظهر الكامل والاختبارات الوظيفية.
- قارن القياس وسجل النتيجة.
قد لا تغير هذه الطريقة جميع النتائج في اليوم الأول، ولكنها توضح التدخل الناجح. قم بالتحضير وفقًا لـ دليل النسخ الاحتياطي . قم بتقييم خيارات استضافة الويب بناءً على احتياجاتك الفعلية من الموارد؛ احتفظ بـ إدارة المجال منفصلة عن إعدادات الأداء. يمكنك مشاركة معلومات القياس والخطأ التي تم مسحها عبر جهة الاتصال .
الأسئلة المتداولة
إذا كانت درجة PageSpeed عالية، فهل تم إنجاز العمل؟
لا. بالإضافة إلى نتيجة الأداة، ضع في اعتبارك بيانات المستخدم الفعلية وعرض الهاتف المحمول والوظائف المهمة. إذا حققت الصفحة أداءً جيدًا في اختبار واحد، فإنها لا تشرح الصفحات الأخرى أو جميع المستخدمين.
هل من المقبول تأخير كل ملف JavaScript؟
ذلك يعتمد على التطبيق. قد تحتاج وظائف القائمة أو التحقق أو الدفع أو إمكانية الوصول إلى برنامج نصي ذي صلة. تحقق من زمن الوصول في بيئة الاختبار وعلى أساس كل صفحة على حدة.
هل ستحل الاستضافة الأقوى جميع مشاكل السرعة؟
قد يساعد ذلك في حل اختناقات الخادم، لكنه لن يقوم تلقائيًا بإصلاح الصور الكبيرة أو البرامج النصية الثقيلة للمتصفح. اكتشف أولاً الطبقة التي يحدث فيها التأخير.