Kiểm tra hiệu suất và chất lượng của bất kỳ trang web nào với ngọn hải đăng
Google luôn đi đầu trong thiết kế web hiện đại. Nó cung cấp rất nhiều công cụ từ Analytics đến DevTools với mục đích giúp mọi người tạo một trang web tốt hơn.
Gần đây, nó đã xuất bản một công cụ tiện dụng khác gọi là Ngọn hải đăng. Đây là một công cụ kiểm tra tự động miễn phí chạy trên nền của Chrome. Nó hoạt động giống như một kiểm toán trang web nhỏ trong đó nó sẽ kiểm tra hiệu suất, tốc độ, khả năng truy cập và tuân thủ các thực tiễn tốt nhất về ngữ nghĩa của trang web.
Phần mở rộng ngọn hải đăng là được tạo chủ yếu cho các ứng dụng web lũy tiến. Đây là những ứng dụng web nói chung chạy trong trình duyệt và hoạt động như các ứng dụng gốc, nhưng hoạt động như các trang web thông thường.
PWAs là một phần rất lớn của dự án Ngọn hải đăng. Nhưng mục tiêu của Ngọn hải đăng là giúp đỡ tất cả các nhà phát triển web kiểm tra chất lượng trang của họ.
Điều này có thể bao gồm kiểm tra lỗi HTML / CSS hoặc tìm kiếm các dòng mã trùng lặp. Ngọn hải đăng cũng xem xét hiệu suất web với các mẹo tối ưu hóa cho hình ảnh, kích thước tệp, yêu cầu HTTP và hơn thế nữa.
Tất cả các kết quả kiểm toán chính xuất hiện ngay bên trong DevTools của Chrome vì vậy bạn thậm chí không cần phải mở một cửa sổ mới để kiểm tra số liệu thống kê. Tất cả những gì bạn cần là một phiên bản Chrome đang chạy và một chút thời gian để sàng lọc các kết quả kiểm toán của Ngọn hải đăng.
Nói chung, điều này được chia thành bốn loại:
- Hiệu suất.
- Khả năng tiếp cận.
- Thực hành tốt nhất.
- Thuộc tính Webapp lũy tiến.
Mỗi danh mục được chia nhỏ thành các thuộc tính nhỏ hơn với các đề xuất cải tiến UX.
Tại nhấn vào nút bạn có thể kéo kết quả kiểm toán điều đó sẽ giúp bạn cải thiện triệt để hiệu suất trang web, tốc độ, khả năng sử dụng và gần như mọi số liệu Google quan tâm.
Nếu bạn muốn tìm hiểu thêm về lướt qua trang chính và đọc nhiều tính năng của Ngọn hải đăng.
Bạn cũng có thể xem bản trình bày này từ Google I / O 2017, lần đầu tiên giới thiệu Ngọn hải đăng cho cộng đồng nhà phát triển.
