إتقان أساسيات الويب الأساسية: دليل لتحسين تجربة المستخدم

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

وظيفة ذات صلة: 7 أشياء يحتاج أصحاب الأعمال لمعرفتها حول أساسيات الويب الأساسية

لماذا تعتبر "حيوية الويب الأساسية" مهمة للغاية

1. تؤثر "أساسيات الويب الأساسية" على تصنيفات بحث Google الخاصة بموقعك

2. إنها ضرورية لتوفير تجربة مستخدم ممتازة

3. يمكن أن يؤدي تحسين "أساسيات الويب الأساسية" إلى زيادة حركة المرور على موقعك وإيراداته

يعد تحسين Core Web Vitals ضروريًا لأصحاب المتاجر عبر الإنترنت والمطورين لتوفير تجربة مستخدم مثالية ، والحصول على مرتبة أعلى في نتائج بحث Google ، وزيادة أرباحهم في النهاية. تستند هذه المقاييس الأساسية الثلاثة - أكبر رسم محتوى (LCP) ، وتأخر الإدخال الأول (FID) ، وتحويل التخطيط التراكمي (CLS) - إلى سرعة التحميل والتفاعل والعرض التقديمي المرئي لموقع الويب الخاص بك.

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

ما هو أكبر رسم محتوى (LCP)

يعد Largest Contentful Paint (LCP) مقياسًا مهمًا يقيس وقت تحميل عنصر المحتوى الأكثر أهمية لصفحة الويب ، مثل صورة أو مربع نص. إنه أحد المكونات الأساسية لـ Core Web Vitals ، وهي مجموعة من المقاييس الأساسية لتوفير تجربة مستخدم سلسة. يمكن أن يؤدي تحسين LCP لموقع الويب الخاص بك إلى تقليل أوقات تحميل الصفحة وتحسين تجربة المستخدم الإجمالية ، مما يؤدي إلى زيادة الاحتفاظ بالعملاء واكتسابهم.

نحن في Perspective نتلقى طلبات متكررة لتحسين نظام LCP لـ Core Web Vitals. يمكنك أن ترى أدناه أحد الأمثلة على تحسين أكبر محتوى محتوى (LCP) ، وهو ما فعلناه لأحد عملائنا:

1. أكبر رسم محتوى قبل التحسين

2. أكبر طلاء مضمون بعد التحسين

اقرأ أيضًا: Acer vs Lenovo Chromebooks: أيهما مناسب لك؟

ما هي الأسباب الأكثر شيوعًا لانخفاض أكبر محتوى في الطلاء:

1. بطء استجابة الخادم

2. غير محسّن JS و CSS

3. بطء تحميل الموارد

4. بطء التقديم من جانب العميل.

كيفية زيادة أكبر محتوى مضمون

لقد أنشأنا قائمة صغيرة من طرق التحسين ، والتي يتم تطبيقها باستمرار في عملنا ، وبالتالي نوصي بما يلي:

1. احذف كود JS غير المستخدم وقلل من حجم الملفات في وضع الإنتاج.

2. من الأفضل كتابة قواعد CSS في وحدات (كتل) بحيث لا يوقف أسلوب بعض المحددات البعض الآخر. نوصي أيضًا بتجنب إنشاء سلسلة طويلة من المحددات. يجب تخزين جميع ملفات CSS ، أو المكتبات المراد اختبارها محليًا ، وليس تنزيلها عبر CDN.

3. ضغط الصور لتحميل أسرع واستخدام تنسيقات جديدة. على سبيل المثال ، قم بتحويل JPEG إلى WebP ، وهو حجم 1/3 دون فقدان الجودة.

4. نوصي باستخدام الصور سريعة الاستجابة (رابط) لتحسين الصور من حيث سرعة التنزيل وتجربة المستخدم. هناك نقطة مهمة هنا. لعلامة img سمتان مهمتان:

1. src - للإشارة إلى مصدر الصورة الأصلي. يتم فحص الصور المأخوذة من السمة src ومراعاتها في الترتيب بواسطة محركات البحث ، لذلك من الضروري تحديد أفضل جودة للصورة هنا.

2. srcset - يسمح لك بتحديد مجموعة متنوعة من إصدارات الصورة. من الصور الموجودة في السمة srcset ، يختار المتصفح صورة لتحميلها وعرضها اعتمادًا على حجم شاشة أجهزة سطح المكتب أو الأجهزة المحمولة التي يعمل عليها.

5. لا نوصي بإضافة loading = "كسول" في سمة العلامة <img>.

قم بإزالة السمة البطيئة لزيادة "أكبر محتوى محتوى"

ما هو تغيير التخطيط التراكمي (CLS)

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

اقرأ أيضًا: نمو الكازينوهات الحية في عام 2023

ما هي الأسباب الأكثر شيوعًا لضعف التخطيط التراكمي (CLS)

تعتبر مؤشرات الاستقرار المرئية ضرورية لضمان تجربة مستخدم سلسة وسلسة. ومع ذلك ، يمكن أن يكون سبب ضعف الاستقرار البصري عدة عوامل فنية. تتضمن بعض الأسباب الشائعة تحجيم ملفات الصور والوسائط المتعددة ، واستعلامات GraphQL ، والدوارات غير المحسّنة.

الحجم غير الصحيح لملفات الصور والوسائط المتعددة

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

استعلامات GRAPHQL غير المحسّنة

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

CAROUSELS غير محسن

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

كيفية تحسين مؤشر الثبات البصري وتحويل التخطيط التراكمي

استخدام حاملي المواضع

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

استخدام العناصر النائبة لتحسين نتيجة الأداء في Core Web Vitals

تتيح هذه الإستراتيجية للمتصفح حجز المساحة اللازمة للصور قبل التحميل الكامل ، مما يمنع حدوث تغييرات غير متوقعة في التخطيط. فيما يلي مثال على تنفيذ هذه التقنية باستخدام علامة img.

<img data-src = ”image.webp” width = ”380 ″ height =” 120 ″ alt = ”image”>

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

DASPLAY الأمامي: المبادلة

لتحقيق النتيجة المثلى لإزاحة التخطيط التراكمي (CLS) ، يمكن للمطورين استخدام خاصية font-display: swap لعرض النص في خط النظام قبل تحميل ملف الخط المخصص بالكامل. يجب أن تحدد قاعدة font-face في ملف خط CSS المطلوب مسارات ملف الخط وتتضمن font-display: swap property.

فيما يلي مثال على كيفية تحديد قاعدة font-face باستخدام font-display: swap property:

@ font-face {Font-family: “Proxima Nova”؛ src: url (“../ lines / proximanova-normal.woff2”) تنسيق (“woff2”)؛ font-display: swap؛}

باستخدام font-display: swap property ، سيعرض المتصفح على الفور النص في خط النظام حتى يتم تحميل ملف الخط المخصص بالكامل. يمكن أن تمنع هذه التقنية حدوث تغييرات غير متوقعة في التخطيط وتحسين الاستقرار المرئي للصفحة ، مما يؤدي إلى تجربة مستخدم أفضل.

اقرأ أيضًا: تأثير الظروف الاقتصادية العالمية على قيمة العملة المشفرة

تحويل CSS

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

عند تحسين تحميل كتل CMS (خاصة في مشاريع PWA) عبر عناصر GraphQL HTML ، يوصى بتعيين خصائص CSS بارتفاع ثابت. يمكن أن يساعد هذا الأسلوب في منع حدوث تغييرات غير متوقعة في التخطيط وضمان وجود صفحة مستقرة بصريًا بعد تحميلها.

من خلال تنفيذ هذه التقنيات ، يمكن للشركات تحسين نتيجة Core Web Vitals وتوفير تجربة مستخدم أكثر سلاسة ومتعة. في إحدى الحالات الحديثة ، قمنا بتحسين درجة CLS بشكل كبير عن طريق إضافة font-display: swap property في ملف CSS ، وتعيين الحد الأدنى للارتفاع ، وتحسين تحميل الخط (@ font-face).

1. متجر عبر الإنترنت قبل تحسين أساسيات الويب الحيوية

2. متجر عبر الإنترنت بعد تحسين أساسيات الويب الحيوية

ما هو تأخير الإدخال الأول (FID)؟

يعتبر تأخير الإدخال الأول (FID) مقياسًا مهمًا يقيس تفاعل موقع الويب. يقيس تأخير الإدخال الأول المدة التي يستغرقها الموقع للاستجابة لتفاعل المستخدم الأول مع الصفحة ، مثل النقر فوق زر أو الكتابة في حقل نموذج.

باستخدام FID في Magento 2

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

لضمان تجربة المستخدم المثلى ، من الضروري تحقيق درجة FID أقل من 100 مللي ثانية. يمكن تحقيق ذلك من خلال تقنيات التحسين المختلفة ، مثل تقليل وقت تنفيذ JavaScript ، وتحسين البرامج النصية للجهات الخارجية ، وتحسين وقت استجابة الخادم. من خلال تحسين FID ، يمكن للشركات توفير موقع ويب أكثر استجابة وجاذبية يحافظ على تفاعل المستخدمين ورضاهم.

كيفية تحسين تأخير الإدخال الأول

مهمة حل

تتمثل الطريقة الموصى بها لتحسين تأخير الإدخال الأول (FID) في تقسيم المهام الأطول إلى مهام فرعية أصغر وأكثر قابلية للإدارة. يمكن للمهام الطويلة أن تثقل كاهل الخيط الأساسي ، مما يعيق معالجة وتنفيذ مدخلات المستخدم. أي مقطع رمز يعيق التدفق لأكثر من 50 مللي ثانية يعتبر مهمة طويلة.

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

اختبار في ظروف الحياة الحقيقية

لقياس تأخير الإدخال الأول (FID) بدقة ، يوصى باستخدام أدوات متخصصة تقيس الأداء في ظل ظروف العالم الحقيقي. تتضمن بعض هذه الأدوات ما يلي:

1. اختبار PageSpeed ​​Insights ؛

2. Search Console (تقرير Core Web Vitals) ؛

3. تقرير تجربة مستخدم Chrome ؛

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

اقرأ أيضًا: دليل خطوة بخطوة لبناء واجهة متجر مخصصة Shopify

قم بتمكين التنزيل عند الطلب

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

تحسين JAVASCRIPT

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

المزيد من المؤشرات لتحسين "أساسيات الويب الأساسية"

بالإضافة إلى مؤشرات الويب الأساسية الثلاثة المذكورة أعلاه ، توجد العديد من المقاييس التكميلية.

أول رسم مضمون (FCP)

First Contentful Paint (FCP) هو مقياس قيم يساعد في قياس الوقت المستغرق لصفحة ما لعرض صورتها الأولية أو كتلة النص. يتضمن هذا المقياس وقت المعالجة لطلبات DNS وطلبات الخادم والعمليات من جانب الخادم وعرض DOM الأساسي. في حين أن عوامل مثل DNS وسرعة الشبكة خارجة عن سيطرتنا ، فإن تقليل وقت المعالجة للمهام من جانب الخادم وتحسين تحميل الأنماط والنصوص يمكن أن يؤثر بشكل كبير على الأداء. على وجه التحديد ، توصي Google بإعطاء الأولوية لتضمين الأنماط المهمة فقط في القسم الرئيسي لصفحة الويب ، وإذا أمكن ، استخدام علامات النمط بدلاً من علامات الارتباط لتقليل طلبات الخادم غير الضرورية.

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

مقياس مؤشر السرعة

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

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

لتحسين SI ، يمكن لمطوري الويب استخدام مجموعة متنوعة من تقنيات التحسين ، بما في ذلك تقليل الموارد الخارجية مثل CSS و JavaScript ، وتقليل أحجام الصور ، والاستفادة من التخزين المؤقت للمتصفح لتسريع تحميل الموارد. من خلال تحليل درجات SI باستخدام أدوات مثل Google Analytics و WebPageTest ، يمكن لمالكي مواقع الويب تحديد المجالات التي تتطلب التحسين وإجراء تغييرات لتحسين أداء موقع الويب. في النهاية ، من خلال تحسين أداء موقع الويب وتعزيز تجربة المستخدم ، يمكن لمالكي مواقع الويب تحسين المشاركة وزيادة التحويلات وتنمية أعمالهم.

التفاعل مع Next Paint

يعد التفاعل مع Next Paint (INP) مقياسًا مهمًا يقيس الوقت بين تفاعل المستخدم مع صفحة الويب وعرض الاستجابة المرئية. هذا المقياس ملائم بشكل خاص للصفحات التي تتطلب تفاعلات متكررة من المستخدم ، مثل منصات الوسائط الاجتماعية ومواقع التجارة الإلكترونية. يوفر INP رؤى قيمة حول استجابة صفحة الويب ويساعد في تحديد المجالات التي تتطلب التحسين لتحسين تجربة المستخدم.

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

لتحسين INP ، يمكن لمطوري الويب تنفيذ مجموعة من تقنيات التحسين ، مثل تقليل استخدام JavaScript وتقليل حجم الصور ومقاطع الفيديو. بالإضافة إلى ذلك ، يمكن أن يساعد استخدام تقنيات الويب الحديثة مثل Intersection Observer API و Web Workers في تحسين الأداء عن طريق إلغاء تحميل المهام كثيفة الاستخدام للموارد وتقليل عبء العمل على مؤشر الترابط الرئيسي.

اقرأ أيضًا: كيف ستؤثر الترجمة الفرنسية إيجابًا على عملك؟

وقت تناول اللقمة الأولى (TTFB)

يعتبر Time to First Byte (TTFB) مقياسًا مهمًا لأداء الصفحة. يمثل الوقت الذي يستغرقه الخادم في تلقي البايت الأول من البيانات بعد إرسال الطلب. تتأثر قيمة TTFB بعدة عوامل ، مثل زمن انتقال الشبكة ووقت معالجة الخادم وتعقيد رمز موقع الويب. من المستحسن وجود قيمة TTFB أقل لأنها تشير إلى أوقات تحميل أسرع وتجربة مستخدم أفضل. يتراوح وقت الاستجابة المثالي لموقع الويب ما بين 250 إلى 350 مللي ثانية ، بينما يعتبر أي شيء يزيد عن 500 وقت استجابة طويلاً ويمكن أن يؤثر سلبًا على أداء موقع الويب.

لتحسين قيم TTFB ، يمكن لمالكي مواقع الويب استخدام أدوات وتقنيات متنوعة. أحد هذه الأساليب هو التخزين المؤقت للاستعلام ، وتخزين البيانات التي يتم الوصول إليها بشكل متكرر في ذاكرة تخزين مؤقت ، مما يسمح بالوصول والاسترداد بشكل أسرع. يمكن أن تعمل أدوات مثل Varnish كطبقة تخزين مؤقت بين الخادم والمستخدم ، مما يؤدي إلى تحسين سرعة موقع الويب وتقليل حمل الخادم. بالنسبة لمشروعات PWA ، يمكن استخدام عمال الخدمة للتخزين المؤقت لمحتوى HTML ، والذي يمكن تحديثه عندما يتغير المحتوى ، مما يوفر وصولاً أسرع إلى المحتوى الذي يتم الوصول إليه بشكل متكرر.

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

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

يوصى باستخدام الأدوات لمراجعة Core Web Vitals

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

يتألف تقرير المنارة من عدة أقسام:

1. أداء الموقع: تحليل سرعة تنزيل الموقع

2. الميزات: تصف كيفية تسريع موقعك وتحسين الأداء.

3. التشخيص: يشير إلى ما يجب الانتباه إليه وتصحيحه

4. برنامج الويب التدريجي: مراجعة تفصيلية

5. التوفر: قسم حول كيفية تحسين تصميم UX

6. أفضل الممارسات: أفضل الطرق للتحسين الموثوق به لمعظم المواقع

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

سيتم عرض تقرير التدقيق الخاص بك في النافذة الجديدة عند بدء التدقيق. كما أنه متاح للقياس على موقع PageSpeed ​​Insights على الويب.

لا تنسَ أن مقاييس حيوية الويب الأساسية سيتم أخذها خلال آخر 28 يومًا.

اقرأ أيضًا: ما هي أفضل أجهزة كمبيوتر Apple MacBook Air و MacBook Pro المحمولة؟

الاستنتاجات

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

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