Google Lighthouse
۱۸ فروردین

صفر تا صد لایت هاوس گوگل Google Lighthouse

google lighthouse و نحوه استفاده آن در این پست از گروه فناوری سپنتام بررسی خواهد شد.

سئو یکی از مهم‌ترین مسائلی است که برای صاحبان وب سایت‌ها داری اهمیت بسیار بالایی است. براساس گفته‌های گوگل بهینه‌سازی وب سایت باید به اندازه‌ای باشد که تقریبا تمامی افراد به آسانی بتوانند از محتوا وب سایت شما به راحتی استفاده نمایند. برای آن که بتوانید در بهینه سازی وب سایت خود به موفقیت دست یابید، کافیست نکات مهم و ضروری را رعایت نمایید.

با استفاده از ابزار Google Lighthouse به راحتی می‌توانید بهینه سازی وب و یا همان سئو وب سایت خود را بررسی نمایید. Google Lighthouse شروع به بررسی دقیق و جزء به جزء وب سایت می‌نماید و پیشنهاداتی برای بهبود و بهینه سازی وب سایت از لحاظ رابط کاربری(UX/UI)، امنیت، حداقل سازی هزینه‌های نگهداری سایت، عملکرد سایت، کارایی در اختیار فرد قرار می‌دهد. شایان ذکر است، دریافت امتیاز ۱۰۰ از Google Lighthouse کار غیر ممکنی نیست، تنها کافیست مهم‌ترین نکات در این زمینه را به خوبی رعایت نمایید.

به یاد داشته باشید، قسمت اعظمی از گزارش Google Lighthouse تخصصی است و به طراحان سایت و مدیران سرور مرتبط است. اما در این گزارش هشدارهایی نیز وجود دارد که هر کاربر ابتدایی نیز با کمی جستجو تنها با فشردن چند کلیک ساده می‌تواند نسبت به رفع آن اقدام نماید. جالب است بدانید، به ابزار Google Lighthouse فانوس دریایی گوگل نیز می‌گویند.

 Google Lighthouse و آشنایی با آن

Google Lighthouse
Google Lighthouse گوگل لایت هاوس – فانوس دریایی گوگل

برای آشنایی با Google Lighthouse می‌خواهیم یک مثال ساده بیان نماییم. فرض کنید در به یک رستوران رفته اید و غذای خود را سفارش داده‌اید، اما آماده شدن سفارش شما بیشتر از زمان مورد انتظارتان طول کشیده است. زمانی که سفارش روی میز شما قرار می‌گیرد، مشاهده می‌کنید که بر روی میز نمکدان وجود ندارد و در کنار سفارش شما سالاد فراموش شده است.

در این هنگام شما درخواست می‌نمایید برای شما یک نمکدان بیاورند که تقریبا ده دقیقه زمان می‌برد. با وجود آن که غذا کاملا خوشمزه و لذیذ بود اما این کمبودها و انتظارها کم شما را عصبانی کرده و از لذت غذا کم شده است. حال به این سوال پاسخ دهید: در آینده باز هم به این رستوران خواهید رفت؟ آیا بهترین دوست و یا رئیس خود را به این رستوران دعوت می‌کنید؟
رستوران خوب از دید تمامی افراد، جایی است که علاوه بر ارائه غذای خوب و خوشمزه خدمات عالی نیز داشته باشند و به مشتری مداری توجه نمایند.
جالب است بدانید، Google Lighthouse با هدف بررسی کیفیت وب سایت‌ها طراحی شده است. کیفیت وب سایت می‌تواند شامل : سئو، سرعت وب سایت، عملکرد ، امنیت و دسترس پذیری و … است.
این ابزار به شما کمک می‌کند تا مشکلات هر بخش از وب سایت خود را بیابید و نسبت به رفع و بهبود آن اقدام نمایید.

پنج موضوع مهمی که Google Lighthouse بر آن تمرکز دارد عبارتند از:
• عملکرد یا اجرا (Performance)
• دسترسی پذیری (Accessiblity)
• سئو (SEO)
• وب اپلیکیشن پیش رونده(PWA)
• تجربه برتر (Best Practices)

جالب است بدانید، در هر کدام از این ۵ موضوعی که بیان شد، شاخص‌هایی زیادی وجود دارد که به طور دقیق وب سایت را مورد بررسی قرار می‌دهد و رتبه بندی می‌نماید. بنابراین در گزارش نهایی هر بخش از وب سایت که دچار مشکل باشد، برای شما مشخص می‌شود.

Google Lighthouse و نحوه استفاده

برای استفاده از Google Lighthouse راه و روش‌های مختلفی وجود دارد که عبارتند از :
• استفاده از Dev Tools مرورگر chrome (فشردن کلید F12 و یا با کلیک راست کردن می‌توانید گزینه Inspect را انتخاب نمایید.)
• بر روی مرورگر chrome می‌توانید افزونه Lighthouse را نصب نمایید.
• استفاده از ابزارهای واسطه
• استفاده از ماژول های برنامه نویسی( استفاده ازطریق خط فرمان)

روش سوم که همان ابزارهای واسطه هستند، گزارش Lighthouse را پردازش می‌نمایند و در نهایت گزارش‌هایی در قالب نمودار، ارسال پیام دوراه ای و … در اختیار کاربر قرار می‌دهند. به عنوان مثال با استفاده از ابزار foo.software می‌توان گزارش زمان بندی شده از وب سایت به طور دائم تهیه نمایید و در صورت رخ دادن هر گونه مشکلی در عملکرد وب سایت پیغامی برای شما ارسال می‌شود.

همچنین با استفاده از ماژول‌های برنامه نویسی، صاحبان وب سایت و کارشناسان می‌توانند به صورت دائم و خودکار بر روی وب سایت نظارت داشته باشند.

چگونگی کار با Lighthouse با استفاده از Dev tools مرورگر chrome

Google Lighthouse
Google Lighthouse گوگل لایت هاوس – فانوس دریایی گوگل

ابتدا باید صفحه مورد نظر خود را در مرورگر chrome باز کنید و سپس کلید f12 را فشار دهید. در اکثر لپ تاپ ها باید از کلید میانبر Fn+F12 استفاده شود. همچنین می‌توانید از کلیدهای ترکیبی در ویندوز (Control+shift+l) و مک (Command +Option+l) استفاده نمایید تا صفحه developer tools برای شما باز شود.
در قسمت بالایی داک باز شده، باید تب Audits را انتخاب نمایید.

نحوه کار با Lighthouse google با استفاده از افزونه Lighthouse

Google Lighthouse
Lighthouse google با استفاده از افزونه Lighthouse

ابتدا باید افزونه Lighthouse را از وب استور گوگل دانلود نمایید و سپس آن را نصب کنید. پس از نصب افزونه به راحتی می‌توانید در هر صفحه دلخواهی از گوشه بالا سمت راست نسبت به اجرای آن اقدام نمایید.

لازم به ذکر است، برنامه Google Lighthouse یک نوع برنامه متن باز به شمار می‌آید. تغییرات و آپدیت‌های اعمال شده در آن به تدریج و به طور غیر همزمان در ابزار Dev tools در مرورگر کروم و افزونه Lighthouse درج می شود.

نکات مهم در مورد اجرای آزمون Lighthouse و گزینه های قابل انتخاب

شایان ذکر است، روش‌های اول و دوم برای کاربرانی مفید و کارا است که می‌خواهند به صورت دستی و هرچند وقت یکبار گزارشی از عملکر وب سایت خود داشته باشند. لازم است قبل از اجرای برنامه چند نکته را بخاطر بسپارید:
در صورتی که بر روی مرورگر chrome افزونه‌هایی همانند حذف کننده@های تبلیغات، آنالیزکننده‌های صفحه و … را از قبل نصب نموده اید را غیر فعال نمایید، سپس از ابزار Google Lighthouse استفاده نمایید.
قبل از اجرای ابزار Lighthouse بررسی نمایید، نرم افزارهایی که پهنای باند اینترنت زیادی استفاده می‌نمایند و یا نرم افزارهایی که رم و سی پی یو زیادی را مصرف نموده اند، بسته باشند.

تست Google Lighthouse

در تست Google Lighthouse گزینه ای به نام simulated throttling طراحی شده است. با انتخاب این گزینه قبل از انجام تست، شرایط بررسی بهینه سازی وب سایت سخت تر می‌شود. در واقع دقت آزمون با انتخاب این گزینه بالاتر می‌رود.
برخی از توسعه دهندگان وب، کارشناسان سئو و دیجیتال مارکترها این آزمون را قبول ندارند.

به عنوان مثال برخی از آن‌ها معتقد هستند که فرمت تصاویر برای گوگل در وب سایت‌ها webp است، اما لازم به ذکر است که هنوز وب سایت هایی وجود دارند که از این فرمت استفاده نمی‌کنند و این یک مشکل برای این آزمون به شمار می‌آید که در نتایج آن نمی‌تواند تاثیر گذار نباشد. بنابراین در هنگام تولید محتوا و برای بهینه‌سازی وب سایت این نکته را به خاطر بسپارید.

همانطور که بیان شد، قسمتی از این گزارش مرتبط با وب اپلیکیشن‌ها است. در واقع اگر وب سایتی دارای نسخه وب اپ باشد، صاحب وب سایت می‌تواند نتایج آن را در این گزارش مشاهده نماید. نسخه وب اپ در واقع به معنای آن است که بدون نیاز به نصب برنامه بتوانید همان برنامه را در محیط مرورگر استفاده نمایید همانند پینترست، جیمیل، اوبر و …

جالب است بدانید، در روش Dev tools حالت بررسی نسخه موبایل وب سایت ها از نسخه دسکتاپ آن به صورت جداگانه طراحی شده است. بهینه سازی وب اپ ها نیز یکی از مهم ترین مسائلی است که باید به آن توجه نمایید.

گروه تولید محتوا میجو

...

دیدگاه خود را بنویسید

تماس
آدرس