Thương mại điện tử
Dựng lại website bán hàng chậm gấp bốn lần đối thủ
Website cũ mất hơn tám giây để hiện nội dung chính trên mạng di động. Tôi dựng lại từ đầu và giữ nguyên toàn bộ đường dẫn cũ.
Thời gian hiện nội dung chính còn 1,4 giây
- Khách hàng
- Khách hàng yêu cầu không nêu tên
- Thời gian
- 3 tháng
- Hình thức
- Giá cố định
Bối cảnh
Trang danh mục mất hơn tám giây để hiện nội dung chính trên mạng 4G. Ảnh sản phẩm tải nguyên bản 3000 pixel rồi để trình duyệt thu nhỏ, và mỗi trang gọi mười bảy tệp JavaScript riêng lẻ.
Chủ shop đã trả tiền cho hai đơn vị trước để "tối ưu tốc độ". Cả hai đều cài thêm plugin bộ nhớ đệm lên trên vấn đề thay vì sửa vấn đề.
Giải pháp
Tôi đo trước khi sửa. Bản ghi hiệu năng cho thấy 71% thời gian chờ nằm ở ảnh, 22% ở JavaScript chặn hiển thị, phần còn lại ở máy chủ.
Dựng lại bằng kết xuất tĩnh, ảnh chuyển sang định dạng hiện đại và cắt đúng kích thước hiển thị. Giữ nguyên toàn bộ đường dẫn cũ và chuyển hướng 301 cho những đường dẫn buộc phải đổi, nên thứ hạng tìm kiếm không mất.
Phần nhập liệu chạy trên điện thoại, ngay tại chỗ phát sinh công việc. Người dùng thật của màn hình này đang đứng, đang bận và chỉ có một tay rảnh, nên nó chỉ có đúng những trường bắt buộc.
Kết quả
Thời gian hiện nội dung chính trên mạng 4G giảm từ hơn tám giây xuống 1,4 giây. Điểm Core Web Vitals của trang danh mục chuyển từ đỏ sang xanh.
Sau ba tháng, lưu lượng từ tìm kiếm tăng chứ không giảm, điều thường không xảy ra sau một lần dựng lại — vì không có đường dẫn nào bị mất.