search

UEHMonQAQC / 24_901

24C1INF50901901 - QA&QC - S2 - 10/24
0 stars 0 forks source link

[Nhóm#10] - Lỗi Phi chức năng - Tối ưu hóa DOM và tài nguyên CSS - https://mohinhfigure.com/ #248

Open hnhngc opened 2 weeks ago

hnhngc commented 2 weeks ago

a. Web browser: Google chrome Version 116.0.5845.111 - Hệ điều hành: Windows 11 b. Các bước để phát hiện lỗi i. #1: Truy cập công cụ Google PageSpeed Insights hoặc Lighthouse trong DevTools của Chrome. ii. #2: Nhập URL của trang web https://mohinhfigure.com/ và nhấn nút “Analyze” để bắt đầu phân tích hiệu suất. iii. #3: Kiểm tra các chỉ số, đặc biệt là DOM size và CSS unused trong phần "Diagnostics". c. Kết quả thực tế Kích thước DOM quá lớn: Trang web có 2.982 phần tử DOM, làm cho quá trình duyệt trang trở nên chậm hơn và ảnh hưởng đến hiệu suất. CSS không sử dụng: Lượng 37 KiB CSS không sử dụng đang làm tăng thời gian tải trang và tiêu tốn tài nguyên không cần thiết.

Ảnh màn hình 2024-11-09 lúc 18 50 53

d. Kết quả mong đợi DOM size cần được giảm xuống dưới 2.000 phần tử để tăng tốc quá trình render trang. Loại bỏ CSS không sử dụng để giảm bớt dữ liệu cần tải và cải thiện hiệu suất tổng thể của trang web.

31221025597 commented 2 weeks ago

Thực ra thì cái này cũng còn tùy, trang web này lưu lượng truy cập trung bình tháng không cao lắm nên đây không phải lỗi nhé