مقارنة بين PageSpeed ​​Insights من Google و Lighthouse: ما هو أفضل قياس لأداء الموقع؟

ما هي سرعة الصفحة؟

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

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

ولكن ما هي أفضل أداة لتتبع سرعة الصفحة؟

تقدم Google خيارين رسميين: Google PageSpeed ​​Insights و Lighthouse. كلاهما أدوات قوية ومجانية مصممة لمساعدة المسوقين الرقميين والمطورين على تحسين سرعة صفحات مواقعهم الإلكترونية - مع وجود بعض الاختلافات الرئيسية بينهما. دعنا نقارن PageSpeed ​​Insights مقابل Lighthouse ونناقش ما تحتاج لمعرفته حول تتبع سرعة الصفحة وتحسينها.

ما هي Google PageSpeed ​​Insights؟

تُعد Google PageSpeed ​​Insights (PSI) أداة مجانية تقيس مقاييس سرعة الصفحة على أجهزة سطح المكتب والأجهزة المحمولة باستخدام بيانات العالم الواقعي والمختبر. بيانات العالم الحقيقي (تسمى أيضًا "بيانات الحقل") عبارة عن تجميع لمدة 28 يومًا يتم سحبها من تقرير تجربة مستخدم Chrome ، بينما يتم حساب البيانات المعملية باستخدام Lighthouse API.

PSI سهل على أي شخص استخدامه: ما عليك سوى التوجه إلى https://pagespeed.web.dev/ ، وتوصيل عنوان URL ، وانتظر بضع لحظات حتى تنشئ واجهة برمجة التطبيقات تقريرًا. ستتمكن من معرفة كيفية تكدس عنوان URL مقابل "أساسيات الويب الأساسية من Google" وتقييم مقاييس السرعة التفصيلية والحصول على تقييم شامل لأداء موقع الويب.

تقييم الأداء هو المتوسط ​​المرجح لكل درجة مترية للسرعة. إنها مثل الدرجة الكلية ولكنها ليست قياسًا نهائيًا. تشير النسب المئوية الموجودة بين قوسين أدناه إلى الوزن الذي يُعطى لكل مقياس عند حساب "تقييم الأداء".

• First Contentful Paint: (10٪) المدة التي يستغرقها تحميل أول صورة أو كتلة نصية بالكامل.
• مؤشر السرعة: (10٪) متوسط ​​الوقت المستغرق لتحميل المحتوى المرئي حتى اكتمال الشاشة.
• أكبر رسم محتوى: (25٪) المدة التي تستغرقها أكبر صورة أو كتلة نصية ليتم تحميلها بالكامل.
• وقت التفاعل: (10٪) المدة التي تستغرقها الصفحة لتصبح تفاعلية بالكامل.
• إجمالي وقت الحظر: (30٪) فارق التوقيت بين First Contentful Paint و Time to Interactive والذي يتم خلاله منع الصفحة من إدخال المستخدم. (بمعنى آخر ، الفارق الزمني بين ظهور شيء ما على الشاشة لأول مرة مقابل عندما يمكن للمستخدم النقر عليه فعلاً.)
• إزاحة التنسيق التراكمي: (15٪) مقياس لتغييرات التخطيط غير المتوقعة ، أي تحميل المحتوى خارج الترتيب الذي يعيد تنظيم المحتوى الآخر أو ينقله إلى أعلى أو أسفل الصفحة.

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

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

ما هو Google Lighthouse؟

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

تستخدم Lighthouse حصريًا بيانات المختبر ، مما يعني أن عمليات التدقيق يتم إجراؤها في بيئة محددة مسبقًا خاضعة للرقابة - ولا يتم جمعها من بيانات المستخدم الفعلية.

هناك عدة طرق مختلفة للوصول إلى اختبار سرعة Google Lighthouse. أسهل طريقة لغير المطورين لاستخدام Lighthouse هي من خلال ملحق متصفح Chrome ، على الرغم من أن الامتداد لا يمكنه تدقيق الصفحات باستخدام مصادقة ملفات تعريف الارتباط من تلقاء نفسها. يمكن للمطورين استخدام Chrome DevTools للوصول الكامل.

سيتضمن تقرير Lighthouse الخاص بك معلومات حول:

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

ما هي حزم Lighthouse Stack Pack؟

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

مقارنة بين PageSpeed ​​Insights من Google و Lighthouse

تجمع Google PageSpeed ​​Insights بين بيانات المستخدم والمعمل الواقعي لتوفير نظرة عامة شاملة وسهلة الفهم عن سرعة الصفحة. يركز Lighthouse على المطور ويجمع بيانات المختبر من عمليات التدقيق التي تغطي كل شيء من سرعة تحميل الصفحة إلى أمان الويب. كلاهما يقدم توصيات تحسين.

مقارنة بين PageSpeed ​​Insights من Google و Lighthouse: نظرة عامة

متى تستخدم Google PageSpeed ​​Insights

استخدم PSI إذا كنت تريد فهمًا واضحًا لسرعة عنوان URL وتوصيات تحسين محددة لتنفيذها بنفسك أو الترحيل إلى مطور.

متى تستخدم منارة جوجل

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

هل تريد أفضل البيانات؟ استخدم كل من PageSpeed ​​Insights و Lighthouse

لكل من PSI و Lighthouse نقاط قوتهما وقيودهما - لكنهما أكثر فاعلية عند استخدامهما معًا لبناء صورة كاملة لموقعك.

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

حقق أقصى استفادة من أدوات Google مع كتابنا الإلكتروني المجاني

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

يتضمن تحسين موقعك التعامل مع الكثير من البيانات والتنقل في أدوات معقدة. لجعل الأمور أقل تعقيدًا ، قم بتنزيل كتابنا الإلكتروني المجاني ، أدوات Google لتحسين محركات البحث .

دليل لأدوات جوجل لتحسين محركات البحث

قم بتنزيل هذا الدليل لمعرفة كيفية تحقيق أقصى استفادة من الأدوات المجانية القوية التي توفرها Google لتحسين عمليات تحسين محركات البحث وأدائها.