ویرگول
ورودثبت نام
نت نشان
نت نشان
خواندن ۴ دقیقه·۳ سال پیش

گوگل لایت هاوس چیست؟ و تاثیر آن روی سرعت سایت

طبق گفته گوگل، اگر سرعت بارگذاری صفحه سایت از 1 ثانیه به 10 ثانیه افزایش یابد، نرخ پرش یا همان بونس ریت می تواند 123 درصد افزایش یابد( اصطلاحات رایج دیجیتال مارکتینگ). خوشبختانه مجموعه ای از ابزارهای ارزشمند برای کمک به بهبود سرعت بارگذاری صفحه و تجربه کلی کاربر ارائه شده است. یکی از این ابزارها Google Lighthouse است.

گوگل لایت هاوس
گوگل لایت هاوس


google lighthouse چیست

یک ابزار رایگان است که برای کمک به بهبود عملکرد وب سایت طراحی شده است. به طوری که هر کسی می‌تواند از آن در هر صفحه وب استفاده کند. این ابزار، دسترسی و سئوی وب سایت را با تمرکز ویژه بر هسته حیاتی گوگل (Core Web Vitals) مورد بررسی قرار می دهد.

Core Web Vitals یا هسته حیاتی وب چیست

مجموعه‌ای از معیارها است که گوگل برای اندازه‌گیری سرعت صفحه‌های وب و تجربه کلی کاربر ایجاد کرده است. در سال 2021، گوگل به روز رسانی الگوریتم Core Web Vitals را معرفی کرد که معیارهای آن را بر روی وب سایت اندازه گیری می کند.

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

سه مورد اصلی از هسته حیاتی وب عبارتند از:

Largest Contentful Paint (LCP):

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

First Input Delay (FID):

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

Cumulative Layout Shift (CLS):

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

چه چیزی را می توان با Google Lighthouse بررسی کرد؟

شما می توانید Core Web Vitals یا همان هسته حیاتی وب خود را با استفاده از گوگل لایت هاوس اندازه گیری کنید. این ابزار سایت شما را بر اساس دستگاه و ارتباط یک کاربر بررسی می کند. با این حال، می‌توانید دستگاه و رابطه‌ای را که می‌خواهید ابزار برای آزمایش‌های شما شبیه‌سازی کند، مشخص کنید. نتایج این آزمایش‌ها به شما کمک می‌کند تا بدانید چه مراحلی از بارگذاری صفحه را باید بهینه کنید تا یک تجربه کاربری خوب ارائه دهید.

نحوه استفاده از گوگل لایت هاوس

می‌توانید Google Lighthouse را با مرورگر کروم (در Devtools) یا به عنوان یک افزونه کروم اجرا کنید.

پس از اجرای بررسی وب سایت، Lighthouse گزارشی در 5 حوزه مختلف تولید می کند:

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

دسترسی: میزان دسترسی کاربران به محتوای سایت را بررسی می کند.

بهترین الگوها: هر المان توسعه دهنده وب را که از دستورالعمل‌ها و بهترین روش‌های فعلی پیروی نمی‌کند، شناسایی می‌کند.

سئو: ضروری ترین مشکلات سئو را در سایت برجسته می کند، اما جامع و کامل نیست.

گزارش های لایت هاوس
گزارش های لایت هاوس


نحوه استفاده از Lighthouse در Chrome Devtools

در مرورگر کروم، می‌توانید گوگل لایت هاوس را از ابزارهای توسعه کروم (Chrome Devtools) اجرا کنید.

برای دسترسی به آن، باید:

1- اگر از قبل Google Chrome for Desktop را ندارید باید دانلود و نصب کنید

2- صفحه وب سایتی که می‌خواهید بررسی کنید را باز کنید.

3- در هر نقطه از صفحه کلیک راست کرده و Inspect را انتخاب کنید.

آموزش استفاده از لایت هاوس
آموزش استفاده از لایت هاوس


4- ویژگی Inspect پنلی را در پایین یا سمت راست صفحه باز می کند. Lighthouse را از نوار ابزار پنل انتخاب کنید. (اگر گزینه Lighthouse را پیدا نکردید، روی دو فلش انتهای نوار ابزار کلیک کنید.)

آموزش استفاده از لایت هاوس
آموزش استفاده از لایت هاوس


5- ابزار Lighthouse باز می شود. ایجاد گزارش را انتخاب کنید.

آموزش استفاده از لایت هاوس
آموزش استفاده از لایت هاوس


برای دسترسی به Lighthouse با Chrome Devtools، این 3 مرحله را امتحان کنید:

1- مرورگر کروم را باز کنید، سپس با انتخاب سه نقطه عمودی سمت راست نوار آدرس، منو را باز کنید.

2- ابزارهای بیشتر (More Tools) را انتخاب کنید.

3-Developer Tools را انتخاب کنید

استفاده از لایت هاوس در کروم
استفاده از لایت هاوس در کروم


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

1- گوگل کروم را برای دسکتاپ دانلود کنید.

2- به Chrome Webstore مراجعه کنید.

3- افزونه Lighthouse Chrome را دانلود و نصب کنید.

4- مرورگر خود را مجددا راه اندازی کنید.

5- روی نماد لایت هاوس در نوار آدرس خود کلیک کنید.

6-ایجاد گزارش را انتخاب کنید.

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


تفاوت بین Lighthouse و PageSpeed Insights چیست؟

گوگل علاوه بر لایت هاوس، ابزار دیگری به نام PageSpeed Insights را نیز ارائه داده است. این ابزار به سرعت صفحه سایت شما امتیاز می دهد و لیستی از اصلاحات را هم پیشنهاد می دهد.

هر دو ابزار جنبه های مشابه از وب سایت را بررسی می کنند، از جمله سرعت صفحه و Core Web Vitals. با این حال، Page Speed Insights تنها بر بهبود سرعت سایت تمرکز دارد، در حالی که لایت هاوس جنبه های متعددی از سایت را پوشش می دهد.

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

نحوه استفاده از PageSpeed Insights

برای استفاده مراحل زیر را انجام دهید:

1- روی PageSpeed Insights کلیک کنید.

2- آدرس سایت خود را کپی و جایگذاری کنید.

3- روی آنالیز کلیک کنید.

نحوه استفاده از PageSpeed Insights
نحوه استفاده از PageSpeed Insights


سخن آخر

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

google lighthouseلایت هاوسسرعت وبنت نشانطراحی سایت
آژانس دیجیتال مارکتینگ و طراحی سایت نت نشان
شاید از این پست‌ها خوشتان بیاید