ملخص 30 ثانية:
- كانت هناك زيادة تدريجية في تأثير Google لوقت تحميل الصفحة على تصنيفات مواقع الويب
- قدمت Google مقاييس Core Web Vitals الثلاثة كعوامل تصنيف لقياس تجربة المستخدم
- يمكن أن تساعدك الخطوات التالية في الحصول على فكرة أفضل عن أداء موقع الويب الخاص بك من خلال اختبارات متعددة
لا يوفر موقع الويب السريع تجربة أفضل فحسب ، بل يمكنه أيضًا زيادة معدلات التحويل وتحسين تصنيفات محرك البحث لديك. أدخلت جوجل الثلاثة حيوية الويب الأساسية مقاييس لقياس تجربة المستخدم و استخدامها كعامل ترتيب.
دعنا نلقي نظرة على ما يمكنك القيام به لاختبار أداء موقع الويب الخاص بك وتحسينه.
ابدأ في Google Search Console
هل تريد أن تعرف ما إذا كان تحسين “أساسيات الويب الأساسية” أمرًا يجب أن تفكر فيه؟ استخدم تقرير تجربة الصفحة بتنسيق جوجل Search Console للتحقق مما إذا كان يتم تحميل أي من الصفحات الموجودة على موقع الويب الخاص بك ببطء شديد.
تعرض Search Console البيانات التي تجمعها Google من مستخدمين حقيقيين في Chrome ، وهذه أيضًا هي البيانات المستخدمة كإشارة تصنيف. يمكنك أن ترى بالضبط ما هي عناوين URL للصفحة التي تحتاج إلى تحسين.
قم بإجراء اختبار سرعة الموقع
ستخبرك بيانات المستخدم الحقيقية لـ Google بمدى سرعة موقع الويب الخاص بك ، ولكنها لن تقدم تحليلاً يشرح سبب بطء موقع الويب الخاص بك.
قم بتشغيل اختبار سرعة الموقع المجاني تجده في الخارج. ما عليك سوى إدخال عنوان URL للصفحة التي تريد اختبارها. ستحصل على تقرير أداء مفصل لموقعك على الويب ، بما في ذلك توصيات حول كيفية تحسينه.
استخدم تلميحات الأولوية لتحسين أكبر رسم محتوى
تلميحات الأولوية هي ميزة متصفح جديدة ظهرت في عام 2022. وهي تتيح لمالكي مواقع الويب الإشارة إلى مدى أهمية صورة أو مصدر آخر على الصفحة.
هذا مهم بشكل خاص عند تحسين أكبر رسم مضمون، أحد المقاييس الثلاثة لأهمية الويب الأساسية. يقيس الوقت الذي يستغرقه ظهور محتوى الصفحة الرئيسية بعد فتح الصفحة.
بشكل افتراضي ، تفترض المتصفحات أن جميع الصور ذات أولوية منخفضة حتى تبدأ الصفحة في العرض ويعرف المستعرض الصور المرئية للمستخدم. بهذه الطريقة ، لا يتم إهدار النطاق الترددي على الصور ذات الأولوية المنخفضة بالقرب من أسفل الصفحة أو في التذييل. ولكنه يؤدي أيضًا إلى إبطاء الصور المهمة في أعلى الصفحة.
موارد
إن إضافة سمة fetchpriority=”high” إلى عنصر img المسؤول عن أكبر محتوى مضمون يضمن تنزيله بسرعة.
استخدم التحميل البطيء للصور الأصلية من أجل التحسين
التحميل البطيء للصور يعني فقط تحميل الصور عندما تصبح مرئية للمستخدم. إنها طريقة رائعة لمساعدة المتصفح في التركيز على المحتوى الأكثر أهمية أولاً.
ومع ذلك ، يمكن أن يؤدي التحميل البطيء للصور أيضًا إلى إبطاء جعل الصور تستغرق وقتًا أطول للتحميل ، خاصة عند استخدام مكتبة تحميل جافاسكريبت. في هذه الحالة ، يحتاج المتصفح أولاً إلى تحميل مكتبة JavaScript قبل البدء في تحميل الصور. تعني سلسلة الطلبات الطويلة هذه أن المتصفح يستغرق بعض الوقت لتحميل الصورة.
المتصفحات اليوم تدعم الأصلي تحميل كسول مع تحميل=”كسول” السمة للصور. بهذه الطريقة يمكنك الحصول على مزايا التحميل البطيء دون تكبد تكلفة الاضطرار إلى تنزيل مكتبة JavaScript أولاً.
إزالة وتحسين موارد حظر العرض
موارد منع العرض هي طلبات الشبكة التي يجب على المتصفح إجراؤها قبل أن يتمكن من عرض أي محتوى صفحة للمستخدم. وهي تشمل مستند HTML وأوراق أنماط CSS بالإضافة إلى بعض ملفات JavaScript.
نظرًا لأن هذه الموارد لها تأثير كبير على وقت تحميل الصفحة ، يجب عليك التحقق من كل منها لمعرفة ما إذا كانت ضرورية حقًا. تتيح لك الكلمة الأساسية غير المتزامنة في علامة البرنامج النصي HTML تحميل تعليمات JavaScript البرمجية بدون حظر العرض.
إذا كان على مورد أن يحظر العرض ، تحقق مما إذا كان بإمكانك تحسين الطلب لتحميل المورد بسرعة أكبر ، على سبيل المثال عن طريق تحسين الضغط أو تحميل الملف من خادم الويب الرئيسي بدلاً من طرف ثالث.
قم بالتحسين باستخدام التفاعل الجديد لمقياس Next Paint
أعلنت Google عن مقياس جديد يسمى التفاعل مع Next Paint. يقيس هذا المقياس مدى سرعة استجابة موقعك لإدخالات المستخدم ومن المحتمل أن يصبح أحد “أساسيات الويب الأساسية” في المستقبل.
يمكنك بالفعل معرفة كيف يعمل موقع الويب الخاص بك على هذا المقياس باستخدام أدوات مثل PageSpeed Insights.
مراقبة أداء موقعك باستمرار
يمكن لاختبارات سرعة الموقع التي تُجرى لمرة واحدة تحديد مشكلات الأداء على موقع الويب الخاص بك ، ولكنها لا تجعل من السهل تتبع نتائج الاختبار الخاصة بك والتأكد من أن التحسينات الخاصة بك تعمل.
يراقب DebugBear موقع الويب الخاص بك باستمرار لفحصه وتنبيهك عند وجود مشكلة. تسهل الأداة أيضًا إظهار تأثير عملك على العملاء ومشاركة نتائج الاختبار مع فريقك.