როგორ შეამოწმოთ თქვენი საიტი Google Lighthouse- ით?

Google– ის ახალი ინსტრუმენტია, რომ შეამოწმოთ და მოგცეთ რეკომენდაცია, რომ გააუმჯობესოთ შესრულება, SEO, უსაფრთხოება, საუკეთესო პრაქტიკა და ხელმისაწვდომობა.


Google- მა ცოტა ხნის წინ დაიწყო შუქურა, ღია წყარო თქვენი ვებსაიტის ხელით და ავტომატურად აუდიტის მიზნით.

რა მეტრების შემოწმებას ახდენს Google Lighthouse?

Არიან, იმყოფებიან 75-ზე მეტ მეტრზე ის ტესტებს და გაძლევთ მთლიან ქულას. რამდენიმე შემდეგი პოპულარული, რომელთაგან შეიძლება თქვენ გაინტერესებთ როგორც საიტის მფლობელი, SEO ანალიტიკოსი, ვებოსტატორები.

  • Შესრულება – ინტერაქტიული დრო, ლატენტურობა, სიჩქარის ინდექსი, რესურსების ოპტიმიზაცია, TTFB, აქტივების მიწოდება, სკრიპტების შესრულების დრო, DOM ზომა და ა.შ..
  • SEO – მობილური მეგობრული, მეტა, მცოცავი, კანონიკური, სტრუქტურა და ა.შ..
  • საუკეთესო პრაქტიკა – სურათის ოპტიმიზაცია, JS ბიბლიოთეკები, ბრაუზერის შეცდომების დაფიქსირება, HTTPS- ზე მეტი, ცნობილი JS დაუცველობებისა და ა.შ.
  • ხელმისაწვდომობა  – გვერდის ელემენტები, ენა, ARIA ატრიბუტები და ა.შ..
  • PWA (პროგრესული ვებ აპლიკაცია) – გადამისამართეთ HTTP- ზე HTTPS- ზე, საპასუხო კოდზე ok, სწრაფი დატვირთვა 3G- ზე, Splash ეკრანზე, Viewport და ა.შ..

ეს ფანტასტიკური საშუალებაა და შეგიძლიათ გამოიყენოთ მრავალი გზით.

ეს მართალია – მრავალი გზა. თუ დეველოპერი ხართ, შეგიძლიათ გამოიყენოთ იგი Node.js- ით, პროგრამულად ჩატარებული ტესტის მისაღებად. ლაითჰაუზის ბაზარზე უკვე არსებობს რამდენიმე ინსტრუმენტი, რომლებიც გთავაზობთ საიტის უწყვეტ მონიტორინგს.

მოდით გავეცნოთ, როგორ ატარებთ შუქურის ტესტს თქვენი საიტის წინააღმდეგ.

დაიწყეთ იოლიდან.

გაზომეთ ვებ.დევის მიერ

Google- მა გამოუშვა web.dev რამდენიმე თვის უკან და კარგი პოპულარობა მოიპოვა. ტესტირება ონლაინ რეჟიმში მარტივია.

Წადი გაზომეთ შემოაქციეთ გვერდი და შეიყვანეთ URL აუდიტის შესასრულებლად. რამდენიმე წამს დასჭირდება და დეტალური ანგარიში უნდა ნახოთ საერთო ბომბებით.

შედეგები ასევე აჩვენებს მეტრიკის წარმატებულ ტესტს, რომელიც კარგად არის შესრულებული ჩარიცხული აუდიტისთვის და იმსახურებს ყურადღებას.

ნუ დახარჯავთ ძალიან ბევრ დროს 100-ის მისაღებად. Google- ის საიტებიც კი არ არიან.

განიხილეთ ისინი, როგორც სახელმძღვანელო მითითებები და შეეცადეთ გააუმჯობესოთ რაც შეიძლება მეტი.

შენიშვნა: web.dev ასახავს ტესტს მობილური მოწყობილობის გამოყენებით და როდესაც ვწერ, არ ვხედავ ვარიანტს, რომ შეამოწმოთ Desktop.

ქრომი

იცით თუ არა, რომ Lighthouse ხელმისაწვდომია თქვენს Chrome ბრაუზერში? და კარგი ამბავი ის არის, რომ შეგიძლიათ შეამოწმოთ მობილური ან დესკტოპის გამოყენებით. ის ხელმისაწვდომია დეველოპერის ინსტრუმენტებში.

  • გახსენით Chrome ბრაუზერი
  • თქვენს საიტზე შესამოწმებლად
  • გახსენით დეველოპერული ხელსაწყოები (დააჭირეთ F12 Windows- ს გამოყენების შემთხვევაში) ან დააჭირეთ მარჯვენა ღილაკს გვერდზე და დააჭირეთ ინსპექტირებას
  • გადადით აუდიტის ჩანართზე

როგორც ზემოთ ხედავთ, თქვენ გაქვთ არჩევანი აირჩიოთ ის, რაც გსურთ გამოსცადოთ. ეს შესანიშნავია, რადგან თქვენ შეგიძლიათ ფოკუსირება მოახდინოთ თქვენს მიზნზე და აუდიტის შედეგები უფრო სწრაფად მიიღოთ.

შედეგები გამოიყურება და გრძნობს Chome და web.dev თითქმის მსგავსი.

თუ ყურადღებით დავაკვირდებით, აქ არის ერთი დამატებითი მეტრიკის ჯგუფი – პროგრესული ვებ აპლიკაცია. Chrome– ის გამოყენებით აუდიტის კიდევ ერთი მიზეზი.

კვანძი.js

შუქურა ხელმისაწვდომია როგორც კვანძის მოდული. შეგიძლიათ დააინსტალიროთ თქვენს სერვერზე და გამოიყენოთ იგი პროგრამულად ან ბრძანების ხაზით. მოდით სწრაფად დავეამოწმოთ როგორ დავაყენოთ Lighthouse, რომ ჩაატაროთ ტესტი.

Lighthouse– ის ინსტალაცია Ubuntu– ზე 18.x

შემდეგ, მე ტესტირება DigitalOcean სერვერი Lighthouse საჭიროებს კვანძს LTS 8.9 ან უფრო გვიან და ვფიქრობ, რომ თქვენ უკვე გაქვთ ეს დაინსტალირებული. თუ არა, იხილეთ ეს Node.js ინსტალაციის სახელმძღვანელო.

თქვენც დაგჭირდებათ ქრომის ბრაუზერი სერვერზე დაყენება. ინსტალაციის ინსტრუქცია აქ ვფარავდი.

Lighthouse- ის დაყენება მარტივია, როგორც სხვა მოდულები.

  • შედით თქვენს სერვერზე
  • დააინსტალირეთ შემდეგი ბრძანება ინსტალაციისთვის

npm ინსტალაცია-გ შუქურა

მე ვიყენებ -g აქ, ასე რომ, იგი დაინსტალირდება როგორც გლობალური მოდული.

[ელ.ფოსტა დაცულია]: ~ # npm ინსტალაცია -გ შუქურა
/ usr / bin / lighthouse -> /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 / lighthouse / node_modules / ax-core
> კვანძის მშენებლობა / ხელსაწყოები / postinstall.js

+ [ელ.ფოსტა დაცულია]
119 შენატანიდან 179 პაკეტი დაამატა 10.094 – ში
[ელ.ფოსტა დაცულია]: ~ #

ინსტალაციის შემდეგ, აწარმოეთ შუქურა ბრძანება, რომ სწორად დააინსტალიროთ.

[ელ.ფოსტა დაცულია]: ~ # შუქურა
გთხოვთ, მიუთითოთ url

მიუთითეთ – დაეხმარეთ ხელმისაწვდომი ვარიანტებისთვის
[ელ.ფოსტა დაცულია]: ~ #

კარგი, შუქურა მზად არის აუდიტის ჩასატარებლად. შევეცადოთ ტესტის რამდენიმე ვარიანტი.

ტესტის ჩატარება უფროს ბრაუზერის გამოყენებით

შუქურის URL –chrome-flags ="–უფროსობა"

თქვენ უნდა მოგაწოდოთ აბსოლუტური URL, http ან https ჩათვლით.

ექს:

[ელ.ფოსტა დაცულია]: ~ $ შუქურა https://geekflare.com –chrome-flags ="–უფროსობა"
ChromeLauncher ელოდება ბრაუზერს. + 0 სმ
ChromeLauncher ელოდება ბრაუზერს … + 1ms
ChromeLauncher ელოდება ბრაუზერს ….. + 511ms
ChromeLauncher ელოდება ბრაუზერს ….. ✓ + 2ms
სტატუსი ბრაუზერთან დაკავშირება + 176ms
სტატუსის გადატვირთვის სტატუსი დაახლოებით: ცარიელი + 24ms
სტატუსის შეფასების მანქანა + 30ms
სტატუსის ინიციალიზაცია… + 508მმ
სტატუსის დატვირთვის გვერდი & ელოდება onload Scripts, CSSUsage, Viewport, 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
სტატუსის მიღება გვერდზე: მანიფესტი + 0 სმ
სტატუსის მიღება გვერდზე: RuntimeExceptions + 0 წთ
სტატუსის მიღება გვერდზე: ChromeConsoleMessages + 0ms
სტატუსის მიღება გვერდზე: ImageUsage + 0ms
სტატუსის გვერდზე მიღება: წვდომა + 0ms
სტატუსის მიღება გვერდზე: LinkElements + 0ms
სტატუსის მიღება გვერდზე: AnchorsWithNoRelNoopener + 1ms
სტატუსის მოძიება გვერდზე: AppCacheManifest + 0ms
სტატუსის მიღება გვერდზე: Doctype + 0ms
სტატუსის მიღება გვერდზე: DOMStats + 0ms
სტატუსის მიღება გვერდზე: JSLibraries + 0ms
სტატუსის მიღება გვერდზე: OptimizedImages + 0ms
სტატუსის მოძიება გვერდზე: პაროლიInputsWithPreventedPaste + 0ms
სტატუსის მოძიება გვერდზე: პასუხი კომპრესია + 0 სმ
სტატუსის მოძიება გვერდზე: ჩანართები დაბლოკვა პირველი სურათის + 0ms
სტატუსის მიღება გვერდზე: MetaDescription + 0ms
სტატუსის მიღება გვერდზე: FontSize + 0ms
სტატუსის მიღება გვერდზე: CrawlableLinks + 0ms
სტატუსის მიღება გვერდზე: MetaRobots + 0ms
სტატუსის მიღება გვერდზე: Hreflang + 0ms
სტატუსის მოძიება გვერდზე: EmbeddedContent + 0ms
სტატუსის მიღება გვერდზე: Canonical + 0ms
სტატუსის მიღება გვერდზე: RobotsTxt + 0ms
სტატუსის მოძიების კვალი + 1ms
სტატუსის მოძიება devtoolsLog & ქსელის ჩანაწერები + 110 მ
სტატუსის მოძიება: სკრიპტები + 27 წმ
სტატუსის მოძიება: CSSUsage + 53ms
სტატუსის მოძიება: Viewport + 192ms
სტატუსის მოძიება: ViewportDimensions + 5ms
სტატუსის მოძიება: ThemeColor + 13ms
სტატუსის მოძიება: მანიფესტი + 2ms
სტატუსის მოძიება: RuntimeExceptions + 295 წ
სტატუსის მოძიება: ChromeConsoleMessages + 1ms
სტატუსის მოძიება: ImageUsage + 2ms
სტატუსის მოძიება: წვდომა + 22ms
სტატუსის მოძიება: LinkElements + 526ms
სტატუსის მოძიება: AnchorsWithNoRelNoopener + 10ms
სტატუსის მოძიება: AppCacheManifest + 6ms
სტატუსის მოძიება: Doctype + 20ms
სტატუსის მოძიება: DOMStats + 4ms
სტატუსის მოძიება: JSLibraries + 50ms
სტატუსის მოძიება: OptimizedImages + 25ms
სტატუსის მოძიება: პაროლიInputsWithPreventedPaste + 234ms
სტატუსის მოძიება: რეაგირება კომპრესია + 3ms
სტატუსის მოძიება: ჩანართები დაბლოკვის პირველი სურათის + 7ms
სტატუსის მოძიება: MetaDescription + 6ms
სტატუსის მოძიება: FontSize + 7ms
სტატუსის მოძიება: CrawlableLinks + 245ms
სტატუსის მოძიება: MetaRobots + 6ms
სტატუსის მოძიება: Hreflang + 2ms
სტატუსის მოძიება: ჩასმული კონტენტი + 2ms
სტატუსის მოძიება: Canonical + 3ms
სტატუსის მოძიება: RobotsTxt + 6ms
სტატუსის გადატვირთვის სტატუსი დაახლოებით: ცარიელი + 19ms
სტატუსის დატვირთვის გვერდი & ელოდება დატვირთვას ServiceWorker, Offline, StartUrl + 24ms
სტატუსის მოძიება გვერდზე: ServiceWorker + 59ms
სტატუსის მიღება გვერდზე: Offline + 0ms
სტატუსის მიღება გვერდზე: StartUrl + 1ms
სტატუსის მოძიება devtoolsLog & ქსელის ჩანაწერები + 0 სმ
სტატუსის მოძიება: ServiceWorker + 2ms
სტატუსის მოძიება: ხაზგარეშე + 1 წ
სტატუსის მოძიება: StartUrl + 1ms
სტატუსის გადატვირთვის სტატუსი დაახლოებით: ცარიელი + 5ms
სტატუსის დატვირთვის გვერდი & ელოდება გადატვირთვას HTTPRedirect, HTMLWithoutJavaScript + 48ms
სტატუსის მიღება გვერდზე: HTTPRedirect + 260 წ
სტატუსის მიღება გვერდზე: HTMLWithoutJavaScript + 0ms
სტატუსის მოძიება devtoolsLog & ქსელის ჩანაწერები + 0 სმ
სტატუსის მოძიება: HTTPRedirect + 7ms
სტატუსის მოძიება: HTMLWithoutJavaScript + 12ms
სტატუსი გათიშულია ბრაუზერისგან … + 7ms
სტატუსი აუდიტის ანალიზი და გაშვება … + 6ms
სტატუსის შეფასება: იყენებს HTTPS + 3ms
სტატუსის შეფასება: გადამისამართება HTTP ტრაფიკი HTTPS + 24ms
სტატუსის შეფასება: რეგისტრაციას უწევს მომსახურე მუშაობას, რომელიც აკონტროლებს გვერდს და start_url + 1ms- ს
სტატუსის შეფასება: მიმდინარე გვერდი პასუხობს 200-ით, ხაზგარეშე + 0 წუთის განმავლობაში
სტატუსის შეფასება: აქვს “ ნიშანია `სიგანე` ან` საწყისი მასშტაბით` + 1ms
სტატუსის შეფასება: შეიცავს გარკვეულ შინაარსს, როდესაც JavaScript არ არის ხელმისაწვდომი + 1ms
სტატუსის შეფასება: პირველი შინაარსობრივი საღებავი + 6ms
სტატუსის შეფასება: პირველი მნიშვნელოვანი საღებავი + 54ms
სტატუსის შეფასება: გვერდის დატვირთვა სწრაფია მობილური ქსელებისთვის + 10ms
სტატუსის შეფასება: სიჩქარის ინდექსი + 33ms
სტატუსის შეფასება: ეკრანის ანაბეჭდები + 529 წმ
სტატუსის შეფასება: საბოლოო ეკრანის ანონსი + 287ms
სტატუსის შეფასება: შეყვანის სავარაუდო შეფერხება + 2ms
სტატუსის შეფასება: ბონუსში შეცდომები არ არის შესული კონსოლში + 16ms
სტატუსის შეფასება: სერვერის პასუხის დრო დაბალია (TTFB) + 1 წთ
სტატუსის შეფასება: პირველი CPU Idle + 1ms
სტატუსის შეფასება: ინტერაქტიული დრო + 30ms
სტატუსის შეფასება: მომხმარებლის დანიშვნის ნიშანი და ზომები + 0 სმ
სტატუსის შეფასება: მინიმალური შემცირება კრიტიკული მოთხოვნების სიღრმე + 2ms
სტატუსის შეფასება: თავიდან აიცილოთ მრავალი გვერდის გადამისამართება + 3ms
სტატუსის შეფასება: ვებ – აპლის მანიფესტი აკმაყოფილებს ინსტალაციის მოთხოვნებს + 2ms
სტატუსის შეფასება: კონფიგურებულია კონფიგურაციური სანახავი ეკრანისთვის + 1ms
სტატუსის შეფასება: ადგენს მისამართის ზოლს თემის ფერი + 0 სმ
სტატუსის შეფასება: შინაარსი სწორად არის ზომის სანახავად. 1ms
სტატუსის შეფასება: აჩვენებს სურათებს სწორი ასპექტის თანაფარდობით + 0ms
სტატუსის შეფასება: თავიდან აიცილეთ დანადგარები API + 1ms
სტატუსის შეფასება: შეამცირებს ძირითადი თემა + 0ms
სტატუსის შეფასება: JavaScript შესრულების დრო + 11ms
სტატუსის შეფასება: ძირითადი მოთხოვნების გადატვირთვა + 3ms
სტატუსის შეფასება: საჭირო წარმოშობის წინასწარ შეკვეთა + 2ms
სტატუსის შეფასება: მთელი ტექსტი თვალსაჩინო რჩება ვებფონტის დატვირთვების დროს + 2ms
სტატუსის შეფასება: ქსელის მოთხოვნა + 1 წ
სტატუსის შეფასება: მეტრი + 2ms
სტატუსის შეფასება: start_url პასუხობს 200-ით, ხაზგარეშე + 1 წუთის განმავლობაში
სტატუსის შეფასება: საიტი მუშაობს ჯვარედინი ბრაუზერით + 1ms
სტატუსის შეფასება: გვერდის გადასვლები არ იგრძნობა ქსელში დაბლოკვის დროს + 0ms
სტატუსის შეფასება: თითოეულ გვერდს აქვს URL + 0ms
სტატუსის შეფასება: `[[aria – *]` ატრიბუტები შეესაბამება მათ როლებს + 1ms
სტატუსის შეფასება: `[როლი] ყველას აქვს აუცილებელი` [aria – *] `ატრიბუტები + 1ms
სტატუსის შეფასება: მოცემულია ელემენტები `[როლი], რომლებსაც სპეციფიკური ბავშვები სჭირდებათ (როლი), წარმოდგენილია + 0 წთ
სტატუსის შეფასება: `[როლი] შეიცავს მათ მშობელთა საჭირო ელემენტს + 1ms
სტატუსის შეფასება: `[როლი] ღირებულებები ძალაშია + 1ms
სტატუსის შეფასება: `[aria – *]` ატრიბუტებს აქვთ სწორი მნიშვნელობები + 0 სმ
სტატუსის შეფასება: `[aria – *]` ატრიბუტები მართებულია და არ არის ასახული + 1ms
სტატუსის შეფასება: `ელემენტები შეიცავს` `ელემენტს` `[kind ="სათაურები"] `+ 1 წმ
სტატუსის შეფასება: ღილაკებს აქვთ ხელმისაწვდომი სახელი + 1ms
სტატუსის შეფასება: გვერდი შეიცავს სათაურის, გამოტოვების ბმულს ან საეტაპო რეგიონს + 1ms
სტატუსის შეფასება: ფონის და წინა პლანების ფერებს აქვთ საკმარისი კონტრასტის კოეფიციენტი + 1ms
სტატუსის შეფასება: `შეიცავს მხოლოდ სწორად შეკვეთილ` `და` ჯგუფებს,` `ან“ ელემენტებს. + 1 წმ
სტატუსის შეფასება: განმარტებითი ჩამონათვალის საგნები იბეჭდება “ ელემენტებში + 0ms
სტატუსის შეფასება: დოკუმენტს აქვს “ ელემენტი + 1ms
სტატუსის შეფასება: გვერდზე ([id]) ატრიბუტები უნიკალურია + 1ms
სტატუსის შეფასება: “ ან“ ელემენტებს აქვთ სათაური + 1ms
სტატუსის შეფასება: “ ელემენტს აქვს `[lang]` ატრიბუტი + 0 სმ
სტატუსის შეფასება: “ ელემენტს აქვს მნიშვნელოვანი მნიშვნელობა მისი `[lang]` ატრიბუტისთვის + 1ms
სტატუსის შეფასება: გამოსახულების ელემენტებს აქვთ `[alt]` ატრიბუტები + 1ms
სტატუსის შეფასება: “ ელემენტებს აქვთ `[alt]` ტექსტი + 1ms
სტატუსის შეფასება: ფორმის ელემენტებს აქვთ ასოცირებული ეტიკეტები + 0ms
სტატუსის შეფასება: პრეზენტაცია `

`ელემენტები avoid თავიდან აიცილონ` `,` `ან` `შემაჯამებელი attrib ატრიბუტის გამოყენებას. + 1 წმ
სტატუსის შეფასება: ბმულებს აქვთ შესამჩნევი სახელი + 1ms
სტატუსის შეფასება: სიები შეიცავს მხოლოდ `
  • `ელემენტები და დამხმარე ელემენტები (` და “). + 1 წმ
    სტატუსის შეფასება: ჩამოთვალეთ ელემენტები (`
  • `) შეიცავს”
      `ან`
        `მშობელი ელემენტები + 1ms
        სტატუსის შეფასება: დოკუმენტი არ იყენებს “ + 0ms
        სტატუსის შეფასება: `[user-scalable ="არა"] `გამოყენებული არ არის` `ელემენტში და` [მაქსიმალური მასშტაბის] ატრიბუტი არ არის არანაკლებ 5. + 1ms
        სტატუსის შეფასება: “ ელემენტებს აქვთ `[alt]` ტექსტი + 1ms
        სტატუსის შეფასება: არცერთ ელემენტს არ აქვს `[tabindex]` მნიშვნელობა, ვიდრე 0 + 1ms
        სტატუსის შეფასება: უჯრედები `
  • `ელემენტი, რომელიც იყენებს` [სათაურების] ატრიბუტს, ეხება მხოლოდ იმავე ცხრილის სხვა უჯრედებს. + 1 წმ
    სტატუსის შეფასება: “ ელემენტები და ელემენტები “ როლი ="სვეტი"/"მწვერვალი"] აქვთ მონაცემთა უჯრედები, რომლებიც აღწერენ. + 0 სმ
    სტატუსის შეფასება: `[lang]` ატრიბუტებს აქვთ მნიშვნელობა + 1ms
    სტატუსის შეფასება: `ელემენტები შეიცავს` `ელემენტს` `[kind ="სათაურები"] `+ 1 წმ
    სტატუსის შეფასება: `ელემენტები შეიცავს` `ელემენტს` `[kind ="აღწერა"] `+ 1 წმ
    სტატუსის შეფასება: `[accesskey]` ღირებულებები უნიკალურია + 1ms
    სტატუსის შეფასება: საბაჟო კონტროლს აქვს ასოცირებული ეტიკეტები + 0ms
    სტატუსის შეფასება: საბაჟო კონტროლს აქვს ARIA როლები + 1ms
    სტატუსის შეფასება: რეგიონის შემთხვევითი შემთხვევები არ არის ხაფანგში + 0ms
    სტატუსის შეფასება: ინტერაქტიული კონტროლი კლავიატურაზე ფოკუსირებულია + 0ms
    სტატუსის შეფასება: სათაურები არ გამოტოვებთ დონეზე + 0 სმ
    სტატუსის შეფასება: ინტერაქტიული ელემენტები მიუთითებენ მათი მიზნისა და მდგომარეობის შესახებ + 1ms
    სტატუსის შეფასება: გვერდს აქვს ჩანართების ლოგიკური შეკვეთა + 0 სმ
    სტატუსის შეფასება: მომხმარებლის ყურადღება ფოკუსირებულია გვერდზე + 1ms დამატებულ ახალ შინაარსზე
    სტატუსის შეფასება: გარე ეკრანის შინაარსი იმალება დამხმარე ტექნოლოგიისგან + 0ms
    სტატუსის შეფასება: HTML5 საეტაპო ელემენტები გამოიყენება ნავიგაციის გასაუმჯობესებლად + 0ms
    სტატუსის შეფასება: გვერდზე ვიზუალური შეკვეთა შემდეგნაირდება DOM შეკვეთას + 0ms
    სტატუსის შეფასება: იყენებს ქეშის ეფექტურ პოლიტიკას სტატიკური აქტივების შესახებ + 1ms
    სტატუსის შეფასება: თავს არიდებს ქსელის უზარმაზარ დატვირთვას + 3ms
    სტატუსის შეფასება: განათავსეთ ეკრანული გამოსახულებები + 1ms
    სტატუსის შეფასება: აღმოფხვრის გაწევის ბლოკირების რესურსებს + 12ms
    სტატუსის შეფასება: შეამცირეთ CSS + 28ms
    სტატუსის შეფასება: შეამცირეთ JavaScript + 64ms
    სტატუსის შეფასება: გამორიცხეთ გამოუყენებელი CSS + 69ms
    სტატუსის შეფასება: ემსახურეთ სურათებს მომდევნო gen ფორმატში + 12ms
    სტატუსის შეფასება: ეფექტურად დაშიფვრა სურათები + 11ms
    სტატუსის შეფასება: ტექსტის შეკუმშვის ჩართვა + 6ms
    სტატუსის შეფასება: სწორად ზომის ზომები + 6ms
    სტატუსის შეფასება: გამოიყენეთ ვიდეო ფორმატები ანიმაციური შინაარსისთვის + 7ms
    სტატუსის შეფასება: თავიდან აცილების განაცხადის ქეში + 11ms
    სტატუსის შეფასება: გვერდს აქვს HTML doctype + 0ms
    სტატუსის შეფასება: თავს არიდებს ზედმეტი DOM ზომა + 1ms
    სტატუსის შეფასება: ტრანსსასაზღვრო მიმართულებების ბმულები უსაფრთხოა + 2ms
    სტატუსის შეფასება: თავიდან აიცილებს გეოლოკაციის ნებართვას გვერდის დატვირთვაზე + 1ms
    სტატუსის შეფასება: თავიდან აიცილებს დოკუმენტს.წერილი () `+ 0ms
    სტატუსის შეფასება: თავს არიდებს JavaScript– ის წინა ბიბლიოთეკებს, რომელზეც ცნობილია უსაფრთხოების დაუცველობა + 0 სმ
    სტატუსის შეფასება: აღმოაჩინეს JavaScript ბიბლიოთეკები + 9ms
    სტატუსის შეფასება: თავს არიდებს შეტყობინებას ნებართვის შესახებ გვერდზე დატვირთვით + 1ms
    სტატუსის შეფასება: საშუალებას აძლევს მომხმარებლებს პაროლის ველებში ჩასმა + 0ms
    სტატუსის შეფასება: იყენებს HTTP / 2 საკუთარი რესურსებისთვის + 0ms
    სტატუსის შეფასება: იყენებს პასიურ მსმენელს მოძრავი შესრულების გასაუმჯობესებლად + 1ms
    სტატუსის შეფასება: დოკუმენტს აქვს მეტა აღწერა + 0 სმ
    სტატუსის შეფასება: გვერდს აქვს წარმატებული HTTP სტატუსის კოდი + 1ms
    სტატუსის შეფასება: დოკუმენტი იყენებს ლეგიტიმური შრიფტის ზომებს + 5ms
    სტატუსის შეფასება: ბმულებს აქვთ აღწერითი ტექსტი + 1ms
    სტატუსის შეფასება: გვერდი არ შეიძლება დაბლოკილია + 1ms ინდექსით
    სტატუსის შეფასება: robots.txt მოქმედებს + 2ms
    სტატუსის შეფასება: დოკუმენტს აქვს სწორი valid hreflang` + 1ms
    სტატუსის შეფასება: დოკუმენტი თავს არიდებს plugin + 1ms
    სტატუსის შეფასება: დოკუმენტს აქვს სწორი: rel = კანონიკური ‘+ 0ms
    სტატუსის შეფასება: გვერდი არის მობილური მეგობრული + 1ms
    სტატუსის შეფასება: სტრუქტურირებული მონაცემები მართებულია + 0ms
    სტატუსი წარმოქმნის შედეგებს … + 0 სმ
    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