Lighthouse یک ابزار محبوب برای تعیین زمان بارگذاری وب سایت و سایر معیارهای وب مرتبط است. این ممکن است به این دلیل باشد که گوگل محبوب ترین موتور جستجو در جهان است.
در اینجا توضیح خواهیم داد که چگونه کار می کند و با اطلاعاتی که در اختیار شما قرار می دهد چه کاری می توانید انجام دهید.
Google Lighthouse چیست؟
Lighthouse یک ابزار تست وب رایگان است که عملکرد و کیفیت یک وب سایت را ارزیابی می کند و سپس توصیه هایی برای بهبود کیفیت وب سایت ارائه می دهد.
هنگامی که به ابزار خودکار یک URL دادید، چندین ممیزی صفحه را اجرا می کند و گزارشی با اطلاعاتی درباره نحوه عملکرد صفحه ارائه می دهد. سپس می توانید از نتایج برای یافتن راه هایی برای بهتر کردن وب سایت خود استفاده کنید.
نه تنها توسعه دهندگان می توانند از Lighthouse استفاده کنند. هر کسی که صاحب یک وب‌سایت است و می‌خواهد در مورد عملکرد آن و کارهایی که می‌تواند برای بهبود آن انجام دهد بیشتر بداند، می‌تواند از این ابزار استفاده کند.
لایت هاوس یک صفحه وب را ممیزی می کند و در مورد پنج دسته گزارش می دهد:
- کارایی
- دسترسی
- سئو
- بهترین شیوه ها
- برنامه وب پیشرو (PWA)
به سایت ها امتیاز 1 تا 100 می دهد و اتصالات را شبیه سازی می کند . گوگل اغلب معیارهای رتبه بندی خود را تنظیم می کند، بنابراین امتیازات ممکن است تغییر کند. دلیل خوبی برای به روز ماندن با به روز رسانی های Lighthouse.
اگر شما بدنبال یک شرکت خدمات سئو سایت هستید ما می توانیم شما را به خوبی در این زمینه راهنمایی کنیم و سایت شما را ارزیابی کرده و بهترین خدمات سئو را به همراه گزارش عملکرد از ما دریافت کنید برای اطلاع از قیمت سئو سایت می توانید دریافت مشاوره می توانید با ما تماس بگیرید 02166928787
چگونه از Google Lighthouse استفاده کنیم؟
همانطور که قبلا ذکر شد راه های متعددی برای استفاده از لایت هاوس گوگل وجود دارد. ما در مورد 2 راه ساده صحبت خواهیم کرد.
Chrome DevTools
- همانطور که از نام ممکن است نشان دهد به Google Chrome نیاز دارید.
- به صفحه ای که می خواهید حسابرسی کنید بروید.
- روی صفحه کلیک راست کرده و inspect را انتخاب کنید.
- لایت را در نوار ابزار جستجو کنید (شاید مجبور باشید روی دو فلش انتهای نوار ابزار کلیک کنید)
- روش، دستگاه و دسته‌هایی را که می‌خواهید ممیزی کنید انتخاب کنید.
گزارش Google Lighthouse را تجزیه کنیم
همانطور که قبلا ذکر شد، گزارش Lighthouse پنج دسته مختلف را در اختیار شما قرار می دهد. مهمترین مورد برای ما عملکرد است، اما در مورد چهار مورد دیگر نیز صحبت خواهیم کرد.
- عملکرد
Lighthouse بررسی می کند که یک صفحه یا برنامه وب چقدر سریع بارگیری می شود و چقدر طول می کشد تا کاربر بتواند محتوای آن را ببیند و از آن استفاده کند.
لایت هاوس می تواند با استفاده از شش معیار وب، عملکرد یک وب سایت را بفهمد:
اولین رنگ محتوایی (FCP)
به محض اینکه اولین قطعه از محتوا از DOM توسط مرورگر ارائه می شود، کاربر اولین نشانه خود را دریافت می کند که صفحه واقعاً بارگذاری شده است.
زمان تعامل (TTI)
Time to Interactive مدت زمانی را که طول می کشد تا یک وب سایت تعاملی شود و به ورودی کاربر پاسخ دهد را اندازه می گیرد.
شاخص سرعت (SI)
شاخص سرعت سرعت بارگیری و قابل مشاهده بودن محتوای صفحه وب را اندازه گیری می کند. سرعت نمایش محتوای کاربر در حین بارگذاری صفحه را ارزیابی می کند.
زمان انسداد کل (TBT)
زمان مسدود کردن کل زمان بین First Contentful Paint (FCP) و Time to Interactive (TTI) زمانی که رشته اصلی به اندازه کافی برای جلوگیری از پاسخگویی ورودی مسدود شده بود را می شمارد.
بزرگترین رنگ محتوایی (LCP)
متریک Largest Contentful Paint سرعت بارگذاری محتوای اصلی یک وب سایت را اندازه گیری می کند. LCP زمان را از زمانی که کاربر صفحه را بارگذاری می کند تا زمانی که بزرگترین تصویر یا بلوک متنی در viewport ارائه شود اندازه گیری می کند.
تغییر چیدمان تجمعی (CLS)
تغییر چیدمان تجمعی تعداد دفعات جابجایی غیرمنتظره عناصر وب در حین رندر شدن صفحه را اندازه گیری می کند. سپس این اندازه‌گیری به امتیازی تبدیل می‌شود که تمام تغییرات طرح‌بندی صفحه شما را جمع‌آوری می‌کند.
فرصت ها
این بخش نکاتی را در مورد چگونگی افزایش عملکرد وب سایت خود با بهبود 6 معیار ارائه می دهد.
Lighthouse به شما کمک می کند تا بهبودهایی را که ممکن است وب سایت شما به آن نیاز داشته باشد پیدا کنید و پیشنهاداتی در مورد چگونگی دستیابی به این هدف ارائه می دهد.
هر وب سایتی متفاوت است و به همین دلیل فرصت های متفاوتی دارد. برخی از آنها را در زیر فهرست کرده ایم:
- جاوا اسکریپت استفاده نشده را کاهش دهید
- منابع مسدودکننده رندر را حذف کنید
- CSS استفاده نشده را حذف کنید
- اندازه مناسب تصاویر
- به تعویق انداختن تصاویر خارج از صفحه
- زمان پاسخگویی اولیه سرور را کاهش دهید
- از ارائه جاوا اسکریپت قدیمی به مرورگرهای مدرن خودداری کنید
- از HTTP/2 استفاده کنید
- Minify CSS / Minify JavaScript
تشخیص
این بخش توضیح می دهد که چگونه یک صفحه به بهترین شیوه های توسعه وب پاسخ می دهد.
این بخش روش‌های توصیه‌شده‌ای را که در وب‌سایت خود اتخاذ نکرده‌اید شناسایی می‌کند و تغییراتی را پیشنهاد می‌کند.
مانند فرصت‌ها، تشخیص نیز فهرستی را در اختیار شما قرار می‌دهد که برای صفحه حسابرسی شده مفید است:
- از سنگین کردن شبکه خودداری کنید
- از اندازه DOM بیش از حد خودداری کنید
- کار نخ اصلی را به حداقل برسانید
- کاهش زمان اجرای جاوا اسکریپت
- قابلیت دسترسی
این دسته میزان دسترسی کاربران به محتوای صفحه و حرکت در اطراف آن را اندازه گیری می کند. دسترسی یک فاکتور بسیار مهم در یک سایت است زیرا ما می خواهیم وب برای همه افراد قابل دسترسی باشد. افراد دارای معلولیتی که از فناوری کمکی برای سفارش آنلاین چیزی استفاده می کنند، فقط می توانند این کار را در وب سایتی انجام دهند که (بیشتر این) ممیزی را پشت سر بگذارد.
ممیزی دسترس‌پذیری گسترده‌ترین ممیزی است و هیچ میانی وجود ندارد. از تقریباً 50 امتیازی که بررسی می کند، 1 را پاس می کند یا ناموفق است.
- بهترین شیوه ها
این دسته گزارش Lighthouse به Google می گوید که آیا توسعه دهندگان وب از استانداردهای Google پیروی می کنند یا خیر . این عنصر به توسعه دهندگان وب اطمینان می دهد که از بهترین شیوه های توسعه وب ایمن استفاده می کنند.
این بررسی ها به شما نشان می دهد که کد برنامه وب شما به طور کلی می تواند سالم تر باشد.
- صفحه فاقد نوع doctype HTML است، بنابراین حالت quirks را راه‌اندازی می‌کند
- خطاهای مرورگر در کنسول ثبت شد
- تصاویر را با نسبت تصویر نادرست نمایش می دهد
- از HTTPS استفاده نمی کند
بهترین شیوه ها همچنین نکاتی را برای سرعت صفحه به شما ارائه می دهد، دقیقاً همان چیزی که ما دوست داریم.
- از HTTP/2 برای همه منابع خود استفاده نمی کند
- از document.write() استفاده می کند
- از شنوندگان غیرفعال برای بهبود عملکرد اسکرول استفاده کنید
- بهینه سازی موتورهای جستجو (SEO)
ممیزی SEO Lighthouse اساساً بررسی می کند که آیا موتورهای جستجو می توانند محتوای صفحه سایت شما را درک کنند و چه کاری می توانید برای بهینه سازی آن انجام دهید.
Lighthouse بررسی می کند تا ببیند آیا صفحه می تواند توسط موتورهای جستجو خزیده و نمایه شود یا خیر. همچنین بررسی می‌کند که آیا صفحه برای موبایل مناسب است، زیرا جستجوهای Google در دستگاه‌های تلفن همراه انجام می‌شود. فهرستی از برخی نکات در ممیزی:
- <title>سند عنصری ندارد
- سند دارای توضیحات متا نیست
- robots.txt معتبر نیست
- <meta name=viewport>برچسبی با widthیا نداردinitial-scale
- برنامه وب پیشرو
این دسته بررسی می کند که آیا یک برنامه وب با مرورگرهای مختلف قابل استفاده است یا خیر. این بدان معناست که برنامه وب شما باید روی همه مرورگرها کار کند.
به نظر ما، Google Lighthouse یک ابزار بسیار قدرتمند است اگر می‌خواهید عملکرد وب‌سایت خود را سریع بررسی کنید و برنده‌های سریع و آسان به دست آورید. اما اگر می‌خواهید وب‌سایت خود را از نظر تجربه کاربری بهبود ببخشید، به برخی از داده‌های واقعی کاربر نیاز دارید، زیرا آنها هستند که تبدیل می‌کنند.
