Làm cách nào để kiểm tra Trang web của bạn với Google Ngọn hải đăng?

Một công cụ mới của Google là kiểm tra và cung cấp cho bạn đề xuất để cải thiện hiệu suất, SEO, bảo mật, thực tiễn tốt nhất và khả năng truy cập.


Google mới ra mắt gần đây Ngọn hải đăng, một công cụ nguồn mở để kiểm tra trang web của bạn một cách thủ công và tự động.

Số liệu nào được kiểm tra bởi Google Lighthouse?

hơn 75 số liệu nó kiểm tra và cung cấp cho bạn điểm tổng thể. Một số phổ biến sau đây bạn có thể quan tâm với tư cách là chủ sở hữu trang web, nhà phân tích SEO, quản trị trang web.

  • Hiệu suất – thời gian để tương tác, độ trễ, chỉ số tốc độ, tối ưu hóa tài nguyên, TTFB, phân phối tài sản, thời gian thực hiện tập lệnh, kích thước DOM, v.v..
  • SEO – Di động thân thiện, meta, thu thập dữ liệu, kinh điển, cấu trúc, vv.
  • Thực hành tốt nhất – Tối ưu hóa hình ảnh, thư viện JS, ghi nhật ký lỗi trình duyệt, có thể truy cập qua HTTPS, các lỗ hổng JS đã biết, v.v.
  • Khả năng tiếp cận  – Các yếu tố trang, ngôn ngữ, thuộc tính ARIA, v.v..
  • PWA (Ứng dụng Web lũy tiến) – chuyển hướng HTTP sang HTTPS, mã phản hồi ok, tải nhanh trên 3G, màn hình giật gân, chế độ xem, v.v..

Công cụ tuyệt vời của nó và bạn có thể sử dụng theo nhiều cách.

Điều đó đúng – rất nhiều cách. Nếu bạn là nhà phát triển, bạn có thể sử dụng nó với Node.js để chạy thử nghiệm theo chương trình. Đã có một vài công cụ trên thị trường được cung cấp bởi Ngọn hải đăng cung cấp giám sát hiệu suất trang web liên tục.

Hãy cùng tìm hiểu cách bạn chạy thử nghiệm ngọn hải đăng trên trang web của bạn.

Bắt đầu từ cái dễ nhất.

Đo lường bằng web.dev

Google đã phát hành web.dev một vài tháng trước và trở nên phổ biến. Kiểm tra trực tuyến rất dễ dàng.

Đi đến Đo lường trang và nhập URL để chạy kiểm toán. Sẽ mất vài giây và bạn sẽ thấy báo cáo chi tiết với tổng điểm.

Kết quả cũng cho thấy thử nghiệm số liệu thành công được thực hiện tốt cho các cuộc kiểm toán đã qua và làm việc trên những nhu cầu cần chú ý.

Don lồng dành quá nhiều thời gian để nhận 100. Ngay cả các trang web Google Google cũng cho điểm.

Hãy coi chúng là hướng dẫn và cố gắng cải thiện càng nhiều càng tốt.

Lưu ý: web.dev mô phỏng thử nghiệm bằng thiết bị Di động và trong khi viết, tôi không thấy một tùy chọn để kiểm tra bằng Desktop.

Trình duyệt Chrome

Bạn có biết Hải đăng có sẵn trong trình duyệt Chrome của bạn không? Và, tin tuyệt vời là, bạn có thể chọn thử nghiệm bằng Di động hoặc Máy tính để bàn. Nó có sẵn trong các công cụ dành cho nhà phát triển.

  • Mở trình duyệt Chrome
  • Truy cập trang web của bạn để kiểm tra
  • Mở công cụ dành cho nhà phát triển (Nhấn F12 nếu sử dụng Windows) hoặc nhấp chuột phải vào trang và nhấp vào Kiểm tra
  • Chuyển đến tab kiểm toán

Như bạn có thể thấy ở trên, bạn có một tùy chọn để chọn những gì bạn muốn kiểm tra. Điều này thật tuyệt khi bạn có thể tập trung vào mục tiêu của mình và nhận được kết quả kiểm toán nhanh hơn.

Kết quả giao diện từ Chome và web.dev gần như tương tự.

Nhưng nếu bạn xem xét cẩn thận, có một nhóm số liệu bổ sung ở đây – Ứng dụng web lũy tiến. Vì vậy, một lý do khác để kiểm toán bằng Chrome.

Node.js

Ngọn hải đăng có sẵn như là một mô-đun Node. Bạn có thể cài đặt nó trên máy chủ của mình và sử dụng nó bằng lập trình hoặc dòng lệnh. Hãy nhanh chóng kiểm tra cách cài đặt Ngọn hải đăng để chạy thử nghiệm.

Cài đặt ngọn hải đăng trên Ubuntu 18.x

Sau đây, tôi đã thử nghiệm trên DigitalOcean người phục vụ. Ngọn hải đăng yêu cầu Node LTS 8,9 trở lên và tôi giả sử bạn đã cài đặt nó. Nếu không, hãy tham khảo hướng dẫn cài đặt Node.js này.

Bạn cũng sẽ yêu cầu trình duyệt crom để được cài đặt trên máy chủ. Tôi bao gồm các hướng dẫn cài đặt ở đây.

Cài đặt Ngọn hải đăng rất đơn giản, khi bạn thực hiện các mô-đun khác.

  • Đăng nhập vào máy chủ của bạn
  • Chạy lệnh sau để cài đặt

npm cài đặt -g ngọn hải đăng

Tôi đang sử dụng -g ở đây để nó được cài đặt như mô-đun toàn cầu.

[email được bảo vệ]: ~ # npm cài đặt -g ngọn hải đăng
/ usr / bin / ngọn hải đăng -> /usr/lib/node_modules/lighthouse/lighthouse-cli/index.js
/ usr / bin / chrome-gỡ lỗi -> /usr/lib/node_modules/lighthouse/lighthouse-core/scripts/manual-chrome-launcher.js

> [email được bảo vệ] postinstall / usr / lib / node_modules / lighthouse / node_modules / ax-core
> xây dựng nút / utils / postinstall.js

+ [email được bảo vệ]
đã thêm 179 gói từ 119 người đóng góp trong 10.094s
[email được bảo vệ]: ~ #

Sau khi cài đặt, chạy lệnh hải đăng để đảm bảo nó đã được cài đặt chính xác.

[email được bảo vệ]: ~ # ngọn hải đăng
Vui lòng cung cấp một url

Chỉ định – trợ giúp cho các tùy chọn khả dụng
[email được bảo vệ]: ~ #

Tốt, ngọn hải đăng đã sẵn sàng để chạy kiểm toán. Hãy để thử một số tùy chọn kiểm tra.

Để chạy thử nghiệm bằng trình duyệt không đầu

URL ngọn hải đăng – cờ-cờ ="–không đầu"

Bạn cần cung cấp một URL tuyệt đối bao gồm http hoặc https.

Ví dụ:

[email được bảo vệ]: ~ $ hải đăng https://geekflare.com – cờ-cờ ="–không đầu"
ChromeLauncher Đang chờ trình duyệt. + 0ms
ChromeLauncher Đang chờ trình duyệt … + 1ms
ChromeLauncher Đang chờ trình duyệt ….. + 511ms
ChromeLauncher Đang chờ trình duyệt ….. ✓ + 2ms
trạng thái Kết nối với trình duyệt + 176ms
trạng thái Đặt lại trạng thái với khoảng: trống + 24ms
trạng thái máy đo điểm chuẩn + 30ms
trạng thái Đang khởi tạo + 508ms
trạng thái Đang tải trang & đang chờ onload , Hreflang, EmbeddedContent, Canonical, RobotsTxt + 27ms
trạng thái Truy xuất trong trang: Tập lệnh + 2 giây
trạng thái Truy xuất trong trang: CSSUsage + 0ms
trạng thái Truy xuất trong trang: Chế độ xem + 0ms
trạng thái Truy xuất trong trang: ViewportDimensions + 0ms
trạng thái Truy xuất trong trang: ThemeColor + 0ms
trạng thái Truy xuất trong trang: Bản kê khai + 0ms
trạng thái Truy xuất trong trang: RuntimeExceptions + 0ms
trạng thái Truy xuất trong trang: ChromeConsoleMessages + 0ms
trạng thái Truy xuất trong trang: ImageUsage + 0ms
trạng thái Truy xuất trong trang: Khả năng truy cập + 0ms
trạng thái Truy xuất trong trang: LinkElements + 0ms
trạng thái Truy xuất trong trang: AnchororsWithNoRelNoopener + 1ms
trạng thái Truy xuất trong trang: AppCacheManifest + 0ms
trạng thái Truy xuất trong trang: Tài liệu + 0ms
trạng thái Truy xuất trong trang: DOMStats + 0ms
trạng thái Truy xuất trong trang: Thư viện JSL + 0ms
trạng thái Truy xuất trong trang: OptimizedImages + 0ms
trạng thái Truy xuất trong trang: PasswordInputsWithPreventedPaste + 0ms
trạng thái Truy xuất trong trang: FeedbackCompression + 0ms
trạng thái Truy xuất trong trang: TagsBlockingFirstPaint + 0ms
trạng thái Truy xuất trong trang: MetaDes mô tả + 0ms
trạng thái Truy xuất trong trang: FontSize + 0ms
trạng thái Truy xuất trong trang: CrawlableLinks + 0ms
trạng thái Truy xuất trong trang: MetaRobots + 0ms
trạng thái Truy xuất trong trang: Hreflang + 0ms
trạng thái Truy xuất trong trang: EmbeddedContent + 0ms
trạng thái Truy xuất trong trang: Canonical + 0ms
trạng thái Truy xuất trong trang: RobotsTxt + 0ms
trạng thái Truy xuất dấu vết + 1ms
trạng thái Lấy devtoolsLog & hồ sơ mạng + 110ms
Lấy trạng thái: Tập lệnh + 27ms
Lấy trạng thái: CSSUsage + 53ms
Lấy trạng thái: Chế độ xem + 192ms
lấy trạng thái: ViewportDimensions + 5ms
lấy trạng thái: ThemeColor + 13ms
lấy trạng thái: Manifest + 2ms
Lấy trạng thái: RuntimeExceptions + 295ms
Lấy trạng thái: ChromeConsoleMessages + 1ms
Lấy trạng thái: ImageUsage + 2ms
lấy trạng thái: Khả năng truy cập + 22ms
Lấy trạng thái: LinkElements + 526ms
lấy trạng thái: AnchororsWithNoRelNoopener + 10ms
Lấy trạng thái: AppCacheManifest + 6ms
lấy trạng thái: Doctype + 20ms
Lấy trạng thái: DOMStats + 4ms
Lấy trạng thái: Thư viện JSL + 50ms
Lấy trạng thái: Tối ưu hóa hình ảnh + 25ms
lấy trạng thái: PasswordInputsWithPreventedPaste + 234ms
lấy trạng thái: FeedbackCompression + 3ms
lấy trạng thái: TagsBlockingFirstPaint + 7ms
Lấy trạng thái: MetaDes mô tả + 6ms
Lấy trạng thái: FontSize + 7ms
lấy trạng thái: CrawlableLinks + 245ms
Lấy trạng thái: MetaRobots + 6ms
lấy trạng thái: Hreflang + 2ms
Lấy trạng thái: EmbeddedContent + 2ms
Lấy trạng thái: Canonical + 3ms
Lấy trạng thái: RobotsTxt + 6ms
trạng thái Đặt lại trạng thái với khoảng: trống + 19ms
trạng thái Đang tải trang & đang chờ tải ServiceWorker, Offline, StartUrl + 24ms
trạng thái Truy xuất trong trang: ServiceWorker + 59ms
trạng thái Truy xuất trong trang: Ngoại tuyến + 0ms
trạng thái Truy xuất trong trang: StartUrl + 1ms
trạng thái Lấy devtoolsLog & hồ sơ mạng + 0ms
lấy trạng thái: ServiceWorker + 2ms
Lấy trạng thái: Ngoại tuyến + 1ms
Lấy trạng thái: StartUrl + 1ms
trạng thái Đặt lại trạng thái với khoảng: blank + 5ms
trạng thái Đang tải trang & đang chờ tải HTTPRedirect, HTMLWithoutJavaScript + 48ms
trạng thái Truy xuất trong trang: HTTPRedirect + 260ms
trạng thái Truy xuất trong trang: HTMLWithoutJavaScript + 0ms
trạng thái Lấy devtoolsLog & hồ sơ mạng + 0ms
Lấy trạng thái: HTTPRedirect + 7ms
Lấy trạng thái: HTMLWithoutJavaScript + 12ms
trạng thái Ngắt kết nối khỏi trình duyệt … + 7ms
phân tích và chạy kiểm toán … + 6ms
Đánh giá trạng thái: Sử dụng HTTPS + 3ms
Đánh giá trạng thái: Chuyển hướng lưu lượng HTTP sang HTTPS + 24ms
trạng thái Đánh giá: Đăng ký một nhân viên dịch vụ kiểm soát trang và start_url + 1ms
Đánh giá trạng thái: Trang hiện tại phản hồi với 200 khi ngoại tuyến + 0ms
Đánh giá trạng thái: Có thẻ “ với` width` hoặc `scale-scale` + 1ms
Đánh giá trạng thái: Chứa một số nội dung khi JavaScript không khả dụng + 1ms
Đánh giá trạng thái: Sơn nội dung đầu tiên + 6ms
Đánh giá trạng thái: Sơn có ý nghĩa đầu tiên + 54ms
Đánh giá trạng thái: Tải trang đủ nhanh trên mạng di động + 10ms
Đánh giá trạng thái: Chỉ số tốc độ + 33ms
Đánh giá trạng thái: Ảnh chụp màn hình Hình thu nhỏ + 529ms
Đánh giá trạng thái: Ảnh chụp màn hình cuối cùng + 287ms
Đánh giá trạng thái: Độ trễ đầu vào ước tính + 2ms
Đánh giá trạng thái: Không có lỗi trình duyệt nào được ghi vào bảng điều khiển + 16ms
Đánh giá trạng thái: Thời gian phản hồi của máy chủ thấp (TTFB) + 1ms
Đánh giá trạng thái: CPU đầu tiên nhàn rỗi + 1ms
Đánh giá trạng thái: Thời gian tương tác + 30ms
Đánh giá trạng thái: Dấu thời gian và biện pháp của người dùng + 0ms
đánh giá trạng thái: Giảm thiểu yêu cầu quan trọng Độ sâu + 2ms
Đánh giá trạng thái: Tránh chuyển hướng nhiều trang + 3ms
Đánh giá trạng thái: Tệp kê khai ứng dụng web đáp ứng các yêu cầu về khả năng cài đặt + 2ms
Đánh giá trạng thái: Được định cấu hình cho màn hình giật gân tùy chỉnh + 1ms
trạng thái Đánh giá: Đặt màu chủ đề trên thanh địa chỉ + 0ms
Đánh giá trạng thái: Nội dung có kích thước chính xác cho chế độ xem + 1ms
Đánh giá trạng thái: Hiển thị hình ảnh với tỷ lệ khung hình chính xác + 0ms
Đánh giá trạng thái: Tránh các API không dùng nữa + 1ms
Đánh giá trạng thái: Tối thiểu hóa công việc chủ đề chính + 0ms
Đánh giá trạng thái: Thời gian thực hiện JavaScript + 11ms
Đánh giá trạng thái: Tải trước các yêu cầu chính + 3ms
Đánh giá trạng thái: Kết nối với nguồn gốc cần thiết + 2ms
Đánh giá trạng thái: Tất cả văn bản vẫn hiển thị trong khi tải webfont + 2ms
Đánh giá trạng thái: Yêu cầu mạng + 1ms
Đánh giá trạng thái: Số liệu + 2ms
Đánh giá trạng thái: start_url phản hồi với 200 khi ngoại tuyến + 1ms
Đánh giá trạng thái: Trang web hoạt động trên nhiều trình duyệt + 1ms
Đánh giá trạng thái: Chuyển đổi trang không cảm thấy như chúng bị chặn trên mạng + 0ms
Đánh giá trạng thái: Mỗi trang có URL + 0ms
trạng thái Đánh giá: các thuộc tính `[aria – *]` khớp với vai trò của chúng + 1ms
trạng thái Đánh giá: `[vai trò]` s có tất cả các thuộc tính bắt buộc `[aria – *]` + 1ms
Đánh giá trạng thái: Các phần tử có `[vai trò]` yêu cầu con cụ thể `[vai trò]` s, có mặt + 0ms
trạng thái Đánh giá: `[vai trò]` được chứa bởi phần tử cha yêu cầu của chúng + 1ms
trạng thái Đánh giá: `[vai trò]` giá trị hợp lệ + 1ms
trạng thái Đánh giá: các thuộc tính `[aria – *]` có giá trị hợp lệ + 0ms
trạng thái Đánh giá: các thuộc tính `[aria – *]` là hợp lệ và không sai chính tả + 1ms
Đánh giá trạng thái: Các phần tử “ chứa phần tử “ với `[kind ="chú thích"] `+ 1ms
Đánh giá trạng thái: Các nút có tên có thể truy cập + 1ms
Đánh giá trạng thái: Trang chứa tiêu đề, bỏ qua liên kết hoặc vùng mốc + 1ms
Đánh giá trạng thái: Màu nền và màu nền trước có tỷ lệ tương phản đủ + 1ms
trạng thái Đánh giá: “ ‘chỉ chứa các phần tử “ và “, “ hoặc “ được sắp xếp đúng. + 1ms
trạng thái Đánh giá: Các mục danh sách định nghĩa được gói trong “ phần tử + 0ms
Đánh giá trạng thái: Tài liệu có phần tử “ + 1ms
trạng thái Đánh giá: các thuộc tính `[id]` trên trang là duy nhất + 1ms
trạng thái Đánh giá: các phần tử “ hoặc “ có tiêu đề + 1ms
trạng thái Đánh giá: phần tử “ có thuộc tính `[lang]` + 0ms
trạng thái Đánh giá: phần tử “ có giá trị hợp lệ cho thuộc tính `[lang]` + 1ms của nó
Đánh giá trạng thái: Các thành phần hình ảnh có các thuộc tính `[alt]` + 1ms
Đánh giá trạng thái: “ phần tử có `[alt]` text + 1ms
Đánh giá trạng thái: Các phần tử biểu mẫu có nhãn liên quan + 0ms
Đánh giá trạng thái: Trình bày `

các phần tử `tránh sử dụng` `,` `hoặc thuộc tính` [Tóm tắt] `. + 1ms
Đánh giá trạng thái: Liên kết có tên rõ ràng + 1ms
Đánh giá trạng thái: Danh sách chỉ chứa `
  • `phần tử và phần tử hỗ trợ tập lệnh (` `và` `). + 1ms
    Đánh giá trạng thái: Liệt kê các mục (`
  • `) được chứa trong`
      `hoặc`
        `phần tử cha + 1ms
        Đánh giá trạng thái: Tài liệu không sử dụng “ + 0ms
        Đánh giá trạng thái: `[user-scaleable ="Không"] `không được sử dụng trong phần tử` `và thuộc tính` [scale-scale] `không nhỏ hơn 5. + 1ms
        Đánh giá trạng thái: “ phần tử có `[alt]` text + 1ms
        Đánh giá trạng thái: Không có phần tử nào có giá trị `[tabindex]` lớn hơn 0 + 1ms
        Đánh giá trạng thái: Các ô trong một `
  • Phần tử `sử dụng thuộc tính` [tiêu đề] `chỉ tham chiếu đến các ô khác của cùng bảng đó. + 1ms
    trạng thái Đánh giá: “ phần tử và phần tử với `[vai trò ="đại tá"/"người chèo thuyền"] `có các ô dữ liệu họ mô tả. + 0ms
    trạng thái Đánh giá: các thuộc tính `[lang]` có giá trị hợp lệ + 1ms
    Đánh giá trạng thái: Các phần tử “ chứa phần tử “ với `[kind ="chú thích"] `+ 1ms
    Đánh giá trạng thái: Các phần tử “ chứa phần tử “ với `[kind ="sự miêu tả"] `+ 1ms
    trạng thái Đánh giá: `[accesskey]` các giá trị là duy nhất + 1ms
    Đánh giá trạng thái: Điều khiển tùy chỉnh có nhãn liên quan + 0ms
    Đánh giá trạng thái: Điều khiển tùy chỉnh có vai trò ARIA + 1ms
    Đánh giá trạng thái: Tiêu điểm của người dùng không bị kẹt trong vùng + 0ms
    Đánh giá trạng thái: Điều khiển tương tác có thể tập trung vào bàn phím + 0ms
    Đánh giá trạng thái: Tiêu đề không bỏ qua các cấp + 0ms
    Đánh giá trạng thái: Các yếu tố tương tác cho biết mục đích và trạng thái của chúng + 1ms
    Đánh giá trạng thái: Trang có thứ tự tab logic + 0ms
    Đánh giá trạng thái: Trọng tâm của người dùng được hướng đến nội dung mới được thêm vào trang + 1ms
    Đánh giá trạng thái: Nội dung ngoài màn hình bị ẩn khỏi công nghệ hỗ trợ + 0ms
    Đánh giá trạng thái: Các yếu tố mốc HTML5 được sử dụng để cải thiện điều hướng + 0ms
    trạng thái Đánh giá: Thứ tự trực quan trên trang theo thứ tự DOM + 0ms
    Đánh giá trạng thái: Sử dụng chính sách bộ đệm hiệu quả trên tài sản tĩnh + 1ms
    Đánh giá trạng thái: Tránh tải trọng mạng khổng lồ + 3ms
    Đánh giá trạng thái: Trì hoãn hình ảnh ngoài màn hình + 1ms
    Đánh giá trạng thái: Loại bỏ tài nguyên chặn kết xuất + 12ms
    Đánh giá trạng thái: Giảm thiểu CSS + 28ms
    Đánh giá trạng thái: Giảm thiểu JavaScript + 64ms
    Đánh giá trạng thái: Trì hoãn CSS không sử dụng + 69ms
    Đánh giá trạng thái: Phục vụ hình ảnh ở định dạng thế hệ tiếp theo + 12ms
    Đánh giá trạng thái: Mã hóa hình ảnh hiệu quả + 11ms
    Đánh giá trạng thái: Cho phép nén văn bản + 6ms
    Đánh giá trạng thái: Kích thước hình ảnh phù hợp + 6ms
    Đánh giá trạng thái: Sử dụng định dạng video cho nội dung hoạt hình + 7ms
    Đánh giá trạng thái: Tránh Cache ứng dụng + 11ms
    Đánh giá trạng thái: Trang có loại tài liệu HTML + 0ms
    Đánh giá trạng thái: Tránh kích thước DOM quá mức + 1ms
    Đánh giá trạng thái: Liên kết đến các điểm đến có nguồn gốc an toàn + 2ms
    trạng thái Đánh giá: Tránh yêu cầu quyền định vị địa lý khi tải trang + 1ms
    Đánh giá trạng thái: Tránh `document.write ()` + 0ms
    Đánh giá trạng thái: Tránh các thư viện JavaScript mặt trước có lỗ hổng bảo mật đã biết + 0ms
    Đánh giá trạng thái: Đã phát hiện các thư viện JavaScript + 9ms
    Đánh giá trạng thái: Tránh yêu cầu quyền thông báo khi tải trang + 1ms
    Đánh giá trạng thái: Cho phép người dùng dán vào các trường mật khẩu + 0ms
    Đánh giá trạng thái: Sử dụng HTTP / 2 cho tài nguyên của chính nó + 0ms
    Đánh giá trạng thái: Sử dụng trình nghe thụ động để cải thiện hiệu suất cuộn + 1ms
    Đánh giá trạng thái: Tài liệu có mô tả meta + 0ms
    Đánh giá trạng thái: Trang có mã trạng thái HTTP thành công + 1ms
    Đánh giá trạng thái: Tài liệu sử dụng kích thước phông chữ dễ đọc + 5ms
    Đánh giá trạng thái: Liên kết có văn bản mô tả + 1ms
    trạng thái Đánh giá: Trang bị chặn không được lập chỉ mục + 1ms
    Đánh giá trạng thái: robot.txt hợp lệ + 2ms
    Đánh giá trạng thái: Tài liệu có `hreflang` + 1ms hợp lệ
    Đánh giá trạng thái: Tài liệu tránh các plugin + 1ms
    trạng thái Đánh giá: Tài liệu có `rel = canonical` + 0ms hợp lệ
    Đánh giá trạng thái: Trang thân thiện với thiết bị di động + 1ms
    Đánh giá trạng thái: Dữ liệu có cấu trúc hợp lệ + 0ms
    trạng thái Tạo kết quả … + 0ms
    ChromeLauncher Giết Chrome phiên bản 7098 + 59ms
    Đầu ra html của máy in được ghi vào /home/framan/geekflare.com_2019-01-20_19-29-35.report.html + 46ms
    CLI Protip: Chạy ngọn hải đăng với `–view` để mở ngay báo cáo HTML trong trình duyệt của bạn + 1ms

    Trong dòng cuối cùng thứ hai, bạn có thể thấy nó đã in đường dẫn nơi tôi có thể tìm thấy báo cáo. Theo mặc định, nó sẽ tạo một báo cáo ở định dạng HTML mà bạn có thể xem bằng cách tải xuống trên PC hoặc phục vụ nó thông qua một số máy chủ web.

    Nhưng, nếu bạn phải tạo một báo cáo trong JSON định dạng?

    Nó có thể làm được như sau.

    URL ngọn hải đăng – cờ-cờ ="–không đầu" –đầu ra json – đường dẫn URL.json

    Bằng cách sử dụng Ngọn hải đăng CLI, bạn có toàn quyền kiểm soát để sử dụng theo cách bạn muốn. Tôi rất muốn giới thiệu để kiểm tra Kho GitHub để tìm hiểu thêm về cách sử dụng CLI hoặc lập trình.

    Phần kết luận

    Google Ngọn hải đăng có vẻ là công cụ đầy hứa hẹn để thực hiện kiểm tra tính liên tục để cải thiện hiệu suất và khả năng sử dụng trang web. Nếu bạn đang sử dụng WordPress và muốn làm cho trang web của bạn tải nhanh hơn thì hãy xem Tên lửa.

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