قصص نجاح Google Lighthouse: تحسين الأداء باستخدام التحسين الفني

نشرت: 2019-05-23

باستخدام Google Lighthouse ، يمكنك تقييم الأداء الفني لأي عنوان URL بسرعة وسهولة. تقيس الاختبارات التفصيلية أوقات التحميل وإمكانية الوصول وأمن الويب ، وفي نفس الوقت تكشف عن إمكانية تحسين البنية التحتية التقنية لموقع الويب. في هذه المدونة ، أود مشاركة بعض الأمثلة عن الشركات التي استخدمت بنجاح Google Lighthouse للمساعدة في تعزيز أدائها عبر الإنترنت. اكتشف كيف استخدم السوق الآسيوي Carousell Lighthouse لتوليد حركة مرور عضوية أكثر بنسبة 63٪ ، وكيف ترتبط نتائج أداء TripAdvisor و Expedia لتصنيفات Google ، والمزيد.

إذا كنت تبحث عن نظرة عامة حول ماهية Google Lighthouse ومدى ملاءمتها لتصنيفات محرك البحث ، فيمكنك البدء بقراءة الورقة البيضاء الخاصة بنا Searchmetrics ، "Google Lighthouse Ranking Factors 2019". تحلل الورقة الحالة الحالية لتحسين مواقع الويب رفيعة المستوى على Google.com ، بناءً على بيانات من أكثر من 15 مليون عملية تدقيق على Google Lighthouse. قم بتنزيل المستند التقني من هنا:

عوامل تصنيف Google Lighthouse 2019

قصة نجاح 1: كيف رفع موقع eBay في آسيا أداء المنارة من 17 إلى 84 نقطة

تأتي دراسة حالة Lighthouse الأولى لدينا من إجابة آسيا على eBay ، Marketplace carousell.com. تعتمد المنصة السنغافورية بشكل أساسي على حركة البيانات عبر الأجهزة المحمولة ، وبهدف التوسع إلى بلدان آسيوية أخرى مثل إندونيسيا والفلبين ، كانوا يبحثون عن طريقة لزيادة وقت تحميل تطبيق الويب التقدمي على الهاتف المحمول: "يستغرق الحصول على صفحة ويب المزيد من 15 ثانية للتحميل عبر شبكة الجيل الثالث (كما فعلنا) غير مقبول إذا أردنا اكتساب مستخدمينا الجدد والاحتفاظ بهم "، يوضح ستايسي تاي ، رئيس تقني الويب في Carousell ، في مدونة على Medium حيث يصف كيفية تعامل Carousell مع تحسين الأداء الفني من موقعهم.

في البداية ، يشرح ستايسي ، كانت نتائج عمليات تدقيق Lighthouse الأولية بمثابة مكالمة إيقاظ - كانت نتيجة الأداء 17 نقطة فقط ، وكانت النتائج في فئتي تطبيق الويب التقدمي وإمكانية الوصول متواضعة جدًا. كانت الدرجات في فئتين فقط ، تحسين محركات البحث وأفضل الممارسات - التي تركز على الجوانب الأمنية لموقع ويب مثل HTTPS أو مكتبات JavaScript الآمنة - مرضية.

بناءً على هذه النتائج ، كان التحسين موجهًا بشكل أساسي نحو تحسين النتائج في فئات Lighthouse للأداء وتطبيق الويب التقدمي. تُظهر المقارنة السابقة / اللاحقة لنتائج موقع carousell.com على موقع Lighthouse مدى التقدم الذي تم إحرازه في هذه المجالات:

منارة كاروسيل قبل وبعد

تم تنفيذ إجراءات التحسين الفني في عام 2018 - في نهاية أكتوبر ، وثق ستايسي تاي النجاح على موقع Medium. إذا نظرنا إلى رؤية تحسين محركات البحث لموقع carousell.com في موطنها الأم سنغافورة ، فيمكننا أن نرى تحسنًا واضحًا في الأداء:

قبل تنفيذ المهام اللازمة للتحسين ، تم وضع هدف واضح للمهمة:


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


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

بعد الموافقة على الميزانية ، تم تحديد الأهداف ، بناءً على النتائج في عمليات تدقيق Google Lighthouse:

عامل ترتيب المنارة القيمة / النتيجة المستهدفة
موارد المسار الحرج 120 كيلو بايت
أول رسم مضمون 2 ثانية
حان الوقت للتفاعل 5 ثانية
نقاط أداء المنارة > 85

كما ذكرنا سابقًا ، كانت نتيجة الأداء قبل التحسين 17 نقطة فقط. بعد تحسين الصفحة الرئيسية لموقع carousell.com ، حصلوا على ما يصل إلى 84 نقطة. تضمنت جوانب البنية التحتية للموقع التي تم تناولها إنشاء نظام تخزين مؤقت أكثر فاعلية مع التخزين المسبق لعلبة العمل والعاملين في الخدمة ، وضغط الصور ، وتطبيق تضمين CSS. ساهمت هذه الإجراءات معًا في إنشاء تطبيق ويب تقدمي سريع وسهل الاستخدام - وهذه هي الطريقة التي يتم بها تحميل الصفحة الآن:

الرف الدائري - الرسوم المتحركة لتحميل الصفحة قبل وبعد

يمكن العثور على دليل قوي على نجاح تحسين أداء Carousell في الأرقام. بالإضافة إلى تقليل وقت التحميل بنسبة 65٪ ، يمكن ملاحظة التحسن الأكثر أهمية في زيادة حركة المرور. منذ التحسين ، زادت حركة المرور العضوية في Carousell بنسبة 63٪:

نتائج Carousell - Lighthouse في وقت تحميل الصفحة وحركة المرور العضوية
نتائج تحسين أداء Google Lighthouse الخاص بموقع carousell.com. المصدر: medium.com

اقرأ عوامل تصنيف Google Lighthouse لعام 2019

قصة نجاح 2: كيف استخدمت Staples و Walmart أوقات تحميل أسرع لزيادة التحويلات

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

قامت أداة تحليل سرعة الصفحة GTmetrix بالتحقيق في الفوائد الملموسة لتقليل أوقات التحميل ، والنظر في مجموعة واسعة من مواقع البيع بالتجزئة. تشمل الأمثلة تجار التجزئة ذوي الوزن الثقيل مثل Staples و Walmart ، وتوضح الارتباط الواضح بين أوقات التحميل الأسرع ومعدلات التحويل المتزايدة.

المنارة - زيادة تحويل Walmart Staples
تعمل Staples و Walmart على زيادة التحويلات عن طريق تسريع أوقات التحميل. المصدر: gtmetrix.com

اقرأ عوامل تصنيف Google Lighthouse لعام 2019

قصة نجاح 3: كيف قطع دوغلاس أوقات التحميل إلى النصف

ننتقل الآن إلى عملاق العطور الألماني ، دوغلاس ، الذي استخدم Google Lighthouse لإجراء تحسينات كبيرة في أداء موقعه على الويب. تعود قصة نجاحهم إلى Black Friday 2017 ، عندما أدى الارتفاع الهائل في حركة المرور إلى عدم توفر الصفحة لبعض المستخدمين. أظهرت نتائج Google Lighthouse Performance في ذلك الوقت أيضًا مجالًا واضحًا للتحسين. يوضح مايكل سينجر ، مستشار تحسين محركات البحث التقني المستقل في ميونيخ ، والذي عمل في مشروع douglas.de ، ومنذ مايو 2018 ، تنسيق العمليات بين تكنولوجيا المعلومات وتحسين محركات البحث ، "قبل التحسين ، كان وقت التفاعل على شبكة الجيل الثالث أكثر من 20 ثانية - الآن وصلنا إلى حوالي 8 ثوانٍ. "

لتحقيق هذه النتيجة غير الهامة في تدقيق Google Lighthouse ، تم إجراء تغييرات كبيرة في غطاء موقع الويب لمتاجر العطور. يوضح مايكل: "لقد مررنا بأكثر من 200 تذكرة فنية" ، ويتذكر العديد من التغييرات التي تم إجراؤها: تم إلغاء تنشيط النطاق الفرعي للجوال ؛ مستخدمو الهاتف المحمول يهبطون الآن في نطاق www الرئيسي المستجيب لدوغلاس. أيضًا ، تم تحويل douglas.de لاستخدام JS React ، مما يقلل من عدد العقد والطلبات ، ويضغط HTML ويقلل من أحجام الصور. تم أيضًا تقليل وقت استجابة قاعدة البيانات وتم تنفيذ العديد من تحسينات ذاكرة التخزين المؤقت.


مايكل سينجر "محور عملنا هو المستخدم ، الذي يجب أن يكون قادرًا على استخدام موقع الويب في أسرع وقت ممكن. كان الهدف من تحسين سرعة الصفحة هو الوصول إلى أول وقت تفاعلي مدته 4 ثوانٍ. أدى هذا ، جنبًا إلى جنب مع التحول إلى JS React والانتقال إلى إصدار موقع واحد سريع الاستجابة ، إلى نمو كبير في ظهور SEO لدينا ، وزيادة حركة المرور وزيادة معدل الدوران. " مايكل سينجر ، مستشار SEO للتكنولوجيا المستقلة


أدت هذه التحسينات ، باستخدام نتائج Google Lighthouse Performance ، إلى تحسن ملحوظ في أوقات تحميل الصفحة. "للتحقق من المقاييس ، نجري اختبارات سرعة في الوقت الفعلي مع Instana تُظهر لنا تأثيرات طويلة المدى. في أبريل 2018 ، كانت قيم سطح المكتب لا تزال تزيد عن 8 ثوانٍ. في تشرين الأول (أكتوبر) 2018 ، كنا في كثير من الأحيان نصل إلى علامة 4 ثوانٍ ". أخيرًا وليس آخرًا ، تم أيضًا تحسين التوافر الفني للموقع ، بحيث يمكن الآن التعامل مع ذروات حركة المرور مثل تلك التي حدثت في يوم الجمعة الأسود بشكل أفضل.

جلب تحسين الأداء هذا تحولًا فوريًا في رؤية تحسين محركات البحث لـ douglas.de. بين مايو 2018 ومايو 2019 ، شهد المجال زيادة في الرؤية العضوية بنسبة 25٪.

بطبيعة الحال ، فإن رؤية Searchmetrics SEO هي مجرد مؤشر أولي واحد لأداء موقع الويب على Google. يقدم Michael Singer مزيدًا من المعلومات حول مؤشرات الأداء الرئيسية الأخرى التي تأثرت بتحسين douglas.de. يقول مايكل: "لقد شهدت الزيارات ارتفاعًا كبيرًا ، وشهدت المبيعات نموًا قويًا أيضًا". كما زاد معدل التحويل بنسبة مماثلة ، لأسباب ليس أقلها أن مُحسّنات محرّكات البحث هي القناة التي تجلب douglas.de أكبر معدل دوران.

نظرة سريعة على نتائج تحسين دوغلاس:

  • وقت تحميل الصفحة -50٪
  • ظهور SEO + 25٪
  • زيادة كبيرة في الزيارات والتحويلات والدوران.

اقرأ عوامل تصنيف Google Lighthouse لعام 2019

قصة نجاح 4: كيف يؤثر أداء عنوان URL على تصنيفات Google لـ TripAdvisor و Expedia

للتحقيق في العلاقة بين درجات أداء Lighthouse وتصنيفات Google الحقيقية ، قررت إجراء تحليل في صناعة السفر. لقد جمعت 3500 كلمة رئيسية متعلقة بالسفر حول موضوعات الفنادق ورحلات الطيران والكرفانات ، وقمت بتحليل صفحات التصنيف على Google.com ، بالإضافة إلى البحث في مواضع تصنيف TripAdvisor و Expedia لهذه الكلمات الرئيسية. النتيجة: حصل موقع TripAdvisor و Expedia على مرتبة عالية عندما يكون أداء Google Lighthouse مرتفعًا أيضًا:

لماذا يوجد مثل هذا الارتباط الواضح هنا؟ تتمتع صناعة السفر عبر الإنترنت بقدرة تنافسية عالية ، حيث يحاربها العديد من كبار اللاعبين. بالإضافة إلى TripAdvisor و Expedia ، لديك Booking.com ، و Hotels.com ، و FlightRadar وما إلى ذلك ، وجميعهم يتمتعون بمستوى عالٍ من الثقة وهم علامات تجارية مشهورة وراسخة. في الوقت نفسه ، من الصعب التفريق بين العلامات التجارية المختلفة. في كثير من الحالات ، سيكون المحتوى ، على سبيل المثال وصف الفندق ، متشابهًا للغاية - وهذا يجعل من الصعب على موقع الويب التميز باستخدام USP رئيسي. وإذا كانت العديد من إشارات الترتيب متشابهة إلى حد كبير - علامة تجارية متشابهة الحجم وواجهة متشابهة وميزات مماثلة ومحتوى مشابه - فمن المحتمل أن يكون أداء موقع الويب هو العامل الحاسم عند تحديد التصنيفات.


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


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

اطلب تدقيقًا مخصصًا لمقاييس البحث