ستساعدك المقالة التالية: Arman Zakaryan 9 خطوات لأكبر تحسين محتوى مضمون اقرأ المقالة
أكبر محتوى محتوى (LCP) لا يقتصر فقط على إسعاد Google. يعد تحسين LCP أمرًا أساسيًا لتوفير تجارب مستخدم أفضل ، حيث يتم تقديم محتوى مفيد للزوار بشكل أسرع. يمكن أن يمنحك هذا ميزة تنافسية تمامًا على المواقع التي يتم فيها عرض المحتوى شيئًا فشيئًا ، مما يغري الزائر المحبط بالارتداد.
تتضمن معظم التغييرات التي قد تحتاج إلى إجرائها لتحسين وضع LCP الخاص بك سمة موقع WordPress الخاص بك والبرامج النصية التي تقوم بتحميلها وترتيب تحميلها. يعد إجراء اختبار على موقع مثل web.dev هو أفضل طريقة للحصول على فكرة عن ماهية تلك الجوانب ، حيث أن التقرير الذي يصدره مفصل بشكل لا يصدق ومليء بالنصائح الرائعة.
يلعب وقت الاستجابة الإجمالي للتطبيق والبيئة التي يستضيفها أيضًا دورًا مهمًا. يجب أن يكون الوقت إلى البايت الأول (TTFB) 350 مللي ثانية أو أقل ، وهو أمر يسهل تحقيقه إذا كنت تستخدم التخزين المؤقت للصفحة الكاملة والخوادم في وضع جيد بالقرب من قاعدة المستخدمين الخاصة بك.
ومع ذلك ، لا بد أن تفوت ذاكرة التخزين المؤقت بين الحين والآخر حيث يتم تحديث المحتوى ومع انتهاء صلاحية عناصر ذاكرة التخزين المؤقت. تحقيقًا لهذه الغاية ، إليك بعض النصائح التي ستساعد في ضمان عدم تبديد سعة حركة المرور الديناميكية الخاصة بك على المكالمات غير الضرورية.
سيؤدي الحفاظ على عمال PHP الخاصين بك دون أعباء إلى تحسين أوقات استجابة الخادم الأولية وهذا يترجم إلى LCP أفضل.
قائمة مرجعية من 9 خطوات لتحسين LCP
استخدم قائمة التحقق هذه كدليل لأفضل الممارسات لتحسين تطبيقك لـ LCP ، مما يضمن حصول كل من محركات البحث والزائرين البشريين على تجربة أفضل.
1. تعطيل المكون الإضافي Cart Fragments
هذا واحد ضروري إذا كنت تستخدم WooCommerce! يوقف هذا البرنامج المساعد المفيد طريقة POST الزائدة لاستدعاءات AJAX لتحديث أجزاء سلة التسوق عندما تكون سلة التسوق فارغة. يعيد البرنامج النصي إلى قائمة الانتظار عندما يضيف المتسوقون عنصرًا إلى سلة التسوق ، مما يسمح باستمرار استخدام التخزين المؤقت للصفحة وتقليل الطلبات الديناميكية مع السماح لك بتحديث إجمالي سلة التسوق عندما لا تكون سلة التسوق فارغة.
2. التخزين المؤقت والتخزين المؤقت والتخزين المؤقت
يعد التخزين المؤقت للصفحة ، سواء كان ذلك مع قواعد صفحة CloudFlare ، أو NGINX ، أو الورنيش ، أو طرق أخرى أمرًا بالغ الأهمية للتعامل مع التدفقات الكبيرة لحركة المرور بالإضافة إلى الحفاظ على أوقات استجابة متسقة. حتى مثيل 2 vCPU الذي يعمل بشكل متواضع يمكنه التعامل مع 300 طلب في الثانية إذا كان معدل دخول ذاكرة التخزين المؤقت مرتفعًا. مع كل قرار تتخذه بشأن موقعك ، يجب عليك التوقف والتحقق مما إذا كان سيؤثر سلبًا على التخزين المؤقت بأي طريقة وإلى أي درجة.
3. تمكين قفل ذاكرة التخزين المؤقت
إذا كانت الصفحات ذات عدد الزيارات المرتفع تحصل على الكثير من عمليات مسح ذاكرة التخزين المؤقت أثناء التحميل ، فإن قفل ذاكرة التخزين المؤقت يساعد في منع ختم مجموعة عمال PHP من خلال السماح بطلب ديناميكي واحد فقط وإنشاء عنصر ذاكرة تخزين مؤقت لخدمة الزوار الآخرين ، بدلاً من إرسالها جميعًا للمعالجة الديناميكية . اعتمادًا على نظام التخزين المؤقت الذي تستخدمه ، قد تكون هذه الميزة متاحة أو غير متوفرة. لا تتمتع حلول التخزين المؤقت المستندة إلى المكونات الإضافية عادةً بهذه الإمكانية ، في حين أن خادم الويب NGINX يمتلكها.
4. تمكين التخزين المؤقت للكائن
ببساطة ، يؤدي تمكين ذاكرة التخزين المؤقت للكائن (نحب Object Cache Pro) إلى تقليل الحمل على قاعدة بيانات MySQL ويمكن توسيعه بشكل أكبر من خلال الاستفادة من WordPress Transients. فكر في مكالمات واجهة برمجة التطبيقات البعيدة طويلة المدى أو استعلامات قاعدة البيانات المخصصة التي لا تستخدم وظائف WordPress الخاصة مثل أو التخزين المؤقت لنتائج تلك الموجودة في الذاكرة يساعد حقًا في الأداء من خلال السماح للردود بالعودة بسرعة أكبر بالإضافة إلى الحفاظ على سعة الخادم تحت السيطرة
5. ابدأ اختبار الحمل
أنت بحاجة إلى طريقة لقياس تأثير التحسينات الخاصة بك. اختبار الحمل أمر بالغ الأهمية للعملية الشاملة. أداة اختبار التحميل المفضلة لدي هي K6 ، لأنها مفتوحة المصدر بواجهة JavaScript لكتابة سيناريوهات الاختبار. يمكنه أيضًا تسجيل الإحصائيات للعديد من التنسيقات المختلفة بما في ذلك InfluxDB وهو مدعوم من Grafana Labs ، الذين يقدمون خدمات احترافية لإنشاء وتشغيل اختبارات التحميل إذا لم يكن لديك موهبة داخلية من أجله.
نظرًا لأن معظم التغييرات التي تتم تغطيتها هنا تتعلق بتحسين أداء التطبيق وليس أداء LCP أو الواجهة الأمامية مباشرة ، يمكن أن يركز تحليل اختبار الحمل ببساطة على تحقيق أوقات استجابة محسنة وتقليل معدلات الخطأ من التطبيق.
6. قم بتشغيل APM
New Relic أو Data Dog APM هما العاملان الكبيران اللذان يسهلان توجيه الأشعة السينية إلى تطبيق WordPress الخاص بك ومعرفة ما يجري تحت الغطاء. يعد هذا ممتازًا لاكتشاف التحسينات على مستوى التطبيق من جانب الخادم ، حيث يمكنه تحديد الاختناقات في التعليمات البرمجية التي تؤدي إلى الكثير من معالجة الأرقام ، أو استعلامات قاعدة البيانات البطيئة ، أو المكالمات إلى واجهات برمجة التطبيقات البعيدة التي يمكن أن تبطئك.
تقدم كلتا الخدمتين فئة مجانية و / أو فترة تجريبية. حتى بضعة أيام من البيانات يمكن أن تكون مفيدة في اكتشاف الاختناقات في التعليمات البرمجية الخاصة بك ، لذلك لا تتردد في تجربتها إذا لم تستطع ملاءمة التكلفة طويلة الأجل لها في ميزانيتك.
7. قياس الحساب الخاص بك
على الرغم من كل ما سبق ، لا تزال بحاجة إلى سعة حوسبة كافية ، خاصة إذا كنت تتلقى طلبات عبر الإنترنت أو إذا كان موقع الويب الخاص بك يعتمد على العضوية / تسجيل الدخول. إن كونك على مضيف مرن يمكنه توفير درجة عالية من سعة الحوسبة أمر مهم للغاية لضمان أن الطلبات التي يجب أن تكون ديناميكية حقًا لديها قوة خام كافية لمواكبة.
على سبيل المثال ، Pagely هو متجر AWS ، قادر على الانتقال إلى 192 vCPU في مثيل EC2 واحد وما يصل إلى 64 vCPU لمثيل قاعدة البيانات. إن السعة الأعلى في EC2 ممكنة بالطبع مع القياس الأفقي والتكوينات النشطة / النشطة. قد لا يكون المضيفون الآخرون واضحين بشأن عدد نوى وحدة المعالجة المركزية التي يمكنك الوصول إليها ، ولكن غالبًا ما يكشفون عن عدد العاملين في PHP. في حين أن الاثنين مرتبطان ، يمكن أن يؤدي ذلك إلى نماذج تكلفة أقل من مثالية إذا لم تتم محاسبتك على أساس الحساب وبدلاً من ذلك يتم محاسبتك على أساس عمال PHP. (راجع عمال PHP و WordPress: الدليل النهائي.)
الهدف هو عدم نقص العاملين المتاحين في PHP. إن قول ذلك أسهل من فعله ، وفي الواقع ، سيكون هناك قدر معين من “التراكم” القصير هنا وهناك دائمًا عامل في تشغيل الموقع في ظل ظروف حركة مرور عالية. الحفاظ على أوقات الاستجابة منخفضة وحساب سعة العاملين في PHP بما يتماشى مع حجم حركة المرور الديناميكية فيما يتعلق بأوقات الاستجابة الخاصة بك هو السبيل للوصول إلى هناك.
8. طور فريقك
قبل كل شيء ، يعد وجود فريق تشغيلي قوي أثناء الأحداث ذات الازدحام الشديد فكرة جيدة. إذا كان الأشخاص يشاهدون النظام بالفعل ويقفون على أهبة الاستعداد لمواجهة المشكلات غير المتوقعة ، فيمكنهم الرد بسرعة أكبر ، بدلاً من إخطارهم بعد وقوعه.
قم بإعداد تذكيرات بالحدث ، إذا كان مخططًا له ، وتأكد من حصولك على جميع الرسوم البيانية والمقاييس ذات الصلة التي تم الاتصال بها من أجل المراقبة مسبقًا ولديك خط اتصال واضح مع مالك الموقع.
9. الواجهة الامثل
تحسين الواجهة الأمامية مهم أيضًا. على الرغم من أنه نادرًا ما يساعد في الأداء من جانب الخادم ، إلا أنه لا يزال يساعد في عرض الصفحات بشكل أسرع في متصفحات الويب إذا كنت تتبع أفضل الممارسات.
ختامية الأفكار حول تحسين LCP
قد يبدو كل هذا شاقًا. بعد كل شيء ، أنت تعلم أنك لا تحتاج فقط إلى تحسين الواجهة الأمامية الخاصة بك لتلبية الجوانب المختلفة لـ Core Web Vitals ، ولكن أيضًا الحفاظ على تشغيل التطبيق ضعيفًا ، والخوادم سليمة ، واستثمار قدر كبير من الوقت في بناء اختبارات محددة على موقع الويب الخاص بك لتتمكن من قياس تأثير التغييرات.
من النادر للغاية أن تكون قادرًا على حل كل هذه المشكلات بمفردك. إنه يستدعي عددًا قليلاً من مجالات الخبرة المختلفة لتغطية جميع القواعد الخاصة بك. لكن النتيجة النهائية تستحق كل أوقية من الجهد إذا كنت تريد الامتثال لمعايير الويب الحديث وتقديم أفضل تجربة ممكنة لقاعدة المستخدمين لديك.
