Thư viện thuật ngữ / UI/UX

Performance là gì?

Còn gọi: hiệu năng và cảm nhận tốc độ

Performance trong UX là tốc độ và độ mượt của sản phẩm theo cảm nhận của người dùng, gồm thời gian tải, độ trễ phản hồi thao tác và độ ổn định của bố cục khi tải.

Hiểu kỹ hơn

Hiệu năng không chỉ là việc của lập trình viên. Quyết định thiết kế như ảnh nền dung lượng lớn, video tự chạy, nhiều font hay hiệu ứng nặng đều làm trang chậm. Google đo trải nghiệm tải trang bằng Core Web Vitals: LCP (thời gian hiện nội dung lớn nhất, tốt khi dưới 2,5 giây), INP (độ trễ phản hồi tương tác, tốt khi dưới 200 mili giây) và CLS (độ xô lệch bố cục, tốt khi dưới 0,1). Người thiết kế còn cải thiện tốc độ cảm nhận bằng skeleton screen, tải trễ ảnh ngoài màn hình, giữ sẵn kích thước khung ảnh để bố cục không nhảy. Ví dụ: trang sản phẩm thương mại điện tử hiện khung xám của ảnh và giá ngay, rồi ảnh mới tải dần. Lỗi thường gặp là thiết kế hero bằng ảnh PNG vài MB hoặc banner chèn muộn đẩy cả nội dung xuống đúng lúc người dùng định bấm.

Performance học viên ColorME làm