CHƯƠNG 4: ĐẶC TẢ HỆ THỐNG
4.3 Các công cụ Digital marketing
4.3.1 Với công cụ Google PageSpeed Insights
Thiết bị di động Điểm tốc độ:
Hình 4.18.Phân tích điểm tốc độ của trang web trên thiết bị di động
(Nguồn:Kết quả nhóm tự tổng hợp) Từ hình trên có thể thấy điểm tốc của trang web https://tiemreply.wixsite.com/tiemreply của chúng tôi khi truy cập trên thiết bị di động đạt 22/100. Đây là số điểm ở mức yếu theo những tiêu chuẩn công cụ này đặt ra.
Hình 4.19.Dữ liệu thử nghiệm trên thiết bị di động
(Nguồn:Kết quả nhóm tự tổng hợp) Dữ liệu thử nghiệm: Theo phân tích của công cụ Google PageSpeed Insights thì:
- Hình ảnh có nội dung đầu tiên: 3.1 giây - Chỉ mục tốc độ: 8.1 giây
- Thời điểm tương tác: 8.9 giây
- Hình ảnh có ý nghĩa đầu tiên: 11.3 giây - CPU nhàn rỗi đầu tiên: 3.100 mili giây
- Thời gian chờ nhập thông tin theo ước tính 0 giây
Cơ hội:
Hình 4.20.Cơ hội
(Nguồn:Kết quả nhóm tự tổng hợp) - Giảm thời gian phản hồi ban đầu của máy chủ
Hình 4.21. Đề xuất giảm thời gian phản hồi
(Nguồn:Kết quả nhóm tự tổng hợp) Theo đề xuất của công cụ thì giữ cho máy chủ phản hồi trong thời gian ngắn đối với tài liệu chính vì tất cả các yêu cầu khác phụ thuộc vào thời gian đó.
Nên theo đó, trên trang web giữ cho máy chủ phản hồi trong thời gian ngắn để có thể tiết kiệm được 2.09 giây.
Hình 4.22. Đề xuất xóa JavaScript
(Nguồn:Kết quả nhóm tự tổng hợp) Theo đề xuất của công cụ nên xóa JavaScript không còn dùng nữa để giảm số byte dành cho hoạt động mạng. Điều đó sẽ giúp tiết kiệm 0.45 giây.
- Tải trước hình ảnh có Thời gian hiển thị nội dung lớn nhất:
Tải trước hình ảnh mà thành phần LCP (Thời gian hiển thị nội dung lớn nhất) sử dụng nhằm cải thiện thời gian LCP để tiết kiệm 0.3 giây.
Hình 4.23. Đề xuất tải trước hình ảnh
(Nguồn:Kết quả nhóm tự tổng hợp) - Xóa các mô-đun trùng lặp trong gói JavaScript
Xóa các mô-đun JavaScript lớn, trùng lặp khỏi gói để giảm số byte mà hoạt động mạng tiêu thụ một cách không cần thiết để tiết kiệm 0.27s
Hình 4.24.Đề xuất xóa các mô-dun
(Nguồn:Kết quả nhóm tự tổng hợp)
Chuẩn đoán:
Hình 4.25.Chẩn đoán trang web trên thiết bị di động
(Nguồn:Kết quả nhóm tự tổng hợp) - Đảm bảo văn bản vẫn hiển thị trong khi tải phông chữ web: Sử dụng tính năng Biểu định kiểu xếp chồng (CSS) hiển thị phông chữ để đảm bảo văn bản hiển thị với người dùng khi phông chữ web đang tải.
- Giảm mức ảnh hưởng của mã bên thứ ba: Mã của bên thứ ba có thể tác động đáng kể đến hiệu suất tải. Hạn chế số nhà cung cấp bên thứ ba dư thừa và cố gắng tải mã của bên thứ ba sau khi trang hoàn thành phần lớn quá trình tải.
- Giảm thiểu công việc theo chuỗi chính - Giảm thời gian thực thi JavaScript
- Phân phối các nội dung tĩnh bằng chính sách bộ nhớ đệm hiệu quả
- Tránh tạo chuỗi các yêu cầu quan trọng: Các Chuỗi yêu cầu quan trọng dưới đây cho bạn biết những tài nguyên có mức độ ưu tiên cao sẽ được tải.
Cân nhắc giảm độ dài chuỗi, giảm kích thước tài nguyên tải xuống hoặc trì hoãn tải xuống các tài nguyên không cần thiết để cải thiện tốc độ tải trang.
- Các thời điểm cụ thể và khoảng thời gian được ghi lại bằng API Thời gian người dùng
- Giảm số lượng yêu cầu và chuyển những tài nguyên có kích thước nhỏ
- Thành phần Thời gian hiển thị nội dung lớn nhất
- Tránh các thay đổi lớn về bố cục: Những thành phần DOM này đóng góp nhiều nhất vào Điểm số tổng hợp về mức thay đổi bố cục (CLS) của trang.
- Tránh những việc cần nhiều thời gian thực hiện trong chuỗi chính.
Số lần kiểm tra đạt yêu cầu
Hình 4.26. Số lần kiểm tra đạt yêu cầu trên thiết bị di động
(Nguồn:Kết quả nhóm tự tổng hợp)
Trên máy tính để bàn Điểm tốc độ:
Hình 4.26. Điểm tốc độ của trang web khi truy cập trên máy tính
(Nguồn:Kết quả nhóm tự tổng hợp) Điểm tốc độ: Từ hình trên có thể thấy điểm tốc của trang web https://tiemreply.wixsite.com/tiemreply của chúng tôi khi truy cập trên máy tính đạt 89/100. Đây là số điểm ở mức trung bình theo những tiêu chuẩn công cụ này đặt ra.
Dữ liệu thử nghiệm
Hình 4.27. Dữ liệu thử nghiệm khi truy cập trên máy tính
(Nguồn:Kết quả nhóm tự tổng hợp) Dữ liệu thử nghiệm: Theo phân tích của công cụ Google PageSpeed
- Hình ảnh có nội dung đầu tiên: 0.7 giây - Chỉ mục tốc độ: 1.9 giây
- Thời điểm tương tác: 1.5 giây
- Hình ảnh có ý nghĩa đầu tiên: 1.6 giây - CPU nhàn rỗi đầu tiên: 0 mili giây
- Thời gian chờ nhập thông tin theo ước tính 0 giây Cơ hội:
Nguồn: Tự tổng hợp Hình 4.28. Cơ hội của trang web khi truy cập trên máy tính
- Giảm thời gian phản hồi ban đầu của máy chủ
Hình 4.29. Đề xuất giảm thời gian phản hồi
(Nguồn:Kết quả nhóm tự tổng hợp) Theo đề xuất của công cụ, giữ cho máy chủ phản hồi trong thời gian ngắn đối với tài liệu chính vì tất cả các yêu cầu khác phụ thuộc vào thời gian đó.
Theo đó, giữ cho máy chủ phản hồi trong thời gian ngắn sẽ giảm 2.12 giây.
Chuẩn đoán:
Hình 4.30. Chuẩn đoán của trang web khi truy cập trên máy tính
(Nguồn:Kết quả nhóm tự tổng hợp) - Phân phối các nội dung tĩnh bằng chính sách bộ nhớ đệm hiệu quả - Tránh tạo chuỗi các yêu cầu quan trọng
- Các thời điểm cụ thể và khoảng thời gian được ghi lại bằng API Thời gian người dùng Giảm số lượng yêu cầu và chuyển những tài nguyên có kích thước nhỏ
- Thành phần Thời gian hiển thị nội dung lớn nhất - Tránh các thay đổi lớn về bố cục
- Tránh những việc cần nhiều thời gian thực hiện trong chuỗi chính
Số lần kiểm tra đạt yêu cầu:
Hình 4.31. Số lần kiểm tra đạt yêu cầu khi truy cập máy tính
(Nguồn:Kết quả nhóm tự tổng hợp) So với khi truy cập trên thiết bị di động, truy cập trên máy tính có 28 lần kiểm tra đạt yêu cầu.
Kết luận:Điểm tốc độ của trang web trên giao diện điện thoại đạt 22/100, trên giao diện máy tính đạt 89/100. Ở giao điện điện thoại yếu và máy tính thì trung bình.