Google lighthouse چیست

google lighthouse چیست | آموزش google lighthouse | فانوس دریایی گوگل چیست

Google lighthouse یا فانوس دریایی گوگل یکی از ابزار منبع باز ( open source ) گوگل است که عملکرد صفحات وب را تحلیل می کند.

در حالی که تمرکز این ابزار بر وب اپلیکیشن ها و سایت های تلفن همراه است اما هنوز هم اطلاعات و توصیه های مفیدی را ارائه می دهد که می تواند هر وب سایتی را بهتر کند.

وقتی که سایت خود را با در نظر داشتن تلفن همراه سئو می کنید می توان گفت که عملکرد کلی آن در دسکاپ را هم بهبود بخشیده اید.

بهینه سازی تلفن همراه می تواند برای هر شخصی که در زمینه طراحی سایت فعالیت می کند ، مفید باشد.

گوگل و بهینه سازی وب سایت

در حالی که تمرکز اصلی گوگل همیشه بر روی جستجو است اما سال هاست که در حال ساختن ابزارهایی است که به وب مسترها و صاحبان وب سایت کمک می کند تا عملکرد سایت های خود را بهبود ببخشند.

ممکن است از بین این ابزارها از ابزار ” تست ریسپانسیو بودن سایت ” یا ” تست سایت من ” استفاده کرده باشید.

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

Google lighthouse چیست

فانوس دریایی گوگل برنامه‌ای است که تعدادی از تست ها را تحت عنوان audit ( بازرسی یا رسیدگی ) اجرا می‌کند.

این ابزار اطلاعات را بر روی وب اپلیکیشن یا صفحات وب سایت آنالیز می‌کند.

audit شامل لودینگ صفحه روی یک اتصال 3G ضعیف و شبیه سازی شده است و می‌توانید آن را در یک دستگاه کند مشاهده کنید.

همچنین این ابزار این قابلیت را دارد که از بین رفتن داده ، شبکه و شتاب CPU را شبیه سازی کند.

در اصل این ابزار شرایط با در نظر گرفتن تلفن‌های همراه قدیمی تر و بروز رسانی نشده در نظر می‌گیرد.

هنگام مشاهده نتایج در یک صفحه audit نتایج نمره خوب 100-90 است متوسط 89-50 و ضعیف 49-0 است.

طبق گفته گوگل هر نمره بالاتر از 90 شما را در بین ۵ درصد سایت برتر از لحاظ عملکرد قرار می‌دهد.

تست google lighthouse چیست

تست فانوس دریایی گوگل شامل 5 بخش می شود که در ادامه به آن ها اشاره می کنیم.

1.     Performance ( کارایی )

درک سرعت به اندازه سرعت واقعی مهم است به همین دلیل گزارش lighthouse به تعدادی از موارد مرتبط با نمایش محتوا در صفحه نمایش در کوتاه ترین زمان متمرکز شده است و همچنین  توانایی تعامل کاربران با محتوا را آزمایش می کند.

در اصل سرعت بارگذاری و روند بارگذاری دو فاکتور مهم در این بخش هستند.

گزارش بخش performance شامل موارد زیر است:

·        First content paint

FCP یا اولین ترسیم محتوا واحدی است که نشان می دهد چقدر طول می کشد تا هر نوع محتوایی بر روی صفحه نمایش ظاهر شود.

واحد این شاخص و شاخص های بعدی که اشاره می کنیم بر حسب ثانیه است و lighthouse با توجه به میانگین FCP سایت های دیگر به سایت شما امتیاز می دهد.

نحوه محاسبه به این شکل است که اگر FCP صفحه بین 2-0 ثانیه باشد امتیازی بین 100-75 را دریافت می کند که به نسبت دیگر سایت ها امتیاز خوبی محسوب می شود و رنگ آن سبز است.

اگر بین 4-2 ثانیه باشد امتیازی بین 74-50 را دریافت می کند که متوسط است و رنگ آن زرد است.

اگر بیشتر از 4 ثانیه باشد امتیازی بین 49-0 را دریافت می کند که امتیاز ضعیفی محسوب می شود و رنگ آن قرمز است.

نکته آخر اینکه ضریب شاخص FCP در امتیاز کل عملکرد 3 از 5 است.

·        First meaningful paint

FMP یا اولین ترسیم معنا دار شاخصی است که نشان می دهد چقدر طول می کشد تا اولین محتوای معنی دار روی صفحه نمایش ظاهر شود و مشخصا هرچه پایین تر باشد صفحه سریع تر ظاهر می شود.

نحوه محاسبه شاخص FMP دقیقا مانند شاخص FCP می باشد که در بالا اشاره کردیم و نکته آخر اینکه ضریب تاثیر FMP در امتیاز کل 1 از 5 است که در میان بقیه شاخص های عملکرد کمترین میزان می باشد.

·        Speed index

Spped index یا ایندکس سرعت یک شاخص سرعت سایت است که نشان می دهد محتوای یک صفحه به چه سرعت قابل مشاهده است.

این شاخص در بهترین حالت (سبز) باید بین 4.3-0 ثانیه باشد تا بتواند نمره ای بین 100-75 را دریافت کند.

اگر بین 5.8-4.4 ثانیه باشد عملکردی متوسط (زرد) دارد و نمره ای بین 74-50 را دریافت می کند.

اگر بیشتر از 5.8 ثانیه باشد عملکردی ضعیف (قرمز) دارد و نمره ای بین 49-0 را دریافت می کند.

نکته آخر اینکه ضریب تاثیر speed index در امتیاز کل 4 از 5 می باشد.

·        First CPU idle

FCI یا اولین استراحت پردازنده به اولین زمانی گفته می شود که کاربر می تواند روی یک لیست باز شونده کلیک کند یعنی صفحه قابلیت تعامل حداقلی داشته باشد.

FCI در بهترین حالت (سبز) باید بین 4.7-0 ثانیه باشد تا نمره ای بین 100-75 را دریافت کند.

اگر بین 6.5-4.8 ثانیه باشد عملکردی متوسط (زرد) دارد و نمره ای بین 74-50 را در یافت می کند.

اگر بیشتر از 6.5 ثانیه باشد عملکردی ضعیف (قرمز) دارد و نمره ای بین 49-0 را دریافت می کند.

نکته آخر اینکه ضریب تاثیر FCI در امتیاز کل 2 از 5 می باشد.

·        Time to interactive

TTI یا زمان تعامل مدت زمانی است که صفحه کاملا قابل تعامل باشد و به این معنی است که مدت زمانی که همه قسمت های سایت در دسترس باشد.

زمان این شاخص اگر بین 5.2-0 ثانیه باشد ، امتیاز خوب یا سریع محسوب می شود و نمره ای بین 100-75 را دریافت می کند.

ضریب 5 این شاخص بالاترین ضریب بین شاخص ها محسوب می شود.

·        Estimated Input Latency

این شاخص ( زمان ورودی تخمینی ) فاصله زمانی را حساب می کند که کاربر فکر می کند صفحه قابل تعامل است تا زمان واقعی قابل تعامل شدن صفحه.

این شاخص بیشتر در اپلیکیشن های تحت وب کاربرد دارد .

هرچه زمان تاخیر کمتر باشد ، سرعت صفحه سریع تر احساس می شود.

این عدد باید کمتر از 50 میلی ثانیه باشد و اگر بیشتر از این مقدار باشد کاربر احساس می کند که سایت یا وب اپلیکیشن مشکل دارد.

2.     Accessibility ( دسترسی پذیری )

گزارش شاخص دسترسی پذیری شامل بررسی های مربوط به عنوان صفحه است و همچنین شامل اینکه آیا رنگ های زمینه و پیش زمینه کنتراست کافی دارند یا خیر.

در این شاخص لیستی از موارد اضافی برای بررسی دستی ارائه شده است زیرا امکان چک کردن تمام معیارهای مربوطه امکان پذیر نیست.

3.     Best practices ( روش برتر )

شاخص روش برتر شامل گزارش بررسی HTTPS ، حافظه پنهان برنامه ( کش ) و ایمنی پیوندهای متقابل است.

این شاخص همچنین به درخواست‌های مربوط به اجازه جغرافیایی ، کتابخانه های آسیب پذیر جاوا اسکریپت ، API های نادرست و اینکه آیا کاربران می‌توانند در فیلدهای گذرواژه جایگذاری کنند ، نگاه می کند.

نکته دیگری که باید در این شاخص در نظر بگیرید نحوه نمایش تصاویر با نسبت ابعاد درست است.

4.     سئو

از آنجایی که فانوس دریایی ابزاری است که توسط گوگل ارائه شده است بنابراین این اطلاعات و توصیه‌های سئو را شامل می‌شود.

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

همچنین شاخص سئو لیستی از موارد اضافی برای بررسی دستی را در اختیار شما قرار می دهد.

5.     Progressive web app ( برنامه وب پیش رونده )

هنگامی که شما یک حسابرسی ( audit ) فانوس دریایی را در یک صفحه وب معمولی اجرا می کنید بیشتر نتایج در اینجا قابل اجرا شدن نیست اما چند بررسی مفید وجود دارد:

• آیا سرعت لود صفحه در تلفن‌های همراه به اندازه کافی سریع است
• بررسی محتوا از لحاظ ریسپانسیو بودن
• آیا صفحه دارای تگ viewport است یا خیر
• وقتی جاوا اسکریپت در دسترس نیست محتوا را بررسی کنید

آموزش google lighthouse

حالا که می‌دانید فانوس دریایی گوگل چه کارایی دارد احتمالا مشتاق استفاده از lighthouse هستید.

اگر از مرورگر گوگل کروم استفاده می کنید از قبل به lighthouse دسترسی دارید.

کافی است روی صفحه کلیک راست کنید و گزینه inspect را انتخاب کنید سپس در بالای داک را که باز شده به تب audit بروید و برای شروع آنالیز run را کلیک کنید.

روش دوم نصب افزونه lighthouse روی گوگل کروم است.

برای اجرای این برنامه دو روش دیگر هم وجود دارد که به دلیل کم کاربرد بودن از ذکر آن ها خودداری می کنیم.

لازم به ذکر است که lighthouse فقط یک صفحه را رسیدگی می کند و این ابزار نمی تواند چندین صفحه را با هم بررسی کند اما بسیاری از قسمت‌های گزارش آن با موضوعاتی که احتمالاً در کل سایت است سر و کار دارد.

این موارد شامل مواردی مانند render-blocking javascript ( جاوا اسکریپت رندر شده ) است.

بنابراین حسابرسی یک صفحه می تواند چیزهای زیادی را برای شما بگوید.

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

تقریباً همیشه مراحلی از بهینه سازی وجود خواهد داشت که در مورد یک قسمت از سایت اعمال می‌شود اما در بخش دیگری نیست.

آنالیز یک صفحه

در ادامه به روش آنالیز یک صفحه توسط دو روش گفته شده اشاره می‌کنیم.

استفاده از افزونه google lighthouse

• افزونه google lighthouse را نصب کنید
• صفحه مورد نظر برای رسیدگی را در مرورگر کروم باز کنید
• روی نماد lighthouse در کنار نوار آدرس کروم کلیک کنید
• بر روی دکمه generate report کلیک کنید

Lighthouseبررسی های خود را انجام داده و گزارش را در برگه جدیدی باز خواهد کرد.

Lighthouse را در chrome DevTools باز کنید

• صفحه مورد نظر برای آنالیز را در مرورگر کروم باز کنید
• Chrome DevTools را باز کنید
• در ویندوز: کلیک راست و انتخاب inspect با F12 ( در اکثر لپ تاپ ها Fn + F12 ) و یا ctrl+shift+I را بزنید
• در مک: command+option+I
• روی برگه audit کلیک کنید
• بر روی دکمه run audits کلیک کنید

در این حالت lighthouse بررسی های خود را انجام داده و گزارش را در صفحه یا پنجره DevTools نمایش می دهد.

برای بهبود عملکرد از فانوس دریایی گوگل استفاده کنید

وقتی که به عملکرد اهمیت می دهید و به طور جدی برای بهبود آن تلاش می‌کنید پس این مزیت را دارید.

خوشبختانه گوگل به ما امکان دسترسی به ابزارهای زیادی را می دهد که می تواند کار را بسیار آسان‌تر کند.

فانوس دریایی گوگل یکی از این ابزارها است.

پس اگر مایل هستید زمان و تلاش لازم را برای بهبود وب سایت های خود به کار بگیرید به خاطر داشته باشید که آسمان نامحدود است.

امیدواریم که مقاله آموزش google lighthouse برای شما مفید بوده باشد.

دیجیتال مارکتینگ تخصص ماست

تیم طراحی پورتال و سئو وب داران همیشه همراه شماست.

شما می توانید به کمک کارشناسان سئو ما در صدر نتایج گوگل قرار بگیرید و کسب و کار خود را متحول کنید.

کارشناسان ما با توجه به تسلط خود در زمینه سئو وب سایت و طراحی سایت و همچنین تسلط کامل روی تکنیک های سئو محلی و همچنین با به کارگیری متدهای روز دنیا در زمینه بهینه سازی می توانند شما را در کلمات کلیدی مختلف در نتایج گوگل بالا بیاورند.

شما می توانید برای اطلاعات بیشتر راجع به هزینه سئو به صفحه ” تعرفه سئو سایت ” وب سایت ما مراجعه کنید.

همچنین کارشناسان طراحی سایت ما می توانند شما را در زمینه طراحی سایت فروشگاهی و طراحی سایت شرکتی راهنمایی کنند و یا این سایت ها را به صورت اختصاصی برای شما طراحی کنند.

google lighthouse چیست | آموزش google lighthouse | فانوس دریایی گوگل | google lighthouse چیست | آموزش google lighthouse