Bằng cách xây dựng hệ thống kiểm tra và giám sát hiệu suất tự động, nhóm kiểm tra Tốc độ trang web của Lowe sẽ lấy các yêu cầu dựa trên ngân sách hiệu suất và ngăn sự hồi quy hiệu suất khi chuyển sang giai đoạn sản xuất.
Lowe's là một nhà bán lẻ đồ dùng sửa sang nhà cửa trị giá gần 90 tỷ USD. Họ vận hành khoảng 2.200 cửa hàng và tuyển dụng hơn 300.000 nhân viên. Bằng cách xây dựng một hệ thống kiểm tra và giám sát tự động nhằm ngăn chặn sự hồi quy hiệu suất từ khi triển khai sang giai đoạn chính thức, Nhóm tốc độ trang web của Lowe đã có thể cải thiện hiệu suất trang web, giúp đạt được thứ hạng trong số các trang web bán lẻ hàng đầu.
Vấn đề
Mục tiêu của Nhóm Tốc độ trang web là làm cho trang web của Lowe trở thành một trong những trang thương mại điện tử nhanh nhất về hiệu suất tải trang. Trước khi xây dựng hệ thống kiểm tra và giám sát tự động, các nhà phát triển trang web của Lowe không thể tự động đo lường hiệu suất trong môi trường trước khi phát hành công khai. Các công cụ hiện có chỉ tiến hành thử nghiệm trong môi trường phát hành chính thức. Do đó, các bản dựng kém hơn sẽ chuyển sang giai đoạn phát hành chính thức, tạo ra trải nghiệm không tốt cho người dùng. Những bản dựng kém chất lượng này sẽ vẫn còn trong phiên bản chính thức cho đến khi Nhóm tốc độ trang web phát hiện thấy chúng và được tác giả hoàn nguyên.
Giải pháp
Nhóm Tốc độ trang web đã sử dụng các công cụ nguồn mở để xây dựng hệ thống giám sát và kiểm tra hiệu suất tự động cho các môi trường trước khi sản xuất. Hệ thống sẽ đo lường hiệu suất của mọi yêu cầu lấy dữ liệu (PR) và chuyển PR từ giai đoạn vận chuyển đến giai đoạn phát hành chính thức nếu yêu cầu không đáp ứng ngân sách hiệu suất và tiêu chí chỉ số của Nhóm Tốc độ trang web. Hệ thống này cũng đo lường mức độ tuân thủ SEO và ADA.
Mức độ tác động
Từ mẫu gồm 1 nhóm trong hơn 16 tuần triển khai 102 bản dựng, hệ thống kiểm thử và giám sát hiệu suất tự động đã ngăn chặn việc 32 bản dựng có hiệu suất kém đi vào hoạt động chính thức.
Trước đây Nhóm Tốc độ trang web phải mất từ 3 đến 5 ngày để thông báo cho nhà phát triển rằng họ đã chuyển lỗi hồi quy hiệu suất vào phiên bản chính thức, thì giờ đây, hệ thống sẽ tự động thông báo cho nhà phát triển về các vấn đề về hiệu suất sau 5 phút kể từ khi gửi yêu cầu lấy dữ liệu trong môi trường tiền sản xuất.
Chất lượng mã đang cải thiện theo thời gian, khi được đo lường bằng thực tế là có ít yêu cầu lấy dữ liệu hơn bị gắn cờ do hồi quy hiệu suất. Nhóm Tốc độ trang web cũng đang từng bước thắt chặt ngân sách quản trị để liên tục cải thiện chất lượng trang web.
Nhìn chung, việc nắm rõ quyền sở hữu mã có vấn đề đã làm thay đổi văn hoá kỹ thuật. Thay vì từ chối những sửa đổi mang tính ứng phó vì không biết rõ ai thực sự gây ra vấn đề, nhóm này có thể chủ động tối ưu hoá nhờ quyền sở hữu đoạn mã có vấn đề có thể phân bổ khách quan.
Triển khai
Trọng tâm của ứng dụng Site Speed Manageance (SSG) là Lighthouse CI. Ứng dụng SSG sử dụng Lighthouse để xác thực và kiểm tra hiệu suất trang của mọi yêu cầu lấy dữ liệu.
Ứng dụng SSG khiến bản dựng không thành công nếu không đạt được ngân sách hiệu suất và mục tiêu chỉ số đã xác định của Nhóm Tốc độ trang web. Giải pháp này không chỉ thực thi hiệu suất tải, mà còn cả SEO, PWA và khả năng hỗ trợ tiếp cận. Tính năng này có thể báo cáo trạng thái ngay lập tức cho tác giả, người đánh giá và nhóm SRE. Bạn cũng có thể định cấu hình lớp này để bỏ qua các bước kiểm tra khi cần có ngoại lệ.
Quy trình quản lý tốc độ tự động (ASG)
Spinnaker
Điểm xuất phát. Một nhà phát triển hợp nhất đoạn mã của họ vào môi trường trước khi phát hành công khai.
- Triển khai môi trường tiền sản xuất bằng nội dung CDN.
- Kiểm tra xem đã triển khai thành công hay chưa.
- Chạy vùng chứa Docker để bắt đầu tạo ứng dụng ASG hoặc gửi thông báo (trong trường hợp triển khai không thành công).
Jenkins và Lighthouse
- Tạo ứng dụng ASG bằng Jenkins.
- Chạy một vùng chứa Docker tuỳ chỉnh đã cài đặt Chrome và Lighthouse.
Kéo
lighthouserc.jsontừ ứng dụng SSG và chạylhci autorun --collect-url=https://example.com.
Ứng dụng Jenkins và SSG
- Trích xuất
assertion-results.jsontừ lhci và so sánh với ngân sách được xác định trước trongbudgets.json. Lưu kết quả đầu ra dưới dạng tệp văn bản rồi tải tệp đó lên Nexus để so sánh sau này. - So sánh
assertion-results.jsonhiện tại với bản dựng thành công gần đây nhất (được tải xuống từ Nexus) và lưu dưới dạng tệp văn bản. - Tạo email HTML chứa thông tin về thành công hoặc không thành công.
- Gửi email đến các danh sách phân phối có liên quan với Jenkins.