باستخدام حل مراقبة موقع الويب Dotcom-Monitor ، يمكنك إنشاء جهاز مراقبة تقرير المنارة وتكوينه (حل مراقبة صفحة الويب) لتدقيق الأداء وتحسين محركات البحث (SEO) ومقاييس موقع الويب الأخرى تلقائيا.
ما هو جوجل لايتهاوس؟
Google Lighthouse هي أداة مفتوحة المصدر وآلية لمراجعة سرعة موقع الويب وأدائه. يقوم بتدقيق وقت التحميل ، وإمكانية الوصول ، وتحسين محركات البحث لصفحات الويب ، وتطبيقات الويب التقدمية ، وقائمة موسعة من أفضل الممارسات. تم دمج Lighthouse في PageSpeed Insights (PSI) ويمكن للمستخدمين الآن مراجعة التقارير المتعلقة ببيانات الأداء. بالإضافة إلى ذلك ، يستخدم PageSpeed Insights مزيجا من بيانات المختبر والعالم الحقيقي ، بينما يستخدم Lighthouse بيانات المختبر فقط لبناء التقارير.
تساعد مقاييس PageSpeed Insights على توفير نظرة ثاقبة لتصور المستخدم لسرعة صفحة الويب ، والتي أصبحت عاملا في تصنيفات تحسين محركات البحث. ومع ذلك ، على الرغم من أهمية استهداف درجة Lighthouse رائعة ، والتي نغطيها أكثر في هذه المقالة أدناه ، فإن المهم هو ما تفعله بتوصيات Lighthouse هذه لتحسين أداء صفحة الويب عن طريق تقليل أوقات تحميل صفحة الويب المتصورة والفعلية.
يحاكي Lighthouse تحميل صفحة ويب في متصفح حقيقي في ظل ظروف العالم الحقيقي (الحزم المفقودة ، وضعف الاتصال ، وما إلى ذلك) ويولد التقرير بدرجات تعكس مقاييس التدقيق. بالإضافة إلى ذلك ، يحتوي التقرير على اقتراحات حول كيفية تحسين سرعة الموقع ودرجات الأداء. إلى جانب الاختبارات المعزولة ، يمكن أن تكون تقارير Lighthouse مفيدة للغاية في تطوير الويب لمقارنة التغييرات في النتائج بمرور الوقت.
ومع ذلك ، عندما يتعلق الأمر باختبار موقع الويب المتكرر ، لا يبدو أن تشغيل Lighthouse يدويا في كل حالة اختبار فعال. في هذه المقالة ، سنناقش طريقة تنفيذ التدقيق تلقائيا باستخدام Dotcom-Monitor.
كيفية استخدام تقرير المنارة بشكل أكثر فعالية
في كل مرة تقوم فيها بتحسين محتوى صفحة الويب لتلبية متطلبات تحسين محركات البحث ، قد تحتاج إلى تتبع التغييرات في درجات تحسين محركات البحث قبل التحسينات وبعدها. في حالة تحسين محركات البحث ، لن يكون الفحص لمرة واحدة ذا مغزى. بل على العكس تماما. من الضروري مراقبة كيفية تغير درجات تحسين محركات البحث بمرور الوقت وعلى أساس منتظم.
لنفترض أنك تريد الحصول على نظرة ثاقبة لتأثير تحديثات صفحات الويب من حيث صلتها بمقاييس الأداء ، دون الحاجة إلى سحب التقارير يدويا في كل إصدار. علاوة على ذلك ، في بعض الأحيان قد يؤثر تحسين وظائف موقع الويب على مقياس أداء معين. على سبيل المثال، إذا كنت تعمل على تقصير مقدار الوقت المستغرق لتحميل المحتوى على صفحة ويب، فأنت بحاجة إلى التركيز على التغييرات في درجات الطلاء الأول للمحتوى أو الطلاء ذي المغزى الأول والتأكد من عدم انخفاض النتيجة. سنناقش هذه المقاييس بمزيد من التفصيل في هذه المقالة.
تكوين تقرير المنارة باستخدام Dotcom-Monitor
يمكن ل Dotcom-Monitor إنشاء تقرير Lighthouse بالتردد المحدد لمراقبة التغييرات في مقياس صفحة ويب معين. الميزة الرئيسية للحل هي مراقبة مقياس تدقيق محدد. يمكنك تحديد مقياس وتعيين حد خطأ لتلقي إشعارات التنبيه عندما تكون النتيجة المراقبة خارج النطاق المقبول. بالإضافة إلى ذلك، يمكنك تكوين التنبيه بشأن الأخطاء التي حدثت أثناء تشغيل Lighthouse، وتحديد جدولة التدقيق، وإعداد التقارير المجدولة حول نتائج المراقبة.
بمجرد تكوين جهاز المراقبة ، يمكنك سحب تقارير Lighthouse من تقرير Dotcom -Monitor عبر الإنترنت.
إعداد تدقيق تقرير المنارة
عنوان URL
أدخل عنوان URL الذي ترغب في تدقيقه باستخدام Lighthouse. يجب تشكيل عنوان URL تماما كما تستخدمه في متصفح، مثل http://www.example.com. يجب عليك تضمين http:// أو https:// في بداية العنوان. في الوقت الحالي، يمكنك أيضا تضمين أي معلمات GET في نهاية عنوان URL.
مقاييس تقرير المنارة
يتيح Dotcom-Monitor المراقبة والتنبيه لمقياس تدقيق صفحة ويب معين. سيراقب النظام درجات المقاييس المحددة في تقرير Lighthouse. إذا تم تحديد عتبة الخطأ لدرجة المقياس وتم تحديد خيار التنبيه على أخطاء المنارة ، اعتبار الجهاز فاشلا في الحالات التي تتجاوز فيها درجة الاهتمام النطاق المسموح به. لتلقي إشعارات التنبيهات، قم بتكوين تنبيهات للجهاز في علامة التبويب تنبيهات في شاشة تحرير الجهاز.
يمكنك أيضا تكوين التقارير المجدولة التي ستجمع نتائج مراقبة المقاييس المحددة استنادا إلى الإحصاءات اليومية أو الأسبوعية أو الشهرية. اختر مقياسا واحدا للتدقيق من مقاييس Lighthouse التالية لتلقي التنبيهات والتقارير بشأنها. يتضمن تقرير الأداء مقاييس مختلفة، وسنناقش كل من هذه المقاييس أدناه.
النتيجة الإجمالية للأداء
النتيجة الإجمالية للأداء هي المتوسط المرجح لجميع مقاييس الأداء. المقاييس الأكثر وزنا لها تأثير أكبر على النتيجة الإجمالية للأداء.
أول طلاء محتوي
يقيس الطلاء الأول للمحتوى (FCP) المدة التي يستغرقها المتصفح لعرض الجزء الأول من محتوى DOM بعد انتقال المستخدم إلى صفحتك. درجة الطلاء الراضي الأول الجيدة هي أي شيء أقل من ثانية واحدة. من المهم التمييز بين الطلاء الأول المحتوي ومصطلح الطلاء الأول. الرسام الأول هو عندما يتم اعتبار أي شيء معروضا ، والذي يمكن أن يكون بسيطا مثل لون خلفية الصفحة نفسها ، ولكنه لا يوفر أي محتوى أو معلومات ذات صلة جاء المستخدم للاستفادة منها أو التصرف بناء عليها.
سيكون الطلاء المحتوى الأول هو المحتوى الذي يتم تسليمه أو رسمه للمستخدم. بالنسبة لمعظم صفحات الويب ، يكون هذا عادة هو المحتوى الموجود في الجزء المرئي من الصفحة ، مثل قائمة التنقل أو صورة البطل ، على سبيل المثال. ستكون هذه هي الأجزاء الأولى من المحتوى الفعلي الذي سيراه المستخدمون عند تحميل الصفحة. يوفر الطلاء الأول المحتوي نقطة بيانات أكثر فائدة في العالم الحقيقي من First Paint.
مؤشر السرعة
يوضح فهرس السرعة مدى سرعة تعبئة محتويات الصفحة بشكل واضح. يتم تحديد مؤشر السرعة عن طريق قياس سرعة صفحة الويب الخاصة بك ومقارنتها بالبيانات من مواقع الويب الأخرى. كلما انخفضت درجة مؤشر السرعة ، كان الأداء أفضل. تعتبر أي صفحة أقل من 4.3 ثانية جيدة وسيتم الإشارة إليها بترميز اللون الأخضر. تعتبر سرعة الصفحة بين 4.4 و 5.8 سرعة معتدلة وسيتم الإشارة إليها باللون البرتقالي. أخيرا ، تعتبر سرعة الصفحة التي تزيد عن 5.8 ثانية بطيئة وسيتم الإشارة إليها باللون الأحمر.
حان الوقت للتفاعل
يقيس الوقت اللازم للتفاعل، أو TTI، الوقت من وقت بدء تحميل الصفحة إلى وقت تحميل مواردها الفرعية الرئيسية، وهو قادر على الاستجابة بشكل موثوق لإدخال المستخدم بسرعة. الوقت المعقول للتفاعلية هو أقل من خمس ثوان. إحدى الملاحظات المهمة حول Time to Interactive هي أنك تريد التأكد من أن المستخدمين يمكنهم التفاعل مع موقعك عندما يصبح محتوى الصفحة ، مثل الأزرار أو الروابط ، مرئيا. الهدف هو جعل الوقت بين First Contentful Paint و Time to Interactive قصيرا قدر الإمكان. إذا تم إعداد صفحتك لعرض هذا المحتوى، ولكنها ليست تفاعلية حتى يتم تحميل البرنامج النصي، فقد يتسبب ذلك في انزعاج بعض المستخدمين.
أول طلاء ذو مغزى
يقيس الطلاء ذي المغزى الأول (FMP) عندما يكون المحتوى الأساسي للصفحة مرئيا. الطلاء الأول ذي المعنى هو الوقت بين بدء تحميل الصفحة ووقت عرض الأساسي ، أعلى الجزء المرئي من الصفحة. يتم قياس الطلاء الأول ذي المغزى بنفس طريقة أول طلاء محتوى، والذي يتم تسجيله مقابل أداء بيانات موقع الويب الحقيقي. اعتمادا على كيفية إعداد الصفحة للتحميل ، يمكن أن يكون الطلاء الأول ذي المعنى والطلاء المحتوى الأول بنفس النتيجة ، ومع ذلك ، في الحالات التي يتم فيها استخدام إطار مضمن (iframe) ، على سبيل المثال ، ستكون الأوقات مختلفة. يعتبر الوقت الذي يقل عن ثانيتين سريعا وسيتم الإشارة إليه باللون الأخضر. أي شيء بين ثانيتين وأربع ثوان معتدل وسيتم الإشارة إليه باللون البرتقالي. أخيرا ، أي شيء يزيد عن أربع ثوان بطيء وسيتم الإشارة إليه باللون الأحمر.
أول وحدة المعالجة المركزية الخمول
يمثل أول خمول لوحدة المعالجة المركزية المرة الأولى التي يكون فيها مؤشر الترابط الرئيسي للصفحة هادئا بما يكفي للتعامل مع الإدخال. يمكن اعتباره الوقت بين وقت تحميل الصفحة ووقت تحميلها. يتم تحديد هذه النتيجة ، مثل غيرها في هذه القائمة ، من خلال مقارنة صفحتك ببيانات من مواقع ويب أخرى. درجة خمول وحدة المعالجة المركزية الأولى الجيدة هي في أي وقت أقل من 4.7 ثانية وسيتم الإشارة إليها باللون الأخضر. أي وقت بين 4.8 و 6.5 ثانية يكون سريعا بشكل معتدل وسيتم الإشارة إليه باللون البرتقالي. أخيرا ، في أي وقت يزيد عن 6.5 ثانية يكون بطيئا وسيتم الإشارة إليه باللون الأحمر.
الحد الأقصى المحتمل لتأخير الإدخال الأول
الحد الأقصى المحتمل لتأخير الإدخال الأول هو المدة ، بالمللي ثانية ، لأطول تنفيذ للجهاز يمكن أن يواجهه المستخدمون. بمعنى آخر ، هو مقدار الوقت الذي يستغرقه المتصفح للاستجابة لإجراءات المستخدم ، مثل النقر فوق رابط أو زر ، ومعالجة هذا الإجراء. تأخير الإدخال الأول المحتمل الأقصى السريع هو أي شيء أقل من 130 مللي ثانية وسيتم الإشارة إليه باللون الأخضر. أي شيء يزيد عن 250 مللي ثانية يعتبر بطيئا وسيتم الإشارة إليه باللون الأحمر.
النتيجة الإجمالية لإمكانية الوصول
تسلط النتيجة الإجمالية لإمكانية
الوصول الضوء على
الفرص المتاحة لتحسين إمكانية الوصول إلى موقع الويب الخاص بك.
لا يتعلق الأمر فقط بضمان إمكانية الوصول للمستخدمين ذوي الإعاقة. حتى أصغر الإصلاحات
، مثل makin
g تأكد من أن عناصر HTML
معنونة بشكل صحيح ويمكن
أن يقطع تنفيذها شوطا طويلا لضمان إمكانية الوصول
لجميع
المستخدمين الذين يصلون إلى صفحات الويب الخاصة بك.
أفضل الممارسات النتيجة الإجمالية
تضمن النتيجة الإجمالية لأفضل الممارسات أن صفحتك تتبع أفضل ممارسات الصناعة، مثل جافا سكريبت الصالحة وأبعاد الصور والتشفير والمزيد. يقدم هذا القسم أيضا نظرة عامة على العناصر المختلفة التي اجتازت أو فشلت في تدقيق المنارة ، إلى جانب التوصيات
النتيجة الإجمالية لكبار المسئولين الاقتصاديين
تضمن النتائج الإجمالية لكبار المسئولين الاقتصاديين تحسين صفحتك لترتيب نتائج محرك البحث. على سبيل المثال ، سيظهر تدقيق Lighthouse أن هناك عناوين وأوصاف تعريفية ورموز حالة ناجحة ذات صلة والمزيد للصفحة المحددة. يتضمن هذا القسم أيضا العناصر التي لم تستوف معايير التدقيق وتحتاج إلى مراجعة لتحسين وتحسين محركات البحث.
عتبة الخطأ
تعيين نطاق نقاط مقبول لمقياس محدد. إذا كانت النتيجة خارج النطاق ، وضع علامة على الجهاز على أنه فاشل. لتلقي تنبيهات استنادا إلى الحد الأدنى الذي قمت بتعيينه، حدد نعم في الحقل تنبيه على أخطاء المنارة .
خيارات DNS
تتيح ميزة خيارات DNS للمستخدمين اختيار كيفية إجراء طلبات خادم اسم المجال (DNS) أثناء مهمة المراقبة.
لتحديد وضع حل أسماء المضيفين، في القسم وضع حل DNS ، حدد أحد الأوضاع المتوفرة. لمزيد من التفاصيل حول تكوين الميزة، راجع خيارات وضع DNS.
يسمح قسم مضيفات DNS المخصصة بإعداد تعيين عناوين IP لأسماء المضيفين. يتم دعم دقة DNS IPv6 و IPv4.
لتحديد التعيين، أدخل عنوان IP واسم المضيف في الحقول المقابلة.
راجع أيضا: خيارات وضع DNS.
أتمتة مراقبة المنارة للحصول على تجربة مستخدم أفضل
من المهم أن ندرك أن سرعة الصفحة ووقت تحميل الصفحة ، على الرغم من ارتباطهما الوثيق ، يجب أن ينظر إليهما كعاملين منفصلين عندما يتعلق الأمر بأداء موقع الويب. بينما يركز وقت تحميل الصفحة على قياس المدة التي يستغرقها عرض جميع محتويات صفحات الويب ، وهو عامل عندما يتعلق الأمر بتقديم تجربة مستخدم رائعة ، لا ينتظر المستخدمون تحميل صفحات الويب الخاصة بك بالكامل قبل التنقل أو النقر أو اتخاذ الإجراء (الإجراءات) التالية.
تسمح لك تقارير مراقبة Lighthouse بقياس وتتبع مدى جودة أداء صفحات الويب الخاصة بك بمرور الوقت باستمرار والتأكد من أن صفحاتك تلبي مقاييس الأداء والعتبات وأفضل الممارسات التي وضعتها PageSpeed Insights ، مما يمنحك راحة البال بأن عملائك ومستخدميك يحصلون على تجربة ويب سريعة بغض النظر عن مكان وجودهم.
موارد إضافية حول مقاييس المنارة
للحصول على أوصاف أكثر تفصيلا لمقاييس المنارة، تفضل بزيارة الصفحات التالية:
https://developers.google.com/web/tools/lighthouse
https://web.dev/performance-scoring/