بررسی سرعت سایت با Google Lighthouse

بررسی سرعت سایت
بررسی سرعت سایت

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

بررسی سرعت سایت

آنچه در این مقاله به اختصار خواهید خواند:

  • Google Lighthouse چیست؟
  • مقایسه‌­ی Google Lighthouse و PageSpeed Insights
  • ارزیابی میدانی و آزمایشگاهی
  • Core Web Vitals
  • معیارهای عملکردی Lighthouse
  • بررسی SEO Lighthouse
  • راه­‌های نصب Google Lighthouse
  • بررسی سرعت سایت همیار وردپرس در لایت هاوس

Google Lighthouse چیست؟

همواره در سراسر دنیا اتصالات بسیاری از کاربران با تلفن همراه G3 و کمتر می‌باشد و از آن جهت که سرعت لود صفحات وب برای گوگل بسیار اهمیت دارد برای رفع این مشکل ابزار Lighthouse را به صورت رایگان در اختیار کاربران قرار داده است. Lighthouse ابزاری مناسب در جهت بهینه‌سازی و بهبود کیفیت صفحات سایت می‌باشد که نخستین بار توسط گوگل و برای بررسی اپلیکیشن‌های پیشرو وب یا Progressive Web Apps ساخته شد. در واقع تمرکز اصلی این ابزار بر روی میزان دسترسی به سایت (accessibility)، کارایی (performance)، اپلیکیشن‌های پیشرو وب (Progressive Web Apps) و بهینه‌سازی صفحات وبسایت (SEO) می‌باشد، همچنین با کمک یک قابلیت جدید به نام Core Web Vitals کیفیت و عملکرد سرعت وبسایت را در را در دستگاه‌های مختلف یا یک اپلیکیشن وب ارائه می‌دهد.

مقایسه­‌ی Google Lighthouse و PageSpeed ​​Insights

Comparison of Google Lighthouse and PageSpeed Insights-بررسی سرعت سایت
مقایسه‌ی Google Lighthouse و PageSpeed Insights

PageSpeed Insights یکی از پرکاربردترین ابزارها در جهت بررسی سرعت سایت بر روی تلفن همراه و دسکتاپ می‌باشد و لیستی از پیشنهادات و عملکردهایی که در جهت بهبود صفحات سایت موثرند را در اختیار شما قرار می‌دهد، شما می‌توانید با رعایت اصولی و استفاده از از راهکارهای این ابزار، وبسایت خود را از لحاظ کیفیت و عملکرد به بالاترین مرحله برسانید و در پایان با ارزیابی سایت، از 100 درصد امتیاز کسب کنید، اما Lighthouse یک ابزار open source است که معیارها و تکنیک‌های جدیدی از قبیل میزان دسترسی به سایت، عملکرد، نحوه‌ی اجرای اپلیکیشن‌های وبسایت و بررسی بهینه بودن سایت را با بهترین روش‌ها ارائه می‌کند. در ابتدا PageSpeed Insights و Lighthouse هر کدام دو ابزار مجزا بودند و راهکارهای ارزشمندی ارائه می‌دادند اما به تدریج با پیدایش الگوریتم Web Vitals این دو ابزار با یکدیگر ادغام شدند و اینک PageSpeed Insights از Lighthouse به عنوان موتور آنالیز خود استفاده می‌کند.

ارزیابی میدانی و آزمایشگاهی

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

Core Web Vitals

یکی از الگوریتم جدید گوگل که در کلیه‌ی ابزارهای گوگل وجود دارد با نام Core Web Vitals شناخته می‌شود و مروری کلی بر روی عملکرد سایت دارد که به عنوان یک افزونه بر روی مرورگر گوگل کروم قابل استفاده است و سرعت، کارایی و تجربه سایت را اندازه‌گیری می‌کند و سه معیار اساسی را مد نظر قرار می‌دهد:

  • LCP (Largest Contentful Paint) بزرگترین رنگ محتوا: بررسی عملکرد بارگزاری بزرگترین بخش صفحه را برعهده دارد.
  • FID (First Input Delay) تاخیر تا اولین ورودی: بررسی میزان مدت زمانی که یک مرورگر بتواند با کاربر تعامل برقرار کند (به عنوان مثال، مدت زمان بین کلیک کردن بر روی یک دکمه و دریافت پاسخ).
  • CLS (Cumulative Layout Shift) تغییر چیدمان تجمعی: بررسی میزان پایداری صفحه سایت در هنگام بارگذاری.
  از سرعت سایت وردپرسی ناراضی هستید؟

معیارهای عملکردی Lighthouse

Lighthouse در حین اندازه‌گیری عملکرد سایت شما، از معیارهای زیر استفاده می­‌کند:

  • FCP (First Contentful Paint) یا اولین طرح محتوایی: FCP مدت زمان بارگزاری صفحه تا زمان نمایش محتوا به کاربر می­‌باشد، محتوا می­‌تواند شامل متن، تصاویر، عناصر غیر سفید و SVGها باشد.
  • SI​​(Speed Index) یا شاخص سرعت: سرعت نمایش محتوا به کاربر را نشان می­‌دهد.
  • LCP (Largest Contentful Paint) یا بزرگترین رنگ محتوا: مدت زمان بارگذاری بزرگترین محتوای صفحه (تصویر یا یک بلوک متن) را نمایش می­‌دهد، داشتن امتیاز مناسب در این قسمت به این معنی است که سایت شما با سرعت بالایی برای کاربران لود می­‌شود.
  • TTI (Time to Interactive) یا زمان تعامل: مدت زمانی که لازم است تا صفحه بارگزاری شود بطوری که کاربر به تمام قسمت­‌های وبسایت تعامل کامل داشته باشد و بتواند پس از کلیک بر روی منو و دکمه‌­ها پاسخ دریافت کند.
  • TBT (Total Blocking Time) یا زمان کامل انسداد: مدت زمانی که بین FCP و TTI صفحه دریافت ورودی از کاربر را مسدود کرده است را اندازه گیری می‌­کند.
  • CLS (Cumulative Layout Shift) یا تغییر چیدمان تجمعی: بررسی ثبات عناصر موجود در صفحه هنگام بازدید کاربر را برعهده دارد.

بررسی SEO Lighthouse

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

معیارهایی که لایت هاوس در مورد سئو بررسی می‌کند:

  • بررسی فونت و خوانا بودن آن در دستگاه­‌های مختلف
  • توضیحات متا
  • دارا بودن خصوصیات alt برای تصاویر
  • معتبر بودن txt
  • پروتکل HTTP
  • بررسی rel=canonical
  • وجود افزونه­‌های ناخواسته مانند Java یا Flash
  • بررسی Hreflang
  • متن­‌های توصیفی لینک­‌ها
  • ارزیابی ایندکس صفحات
  • Noindex کردن پیام­‌های ناخواسته

راه‌­های نصب Google Lighthouse

  • نصب و کار با ابزار Google Lighthouse بسیار آسان است، در مرورگر Chrome و پنل Developer Tools Audit panel با کلیدهای ترکیبی (Ctrl+Shift+J یا F12 در ویندوز) و (Shift+Cmd+I در مک) قابل استفاده است، همچنین علاوه بر این به صورت یک افزونه بر روی کروم نصب و به نوار ابزار مرورگر شما اضافه می­‌شود. با کلیک راست بر روی صفحه مورد نظر، گزینه Inspect را انتخاب نمایید و برای باز شدن پنل بررسی دکمه F12 را فشار دهید و در مرحله آخر تب Audits را انتخاب کنید.
  • برای نصب افزونه­‌ی گوگل لایت هاوس برای بررسی سرعت سایت مطابق تصویر در مرورگر گوگل کروم پس از انتخاب گزینه Apps وارد بخش Web Store در پایین صفحه شوید.
how to install lighthouse-بررسی سرعت سایت
آموزش نصب لایت هوس

پنجره­ای نمایش داده می­شود که باید در کادر جستجو عبارت Google Lighthouse را وارد نمایید.

Google Lighthouse Extension-بررسی سرعت سایت
افزونه کروم لایت هوس

و در مرحله­‌ی آخر کافیست بر روی گزینه‌­ی Add to chrome کلیک نمایید. مانند تصویر زیر خواهید دید که افزونه لایت هاوس به نوار ابزار مرورگر شما اضافه می‌شود.

lighthouse in chorom toolbar
لایت هوس در نوار ابزار کروم

مطابق شکل زیر با کلیک بر روی آن می­‌توانید به عملکرد، کیفیت، سئو و سرعت سایت خود دسترسی پیدا کنید و به بررسی بهینه بودن سایت بپردازید.

hamyarwp lighthouse page
بررسی سرعت سایت در لایت هوس

بررسی سرعت سایت همیار وردپرس در لایت هاوس

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

metrics in lighthouse
بررسی سایت همیار وردپرس در لایت هوس

بررسی بهینه بودن سایت

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

منبع: yoast.com

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

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

348,937 نفر

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

مطالب زیر را حتما بخوانید

دوره‌های آموزشی