تحسين أداء الويب في عام 2024: الاتجاهات والتوقعات

في اليوم الواحد، نتصفح حوالي 130 صفحة ويب، وننتظر حوالي 6 ثوانٍ حتى يتم تحميل كل منها.

وهذا يعني أنك تقضي 13 دقيقة مذهلة في التحرك فوق الشاشة خاملاً كل يوم - وأكثر من 17 دقيقة إذا كنت تستخدم هاتفك.

ليس من المستغرب أن يستمر تحسين أداء الويب (WPO) في توسيع نطاق البحث عن طرق أفضل لاستعادة بعض الوقت الضائع. أو على الأقل تأكد من أننا ننتظر أقل قدر ممكن.

دعونا نستعرض أبرز الإنجازات التي تحققت على مدار الـ 12 شهرًا الماضية ونستعد للاستفادة من الاتجاهات الدقيقة التي نراها قادمة في عام 2024!

الويب الأسرع: أين نحن الآن؟

في عام 2023 وحده، شهد أداء الويب تطورًا كبيرًا، وهو ما يتضح بشكل ملحوظ من خلال التطورات المذهلة في Core Web Vitals (CWV).

لقد وضعت المقاييس التي تمثل سرعة التحميل واستجابة التفاعل واستقرار التخطيط معايير جديدة لأداء موقع الويب.

والدليل الحقيقي على هذا التقدم هو توفير 10000 عام من وقت الانتظار المذهل، وهو إنجاز هائل نابع من التحسينات التي تم إجراؤها على Core Web Vitals.

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

علاوة على ذلك، فإن البيانات الواردة من أرشيف HTTP تتحدث كثيرًا عن الاعتماد والتنفيذ المتزايدين لـ Core Web Vitals.

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

يوجد حاليًا أكثر من 6.5 مليون مصدر مؤهل في تقرير تجربة مستخدم Chrome (CrUX).

حالة مؤشرات الويب الأساسية: بأثر رجعي والإنجازات

في بداية عام 2023، اجتازت 41.8% من مواقع الويب مؤشرات أداء الويب الأساسية. منذ ذلك الحين، شهدنا نموًا مطردًا، حيث ارتفعت معدلات النجاح على أجهزة الكمبيوتر المكتبية إلى 47.4%.

كيف تم تحقيق هذه النتائج المذهلة؟ دعونا نرى ما هي التطورات التي قدمها Chrome والنظام البيئي الأوسع.

تطورات جوجل كروم

جاءت التطورات الرئيسية مباشرة من فريق تطوير Google Chrome:

• يمكن القول إن أهم الأخبار في Core Web Vitals لعام 2023 هو الإطلاق الرسمي لمقياس الاستجابة الجديد – التفاعل مع Next Paint (INP) . من المقرر أن يحل INP محل FID في مارس 2024 كطريقة أكثر شمولاً لقياس جميع التفاعلات أثناء الجلسة بدلاً من التفاعلات الأولى فقط مثل سابقتها.
• تقديم ذاكرة التخزين المؤقت للخلف/للأمام (bfcache) في متصفح Chrome: تم تصميمها لمساعدتك على الرجوع أو التقدم بسرعة في سجل التصفح الخاص بك دون انتظار إعادة تحميل الصفحة.

النتائج: تحسن معدل ضربات BFCache شهريًا على كل من Android (3.6%) وسطح المكتب (1.8%).

• ميزة PreconnectOnAnchorInteraction الجديدة التي تتصل بالأصول من خلال المؤشر لأسفل بدلاً من المؤشر لأعلى.

النتائج: أدى إلى تحسن متوسط ​​LCP بمقدار 6/10 مللي ثانية (0.4/1%) على Android/سطح المكتب وتحسين في LCP عبر الأصل بمقدار 60 مللي ثانية تقريبًا على كل من Android وسطح المكتب. أدى الإطلاق أيضًا إلى زيادة في إيرادات إعلانات المحتوى بنسبة 0.08%.

• عرض الصفحات مسبقًا بحيث يتم تحميلها على الفور قبل أن يزورها المستخدم فعليًا.

النتائج: حصلت عمليات تحميل الصفحة عبر كتابة عناوين URL مباشرة في المربع متعدد الاستخدامات على تحسين LCP متوسط ​​يتراوح بين 500-700 مللي ثانية (14-25%) مع العرض المسبق، مما أدى إلى نقل متوسط ​​LCP العالمي عبر جميع عمليات التنقل بمقدار 6.4 مللي ثانية.

• إطلاق تقييد علامات التبويب لعلامات التبويب الخلفية التي تعمل في EcoQOS على نظام التشغيل Windows 11 ودور المهام وتعديلات جودة الخدمة على نظام التشغيل macOS لإبعاد علامات تبويب الخلفية عن طريقك.

النتائج: أدت إلى تحسينات في أكبر طلاء محتوى (LCP) والتفاعل مع الطلاء التالي (INP)

• تحسينات مستمرة لمتصفح Chrome ضمن علامات تبويب نشطة متعددة

النتائج: تمت رؤية تحسينات في الجدولة والتنافس، مما أدى إلى تحسين INP بنسبة 5% وLCP بنسبة 2% في الأشهر الستة الماضية.

• تحسينات على عارض Chrome تعمل على تغيير أولوية قوائم انتظار المهام للحصول على CWV الأمثل، مثل تحميل الصور ذات الأولوية العالية، والتركيب ذي الأولوية بعد التأخير، وتحسينات SVG النقطية. أدت جميع التحسينات إلى زيادة معدل النجاح في LCP وCLS وINP.

WordPress وإنجازات الويب الحيوية الأساسية

في عام 2023، وفي ظل الجهود المتفانية التي بذلها فريق الأداء الأساسي والمساهمون، حقق WordPress قفزات كبيرة في تحسين معدلات النجاح في مؤشرات أداء الويب الأساسية.

8.25% لسطح المكتب و8.13% للجوال، على وجه الدقة.

كان أحد الأهداف الرئيسية في خريطة الطريق لهذا العام هو تمكين مالكي المواقع من اجتياز مقياس CWV الأكثر تحديًا في WP core - LCP.

تركز العديد من التحسينات في النظام الأساسي على تحسين وقت استجابة الخادم، وتشغيل قواعد بيانات أكثر كفاءة، وتحسين تسليم JS وCSS، وتحسين الصور:

• تحديد ومعالجة أكبر اختناقات وقت استجابة الخادم في WordPress الأساسية
• تحسين أداء PHP لموضوعات الكتلة
• دعم المرحلة الثالثة من Gutenberg بتوجيهات وتحسينات ومراجعة تركز على الأداء
• التحميل التلقائي لفئات WordPress PHP
• استكشاف طرق تحسين أداء الترجمات
• تكامل قاعدة بيانات SQLite
• تحسين استعلام قاعدة بيانات الخيارات التي تم تحميلها تلقائيًا في WordPress الأساسي
• استكشاف طرق لزيادة تحسين أداء استعلام قاعدة البيانات
• تحسين واجهة برمجة تطبيقات البرامج النصية باستخدام إستراتيجية التحميل
• إزالة استخدام jQuery من الواجهة الأمامية في سمات WordPress الافتراضية
• إضافة fetchpriority=”high” إلى صورة LCP في WordPress الأساسية
• تجنب التحميل البطيء لصور LCP / البطل في WordPress الأساسية
• تحسين حساب سمات أحجام الصور

النتائج؟

يتم تحميل WordPress 6.3 بشكل أسرع بنسبة 27% للموضوعات المجمعة وأسرع بنسبة 18% للموضوعات الكلاسيكية، مقارنة بـ WordPress 6.2، استنادًا إلى مقياس أكبر رسم للمحتوى (LCP).

وبتقسيم الأمر إلى أبعد من ذلك، نرى تحسنًا نهائيًا عبر جميع مقاييس Core Web Vitals على WordPress للجوال:

• 43.37% نجحوا في برنامج LCP
• نسبة نجاح 78.98% في CLS
• و 97.42% نجحوا في FID

كحل يساعد مالكي مواقع WordPress الذين يزيد عددهم عن 180 ألفًا على تحقيق تجربة مستخدم رائعة، نحن في NitroPack فخورون بالمساهمة في تحسين CWV على النظام الأساسي. عند عرض الروابط مسبقًا عبر واجهة برمجة التطبيقات لقواعد التخمين، فقد شهدنا تحسنًا بنسبة 80% في LCP وتحسينًا بنسبة 55% في INP في الصفحات المعروضة مسبقًا مقارنة بتلك التي لا تحتوي على أي تحميل تخميني.

مجتمع جافا سكريبت لتحسين مؤشرات الويب الأساسية

كجزء من مشروع Chrome Aurora، حيث يتعاون Chrome وأطر عمل الويب مفتوحة المصدر، شهدنا شراكات ناجحة مع Next.js وAngular وNuxt في إطلاق ميزات تركز على الأداء مثل:

• المكون التالي/البرنامج النصي
• NgOptimizedImage
• nuxt/google-fonts

في عام 2022، أشارت تقارير Next.js إلى ارتفاع معدلات النجاح من 20.4% إلى 27.3%. ارتفعت معدلات النجاح الزاوي من 7.6% إلى 13.2%، وارتفعت معدلات النجاح في Nuxt من 15.8% إلى 20.2%.

في الحياة الواقعية، تمت ترجمة هذه الميزات الجديدة إلى تحسينات ملحوظة في Core Web Vitals لشركات المؤسسات مثل Land's End وCareerKarma.

بعد التحول إلى NgOptimizedImage، دعمت Land's End تحسين LCP بنسبة 40% على الهاتف المحمول في اختبارات Lighthouse المعملية وتحسينًا بنسبة 75% في LCP على سطح المكتب. من ناحية أخرى، تم تقليل LCP الخاص بـ CareerKarma بنسبة 24% عند التبديل إلى وضع عامل الويب الخاص بالبرنامج النصي التالي.

"أعلن بموجب هذا أن عام 2024 هو عام مكونات الويب! حجم البايت، وخالي من التبعية، وجافا سكريبت الاختيارية، ومكونات الويب التي لا تعتمد على إطار العمل، والمقدمة من الخادم."

— ستويان ستيفانوف، منشئ موقع perfplanet.com، وهو عضو سابق في شركة Yahoo، ومؤلف JS منشور

تحسين محركات البحث/SEA ومؤشرات الويب الأساسية: نقاط الاتصال

تمت مناقشة أهمية مؤشرات الويب الأساسية فيما يتعلق بـ SEO (تحسين محرك البحث) منذ فترة طويلة.

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

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

— جونو ألدرسون، خبير تحسين محركات البحث (SEO) الرائد عالميًا (الرئيس السابق لـ SEO @Yoast)

من المهم ملاحظة أن الملاءمة تظل العامل الحاسم عند ترتيب الصفحة، كما أوضح جون مولر (محامي بحث Google) :

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

خلال العرض الذي قدمه في حدث Google I/O Extended في سيدني في يونيو 2023، أكد تاماس بيروس أيضًا على أهمية مؤشرات الويب الأساسية، قائلاً "... إذا تم تحميل موقعك ببطء، فسيكون لذلك تأثير سلبي على بحثك نتائج ترتيب الصفحات."

فيما يتعلق بـ SEA (الإعلان عبر محرك البحث) ، ترتبط تجربة المستخدم بشكل مباشر بنقاط جودة إعلاناتك. تشمل الأمثلة الواقعية ما يلي:

• قام أحد عملاء Lever Interactive بزيادة نقاط الجودة الخاصة به مما أدى إلى -17% تكلفة النقرة و-31% تكلفة الاكتساب، وهو ما يعني أيضًا زيادة بنسبة 20% في معدلات التحويل على الصفحات المقصودة الأسرع؛
• تعني نقاط الجودة العالية أيضًا الحصول على خصم يصل إلى 50% على أسعار تكلفة النقرة (CPC) وتحسين ميزانيات إعلاناتك على الفور؛
• شهدت Netzwelt زيادة في إيرادات الإعلانات بنسبة 18%، وزيادة في رؤية الإعلان بنسبة تزيد عن 75%، وانخفاض معدلات الارتداد بنسبة 50%، وزيادة مشاهدات الصفحة بنسبة 27% من خلال تحسين "مؤشرات الويب الأساسية".
• في عام 2023، سيتم تصنيف الصفحات التي تلبي جميع متطلبات Google أعلى بنقطة مئوية واحدة من المتوسط. في حين أن النطاقات الأبطأ ستحتل مرتبة أقل بنسبة 3.7 نقطة مئوية من النطاقات السريعة.

حيوية الويب للأعمال: تأثير تحسين أداء الويب على النتيجة النهائية

في عام 2023، واصلت الشركات اعتماد تحسينات Core Web Vitals لرفع أرباحها النهائية حيث يعني التحسن بمقدار 0.1 ثانية في وقت التحميل ما يلي:

• ما يصل إلى 8.6% من الصفحات التي تم عرضها في الجلسة الواحدة
• تحسن بنسبة 5.2% في مشاركة العملاء
• زيادة التحويلات بنسبة 8.4%
• زيادة بنسبة 9.2% في متوسط ​​قيمة الطلب (AOV)

تُظهر أحدث دراسة حالة لـ WPO نتائج شركة Carpe بعد تحسين موقعها على الويب للحصول على تجربة أفضل للمستخدم - تحسن بنسبة 52% في أكبر رسم محتوى و41% في التحول التراكمي للتخطيط، وزيادة بنسبة 10% في حركة المرور، وزيادة بنسبة 5% في معدل تحويل المتجر عبر الإنترنت، وزيادة بنسبة 15% في الإيرادات.

أثناء ندوة عبر الإنترنت مع Google حول "عناصر الويب الأساسية لنشاطك التجاري" في سبتمبر 2023، شاركت NitroPack الدروس المستفادة من الدراسات الداخلية التي تربط تجربة المستخدم والسرعة بأنماط سلوك مستخدم محددة:

• المستخدمون الذين واجهوا وقت تحميل قدره 3 ثوانٍ أو أقل قاموا بزيارة عدد أكبر من الصفحات بنسبة 60%.

• ينخفض ​​عدد الزوار بنسبة 50% عند تحميل الصفحة خلال 3 ثوانٍ مقارنةً بوقت تحميل الصفحة الذي يبلغ ثانيتين.

• يفقد الزائرون صبرهم ويبدأون بشكل غير متناسب في التخلي عن صفحة الويب عند 2.75 ثانية من تحميل الصفحة

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

الويب الأسرع في عام 2024: التوقعات

"علاوة على استمرار الاتجاه الحالي في تحسينات Core Web Vitals، أعتقد حقًا أن عام 2024 يمكن أن يكون عام "الويب الفوري" مع وصول واجهة برمجة التطبيقات لقواعد التخمين في Chrome إلى الاتجاه السائد وجعل العرض المسبق إضافة سهلة للعديد من المواقع. وهذا سيسمح بتجارب أكثر سلاسة، خاصةً مع واجهة برمجة تطبيقات View Transitions متعددة الصفحات.

— باري بولارد، محامي مطور أداء الويب @Google Chrome

دعونا نرى ما هي الاتجاهات التي ستشكل عام 2024 ليس فقط بشكل أسرع، ولكن بشكل فوري تقريبًا.

اجتياز LCP: التركيز على التحسينات الصحيحة

56.4%

هذا هو عدد مواقع الويب التي تجتاز LCP على الهاتف المحمول مقارنة بـ 94.2% لـ FID و77.2% لـ CLS. تنبع الطبيعة الصعبة لمقياس LCP من تعقيد الوقت المستغرق في تحميل أكبر عنصر محتوى.

في عام 2022، اقترح فيليب والتون طريقة جديدة للانهيار هذه المرة:

• الوقت المناسب لبدء تلقي المحتوى على العميل (TTFB)
• الوقت المناسب لبدء تحميل صورة LCP (تأخير تحميل المورد)
• الوقت اللازم للانتهاء من تحميل صورة LCP (وقت تحميل المورد)
• الوقت حتى يتم عرض عنصر LCP (تأخير عرض العنصر).

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

المشكلة؟ تأخير تحميل الموارد.

وهذا يعني أننا بحاجة إلى التركيز على تحميل أكبر مورد محتوى عاجلاً بدلاً من تحسين مدة التحميل.

✦ نتوقع...

في عام 2024، سيركز المطورون ومالكو المواقع على حدٍ سواء على تحسين إمكانية اكتشاف عنصر LCP عبر تلميحات الموارد واستبعاده من التحميل البطيء تمامًا.

التحضير لـ INP: مقياس الاستجابة الجديد

لقد تكهن الكثيرون بالفعل بما إذا كان غروب مقياس FID سيكون له تأثير كبير على معدلات تمرير CWV أم لا.

الجواب نعم.

ستنخفض معدلات النجاح بمجرد بدء تشغيل INP (خاصة على الهاتف المحمول)، وسيتعين على المطورين أن يشمروا عن سواعدهم للتأكد من أن تقييمات CWV الخاصة بهم تظل خضراء.

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

✦ نتوقع...

في عام 2024، سيستفيد المطورون بشكل متزايد من جدولة الجدولة.yield() وواجهات برمجة التطبيقات Long Animation Frames لتقسيم المهام الطويلة وتقليلها بحيث يكون الخيط الرئيسي جاهزًا لاستيعاب التفاعل دون تأخير.

فهم أفضل لأداء الموقع

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

في عام 2023، شهدنا فضولًا متزايدًا حول كيفية تناسب Core Web Vitals مع سياق الأعمال الأوسع ككل.

CrUX، وأرشيف HTTP، وWeb Almanac، وإحصائيات WPO، والتقارير الداخلية والعامة، وأدوات رؤى الأعمال من الخدمات والمكونات الإضافية المستقلة - كلها مخصصة لمعالجة الأرقام وتوفير الشفافية لجهود مالكي المواقع نحو تجربة مستخدم أفضل.

✦ نتوقع...

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

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

- جورجي بيتروف، الرئيس التنفيذي والمؤسس المشارك @NitroPack

دور الذكاء الاصطناعي: الخطوات التالية في تحسين أداء الويب

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

في الواقع، في عام 2023 وحده، تستفيد 35% من الشركات بالفعل من الذكاء الاصطناعي في أعمالها، مع تولي الخدمات المالية والرعاية الصحية وتجارة التجزئة والتصنيع زمام المبادرة في اعتماد الذكاء الاصطناعي.

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

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

✦ نتوقع...

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

افكار اخيرة

ومع اقتراب عام 2024، يظل التركيز على الحفاظ على هذا الزخم.

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

نتطلع إلى عام 2023 سريعًا، ودعونا نعمل جميعًا نحو عام 2024 أسرع!