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

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


Google اخیراً راه اندازی شده است فانوس دریایی, یک ابزار منبع باز برای حسابرسی دستی و خودکار وب سایت شما.

چه معیارهایی توسط Google Lighthouse آزمایش شده است?

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

  • کارایی – زمان تعامل ، تأخیر ، شاخص سرعت ، بهینه سازی منابع ، TTFB ، تحویل دارایی ، زمان اجرای اسکریپت ها ، اندازه DOM و غیره.
  • سئو – موبایل دوستانه ، متا ، خزنده ، متعارف ، ساختار ، و غیره.
  • بهترین روشها – بهینه سازی تصویر ، کتابخانه های JS ، ورود به سیستم خطای مرورگر ، در دسترس از طریق HTTPS ، آسیب پذیری های شناخته شده JS و غیره
  • دسترسی  – عناصر صفحه ، زبان ، ویژگی های ARIA ، و غیره.
  • PWA (برنامه وب پیشرو) – HTTP را به HTTPS تغییر مسیر دهید ، کد پاسخ خوب ، بارگیری سریع در 3G ، صفحه نمایش چلپ چلوپ ، نمایی ، و غیره.

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

درست است – راههای زیادی اگر برنامه نویس هستید ، می توانید از آن با Node.js استفاده کنید تا یک تست را به صورت برنامه ای اجرا کنید. در حال حاضر ابزارهای اندکی در بازار وجود دارند که لایت هاوس می توانند نظارت مداوم بر عملکرد سایت را ارائه دهند.

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

از ساده ترین شروع کنید.

اندازه گیری توسط web.dev

گوگل چند ماه عقب web.dev را منتشر کرد و محبوبیت خوبی کسب کرد. تست آنلاین آسان است.

قابل اعتماد و متخصص اندازه گرفتن صفحه را وارد کرده و URL را برای اجرای ممیزی وارد کنید. چند ثانیه طول خواهد کشید ، و شما باید گزارش مفصلی را با امتیاز کلی ببینید.

نتایج همچنین نشان می دهد که آزمایش معیارهای موفقیت آمیز که برای ممیزی های گذشته به خوبی انجام شده است و روی توجه به نیازهای آنها کار می کند.

وقت زیادی را برای گرفتن 100 صرف نکنید. حتی سایتهای Google این امتیاز را کسب نمی کنند.

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

توجه: web.dev با استفاده از دستگاه تلفن همراه ، یک آزمایش را تقلید می کند ، و هنگام نوشتن ، من گزینه ای برای تست با استفاده از دسک تاپ مشاهده نمی.

کروم

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

  • مرورگر Chrome را باز کنید
  • برای آزمایش به سایت خود دسترسی پیدا کنید
  • ابزارهای برنامه نویس را باز کنید (در صورت استفاده از ویندوز F12 را فشار دهید) یا بر روی صفحه راست کلیک کرده و بر روی Inspect کلیک کنید
  • به برگه ممیزی بروید

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

نتایج و نگاه از Chome و web.dev تقریباً مشابه است.

اما اگر با دقت نگاه کنید ، یک گروه معیارهای اضافی در اینجا وجود دارد – برنامه وب مترقی. بنابراین دلیل دیگری برای ممیزی با استفاده از Chrome.

node.js

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

نصب لایت لایت در Ubuntu 18.x

موارد زیر ، من آزمایش کرده ام DigitalOcean سرور فانوس دریایی به Node LTS 8.9 یا بالاتر نیاز دارد و فرض می کنم شما قبلاً آن را نصب کرده اید. اگر اینطور نیست ، به این راهنمای نصب Node.js مراجعه کنید.

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

نصب Lighthouse ساده است ، همانطور که سایر ماژول ها را انجام می دهید.

  • ورود به سرور خود
  • دستور زیر را برای نصب اجرا کنید

npm install -g فانوس دریایی

من در اینجا از -g استفاده می کنم تا به عنوان ماژول جهانی نصب شود.

[ایمیل محافظت شده]: ~ # npm install -g فانوس دریایی
/ usr / bin / فانوس دریایی -> /usr/lib/node_modules/lighthouse/lighthouse-cli/index.js
/ usr / bin / chrome-debug -> /usr/lib/node_modules/lighthouse/lighthouse-core/scripts/manual-chrome-launcher.js

> [ایمیل محافظت شده] postinstall / usr / lib / node_modules / فانوس دریایی / node_modules / ax-core
> گره build / utils / postinstall.js

+ [ایمیل محافظت شده]
179 بسته از 119 مشارکت کننده در 10.094s اضافه شده است
[ایمیل محافظت شده]: ~ #

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

[ایمیل محافظت شده]: ~ # فانوس دریایی
لطفاً یک آدرس اینترنتی ارائه دهید

گزینه های کمکی را برای گزینه های موجود مشخص کنید
[ایمیل محافظت شده]: ~ #

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

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

URL فانوس دریایی –chrome-flags ="–بی سر"

شما باید URL کاملی از جمله http یا https تهیه کنید.

سابق:

[ایمیل محافظت شده]: ~ $ lighthouse https://geekflare.com –chrome-flags ="–بی سر"
ChromeLauncher در انتظار مرورگر است. + 0ms
ChromeLauncher در حال انتظار برای مرورگر … + 1ms
ChromeLauncher منتظر مرورگر ….. + 511ms
ChromeLauncher منتظر مرورگر ….. ✓ + 2ms
وضعیت اتصال به مرورگر + 176ms
وضعیت بازنشانی حالت با حدود: خالی + 24ms
دستگاه بنچمارک وضعیت + 30ms
وضعیت اولیه سازی … + 508ms
صفحه در حال بارگیری وضعیت & انتظار برای اسکریپت تن در تن، CSSUsage، دیدگاه، ViewportDimensions، ThemeColor، آشکار، RuntimeExceptions، ChromeConsoleMessages، ImageUsage، دسترسی، LinkElements، AnchorsWithNoRelNoopener، AppCacheManifest، DOCTYPE در، DOMStats، JSLibraries، OptimizedImages، PasswordInputsWithPreventedPaste، ResponseCompression، TagsBlockingFirstPaint، MetaDescription را، FONTSIZE، CrawlableLinks، MetaRobots ، Hreflang ، EmbeddedContent ، Canonical ، RobotsTxt + 27ms
بازیابی وضعیت در صفحه: اسکریپت ها + 2 ثانیه
بازیابی وضعیت در صفحه: CSSUsage + 0ms
بازیابی وضعیت در صفحه: Viewport + 0ms
بازیابی وضعیت در صفحه: ViewportDimensions + 0ms
بازیابی وضعیت در صفحه: ThemeColor + 0ms
بازیابی وضعیت در صفحه: مانیفست + 0ms
بازیابی وضعیت در صفحه: RuntimeExceptions + 0ms
وضعیت بازیابی در صفحه: ChromeConsoleMessages + 0ms
بازیابی وضعیت در صفحه: ImageUsage + 0ms
بازیابی وضعیت در صفحه: قابلیت دسترسی + 0ms
بازیابی وضعیت در صفحه: LinkElements + 0ms
بازیابی وضعیت در صفحه: AnchorsWithNoRelNoopener + 1ms
بازیابی وضعیت در صفحه: AppCacheManifest + 0ms
بازیابی وضعیت در صفحه: Doctype + 0ms
بازیابی وضعیت در صفحه: DOMStats + 0ms
وضعیت بازیابی در صفحه: JSLibraries + 0ms
بازیابی وضعیت در صفحه: OptimizedImages + 0ms
بازیابی وضعیت در صفحه: گذرواژهInputsWithPreventedPaste + 0ms
بازیابی وضعیت در صفحه: پاسخگویی + 0ms
بازیابی وضعیت در صفحه: برچسب ها مسدود کردن اولین صورت + 0ms
بازیابی وضعیت در صفحه: MetaDescription + 0ms
بازیابی وضعیت در صفحه: FontSize + 0ms
بازیابی وضعیت در صفحه: CrawlableLinks + 0ms
بازیابی وضعیت در صفحه: MetaRobots + 0ms
بازیابی وضعیت در صفحه: Hreflang + 0ms
بازیابی وضعیت در صفحه: EmbeddedContent + 0ms
بازیابی وضعیت در صفحه: Canonical + 0ms
بازیابی وضعیت در صفحه: RobotsTxt + 0ms
وضعیت بازیابی ردیابی + 1ms
وضعیت بازیابی devtoolsLog & سوابق شبکه + 110ms
بازیابی وضعیت: اسکریپت ها + 27ms
بازیابی وضعیت: CSSUsage + 53ms
بازیابی وضعیت: Viewport + 192ms
بازیابی وضعیت: ViewportDimensions + 5ms
بازیابی وضعیت: ThemeColor + 13ms
بازیابی وضعیت: مانیفست + 2ms
بازیابی وضعیت: RuntimeExceptions + 295ms
بازیابی وضعیت: ChromeConsoleMessages + 1ms
بازیابی وضعیت: ImageUsage + 2ms
بازیابی وضعیت: قابلیت دسترسی + 22ms
بازیابی وضعیت: LinkElements + 526ms
بازیابی وضعیت: AnchorsWithNoRelNoopener + 10ms
بازیابی وضعیت: AppCacheManifest + 6ms
بازیابی وضعیت: Doctype + 20ms
بازیابی وضعیت: DOMStats + 4ms
بازیابی وضعیت: JSLibraries + 50ms
بازیابی وضعیت: OptimizedImages + 25ms
بازیابی وضعیت: گذرواژهInputsWithPreventedPaste + 234ms
بازیابی وضعیت: پاسخگویی + 3ms
بازیابی وضعیت: برچسب ها BlockingFirstPaint + 7ms
بازیابی وضعیت: MetaDescription + 6ms
بازیابی وضعیت: FontSize + 7ms
بازیابی وضعیت: CrawlableLinks + 245ms
بازیابی وضعیت: MetaRobots + 6ms
بازیابی وضعیت: Hreflang + 2ms
بازیابی وضعیت: EmbeddedContent + 2ms
بازیابی وضعیت: Canonical + 3ms
بازیابی وضعیت: RobotsTxt + 6ms
وضعیت بازنشانی حالت با حدود: خالی + 19ms
صفحه در حال بارگیری وضعیت & منتظر بارگیری ServiceWorker ، آفلاین ، StartUrl + 24ms باشید
بازیابی وضعیت در صفحه: ServiceWorker + 59ms
بازیابی وضعیت در صفحه: آفلاین + 0ms
بازیابی وضعیت در صفحه: StartUrl + 1ms
وضعیت بازیابی devtoolsLog & سوابق شبکه + 0ms
بازیابی وضعیت: ServiceWorker + 2ms
بازیابی وضعیت: آفلاین + 1ms
بازیابی وضعیت: StartUrl + 1ms
وضعیت بازنشانی حالت با حدود: خالی + 5ms
صفحه در حال بارگیری وضعیت & منتظر بارگیری HTTPRedirect ، HTMLWithoutJavaScript + 48ms هستید
بازیابی وضعیت در صفحه: HTTPRedirect + 260ms
بازیابی وضعیت در صفحه: HTMLWithoutJavaScript + 0ms
وضعیت بازیابی devtoolsLog & سوابق شبکه + 0ms
بازیابی وضعیت: HTTPRedirect + 7ms
بازیابی وضعیت: HTMLWithoutJavaScript + 12ms
وضعیت قطع اتصال از مرورگر … + 7ms
وضعیت تجزیه و تحلیل و اجرای ممیزی … + 6ms
ارزیابی وضعیت: از HTTPS + 3ms استفاده می کند
ارزیابی وضعیت: ترافیک HTTP را به HTTPS + 24ms تغییر مسیر دهید
ارزیابی وضعیت: یک کارگر خدماتی را ثبت می کند که صفحه را کنترل کرده و start_url + 1ms را کنترل کند
ارزیابی وضعیت: صفحه فعلی در حالت آفلاین + 0ms با 200 پاسخ می دهد
ارزیابی وضعیت: دارای برچسب “ با `عرض` یا مقیاس اولیه + 1ms است
ارزیابی وضعیت: برخی از محتویات را در دسترس می باشد که جاوا اسکریپت در دسترس نیست + 1ms
ارزیابی وضعیت: اولین رنگ محتوا + 6ms
ارزیابی وضعیت: اولین رنگ معنی دار + 54ms
ارزیابی وضعیت: بارگذاری صفحه به اندازه کافی سریع در شبکه های تلفن همراه + 10ms است
ارزیابی وضعیت: شاخص سرعت + 33ms
ارزیابی وضعیت: تصاویر کوچک عکس + 529ms
ارزیابی وضعیت: تصویر نهایی + 287ms
ارزیابی وضعیت: برآورد تأخیر ورودی + 2ms
ارزیابی وضعیت: هیچ خطای مرورگر وارد کنسول + 16ms نشده است
ارزیابی وضعیت: زمان پاسخگویی سرور کم است (TTFB) + 1ms
ارزیابی وضعیت: اولین پردازنده بیکار + 1ms
ارزیابی وضعیت: زمان به تعامل + 30ms
ارزیابی وضعیت: علائم و اندازه گیری های زمان کاربر + 0ms
ارزیابی وضعیت: به حداقل رساندن عمق درخواستها + 2ms
ارزیابی وضعیت: از تغییر مسیرهای چند صفحه ای + 3ms خودداری کنید
ارزیابی وضعیت: مانیفست برنامه وب نیازهای نصب + 2ms را برآورده می کند
ارزیابی وضعیت: پیکربندی شده برای صفحه نمایش چلپ چلوپ + 1ms
ارزیابی وضعیت: یک رنگ زمینه آدرس + 0ms را تنظیم می کند
ارزیابی وضعیت: محتوا به طور صحیح برای منظره اندازه گرفته شده است + 1ms
ارزیابی وضعیت: تصاویر را با نسبت ابعاد درست + 0ms نمایش می دهد
ارزیابی وضعیت: از API های مستهلک + 1ms جلوگیری می شود
ارزیابی وضعیت: به حداقل رساندن کارهای اصلی + 0ms
ارزیابی وضعیت: زمان اجرای JavaScript + 11ms
ارزیابی وضعیت: درخواستهای اصلی را بارگیری کنید + 3ms
ارزیابی وضعیت: اتصال مجدد به منشاء مورد نیاز + 2ms
ارزیابی وضعیت: تمام متن در طول بارهای فونت + 2ms قابل مشاهده است
ارزیابی وضعیت: درخواست های شبکه + 1ms
ارزیابی وضعیت: اندازه گیری + 2ms
ارزیابی وضعیت: start_url در صورت آفلاین + 1ms با 200 پاسخ می دهد
ارزیابی وضعیت: سایت کار می کند مرورگر + 1ms
ارزیابی وضعیت: انتقال صفحه ها احساس نمی کند که در شبکه + 0ms مسدود می شوند
ارزیابی وضعیت: هر صفحه دارای URL + 0ms است
ارزیابی وضعیت: ویژگی های [[aria – *] `با نقش آنها + 1ms مطابقت دارند
ارزیابی وضعیت: `[نقش] همه ویژگی های لازم را دارند [aria – *]` + 1ms
ارزیابی وضعیت: عناصر با [نقش] که به کودکان خاص (نقش) نیاز دارند ، حضور دارند + 0ms
ارزیابی وضعیت: (نقش) توسط عنصر والدین مورد نیاز + 1ms شامل می شود
ارزیابی وضعیت: مقادیر [نقش] با اعتبار 1ms دارند
ارزیابی وضعیت: ویژگی های [[aria – *] `دارای مقادیر معتبر + 0ms هستند
ارزیابی وضعیت: ویژگی های [[aria – *] صحیح هستند و به + غلط خورده نیستند
ارزیابی وضعیت: `عناصر حاوی عنصر` `با` [نوع = هستند"زیرنویس ها"] `+ 1ms
ارزیابی وضعیت: دکمه ها دارای یک نام در دسترس + 1ms هستند
ارزیابی وضعیت: این صفحه شامل یک عنوان ، پیوند جست و خیز یا یک منطقه علامت + 1ms است
ارزیابی وضعیت: رنگهای پیش زمینه و پیش زمینه نسبت کنتراست کافی + 1ms دارند
ارزیابی وضعیت: `فقط عناصر مرتب شده` `و` `،` یا `عناصر درست مرتب شده وجود دارد. + 1ms
ارزیابی وضعیت: موارد لیست تعریف در عناصر + 0ms پیچیده می شوند
ارزیابی وضعیت: سند دارای عنصر “ 1ms است
ارزیابی وضعیت: ویژگی های [[id] `در صفحه بی نظیر + 1ms هستند
ارزیابی وضعیت: عناصر “ یا `دارای عنوان + 1ms هستند
ارزیابی وضعیت: “ عنصر دارای صفت `[lang]` + 0ms است
ارزیابی وضعیت: “ عنصر برای صفت ‘[lang] `+ 1ms دارای یک مقدار معتبر است
ارزیابی وضعیت: عناصر تصویر دارای ویژگی های [[alt] `+ 1ms هستند
ارزیابی وضعیت: “ عناصر دارای متن [[alt] `+ 1ms هستند
ارزیابی وضعیت: عناصر فرم دارای برچسب + 0ms هستند
ارزیابی وضعیت: ارائه

`عناصر از استفاده از صفت` `،` `یا [خلاصه]` اجتناب می کنند. + 1ms
ارزیابی وضعیت: پیوندها دارای یک نام قابل تشخیص + 1ms هستند
ارزیابی وضعیت: لیست فقط شامل `
  • عناصر و عناصر پشتیبانی اسکریپت (“ و `). + 1ms
    ارزیابی وضعیت: لیست موارد (`
  • `) در داخل گنجانده شده است
      یا “
        `عناصر والدین + 1ms
        ارزیابی وضعیت: در سند از `+ 0ms استفاده نمی شود
        ارزیابی وضعیت: `[کاربر مقیاس پذیر ="نه"] در عنصر “ مورد استفاده قرار نمی گیرد و صفت ‘[در مقیاس حداکثر] کمتر از 5+ نمی باشد.
        ارزیابی وضعیت: “ عناصر دارای متن [[alt] `+ 1ms هستند
        ارزیابی وضعیت: هیچ عنصری مقدار `[tabindex]` بزرگتر از 0 + 1ms ندارد
        ارزیابی وضعیت: سلول در یک `
  • عنصری که از ویژگی “[headers” استفاده می کند ، فقط به سلولهای دیگر در همان جدول اشاره دارد. + 1ms
    ارزیابی وضعیت: `عناصر و عناصر با` [role ="سر ستون"/"ردیف"] `سلول های داده ای دارند که آنها توصیف می کنند. + 0ms
    ارزیابی وضعیت: ویژگی های [lang] دارای یک مقدار معتبر + 1ms هستند
    ارزیابی وضعیت: `عناصر حاوی عنصر` `با` [نوع = هستند"زیرنویس ها"] `+ 1ms
    ارزیابی وضعیت: `عناصر حاوی عنصر` `با` [نوع = هستند"شرح"] `+ 1ms
    ارزیابی وضعیت: مقادیر [Accesskey] بی نظیر + 1ms هستند
    ارزیابی وضعیت: کنترل های سفارشی دارای برچسب + 0ms هستند
    ارزیابی وضعیت: کنترل های سفارشی نقش ARIA + 1ms دارند
    ارزیابی وضعیت: تمرکز کاربر به طور تصادفی در منطقه + 0ms به دام نمی افتد
    ارزیابی وضعیت: کنترل های تعاملی با صفحه کلید قابل تمرکز هستند + 0ms
    ارزیابی وضعیت: عناوین از + 0ms رد نمی شوند
    ارزیابی وضعیت: عناصر تعاملی نشان دهنده هدف و حالت + 1ms هستند
    ارزیابی وضعیت: این صفحه دارای یک برگه منطقی + 0ms است
    ارزیابی وضعیت: تمرکز کاربر به محتوای جدیدی اضافه شده به صفحه + 1ms است
    ارزیابی وضعیت: محتوای صفحه نمایش از فناوری کمکی + 0ms پنهان است
    ارزیابی وضعیت: از عناصر علامت HTML5 برای بهبود ناوبری + 0ms استفاده می شود
    ارزیابی وضعیت: سفارش بصری در صفحه زیر سفارش DOM + 0ms را دنبال می کند
    ارزیابی وضعیت: از خط مشی ذخیره کارآمد روی دارایی استاتیک + 1ms استفاده می کند
    ارزیابی وضعیت: از بارهای زیاد شبکه + 3ms جلوگیری می کند
    ارزیابی وضعیت: تصاویر خارج از صفحه + 1ms را به تعویق بیندازید
    ارزیابی وضعیت: منابع رندر-مسدود کردن + 12ms را از بین ببرید
    ارزیابی وضعیت: Minimal CSS + 28ms را کاهش دهید
    ارزیابی وضعیت: حداقل JavaScript + 64ms را کاهش دهید
    ارزیابی وضعیت: CSS + 69ms استفاده نشده را به تعویق بیندازید
    ارزیابی وضعیت: تصاویر را در قالب های نسل بعدی + 12ms خدمت کنید
    ارزیابی وضعیت: به طور موثر کدگذاری تصاویر + 11ms
    ارزیابی وضعیت: فشرده سازی متن را فعال کنید + 6ms
    ارزیابی وضعیت: تصاویر به اندازه مناسب + 6ms
    ارزیابی وضعیت: از قالب های ویدیویی برای محتوای متحرک + 7ms استفاده کنید
    ارزیابی وضعیت: از ذخیره برنامه + 11ms جلوگیری می کند
    ارزیابی وضعیت: صفحه دارای متن HTML + 0ms است
    ارزیابی وضعیت: از اندازه بیش از حد DOM + 1ms جلوگیری می کند
    ارزیابی وضعیت: پیوندها به مقصد با مبدا متقابل ایمن هستند + 2ms
    ارزیابی وضعیت: از درخواست درخواست جغرافیایی در بارگیری صفحه + 1ms جلوگیری می کند
    ارزیابی وضعیت: از «سند.write» () `+ 0ms جلوگیری می کند
    ارزیابی وضعیت: از کتابخانه های جلوی JavaScript با آسیب پذیری های امنیتی شناخته شده + 0ms جلوگیری می کند
    ارزیابی وضعیت: کتابخانه های جاوا اسکریپت شناسایی شده + 9ms
    ارزیابی وضعیت: از درخواست مجوز اطلاع رسانی در بارگیری صفحه + 1ms جلوگیری می کند
    ارزیابی وضعیت: به کاربران امکان می دهد تا در قسمت های گذرواژه + 0ms قرار بگیرند
    ارزیابی وضعیت: از HTTP / 2 برای منابع خود استفاده می کند + 0ms
    ارزیابی وضعیت: از شنوندگان منفعل برای بهبود عملکرد پیمایش + 1ms استفاده می کند
    ارزیابی وضعیت: سند دارای توضیحات متا + 0ms است
    ارزیابی وضعیت: صفحه دارای کد وضعیت HTTP + 1ms است
    ارزیابی وضعیت: در این سند از اندازه قلم خوانا + 5ms استفاده می شود
    ارزیابی وضعیت: پیوندها دارای متن توصیفی + 1ms هستند
    ارزیابی وضعیت: صفحه از فهرست بندی + 1ms مسدود نمی شود
    ارزیابی وضعیت: robots.txt معتبر است + 2ms
    ارزیابی وضعیت: سند دارای “hreflang” + 1ms معتبر است
    ارزیابی وضعیت: سند از افزونه های 1ms جلوگیری می کند
    ارزیابی وضعیت: سند دارای “rel = canonical” + 0ms معتبر است
    ارزیابی وضعیت: صفحه سازگار با موبایل + 1ms است
    ارزیابی وضعیت: داده های ساختاری معتبر + 0ms است
    وضعیت تولید نتایج … + 0ms
    ChromeLauncher کشتن نمونه Chrome 7098 + 59ms
    خروجی چاپگر html به /home/chandan/geekflare.com_2019-01-20_19-29-35.report.html + 46ms ارسال شده
    CLI Protip: فانوس دریایی را با `–view اجرا کنید تا بلافاصله گزارش HTML را در مرورگر خود باز کنید + 1ms

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

    اما ، اگر مجبور شوید گزارش تهیه کنید ، چه می کنید JSON قالب?

    این به صورت زیر قابل انجام است.

    URL فانوس دریایی –chrome-flags ="–بی سر" –خروجی json – مسیر URL.json

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

    نتیجه

    Google Lighthouse به نظر می رسد ابزاری نویدبخش برای انجام آزمایش پیوستگی برای بهبود عملکرد سایت و قابلیت استفاده آن است. اگر از WordPress استفاده می کنید و به دنبال سریعتر بارگذاری سایت خود هستید ، بررسی کنید موشک.

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
      Like this post? Please share to your friends:
      Adblock
      detector
      map