Cải thiện tốc độ tải trang web/app thông qua UX/UI
1. Tốc độ trang là gì?
Tốc độ trang là lượng thời gian cần thiết để tải một trang web/app. Tốc độ tải trang được xác định bởi một số yếu tố khác nhau, bao gồm máy chủ của trang web, kích thước tệp trang và nén hình ảnh.
2. Các cách cải thiện tốc độ tải trang thông qua UX/UI
Hạn chế các media nặng
Các media sẽ có nhiều dạng khác nhau như hình ảnh, video, ảnh gif, ảnh 3D...Dung lượng của các media này là yếu tố quan trọng nhất quyết định tốc độ tải trang.
Thay vì sử dụng các layout chứa các media kích thước lớn thì UI Designer hãy cố gắng thiết kế các layout sử dụng media đơn giản để website có thể tải trang nhanh chóng và mượt mà. Hơn nữa, việc đăng tải các thiết kế quá kích thước không phù hợp với web/app gây nặng trang dẫn đến quá trình tải trang chậm. Nên tối ưu nó bằng cách thiết kế nhỏ hơn với màn hình hay kích cỡ của web cũng như hãy nén lại trước khi đăng tải nó.
Ví dụ:
Layout chứa ảnh full màn hình -> layout chứa ảnh chiếm ½ màn
Layout chứa video -> layout chứa hình ảnh
Tái sử dụng layout
Layout có thể tái sử dụng lại nhiều lần. Khi sang đến trang mới thì số layout tăng lên nếu chúng ta cứ thay đổi layout cho từng trang khác nhau thì số layout phải tăng lên, layout càng nhiều thì dung lượng của website càng tăng.
Điều này dẫn đến quá tải trang thậm chí ảnh hưởng đến quá trình trải nghiệm người dùng.
Cách tối ưu là ta có thể tái sử dụng layout và thay đổi nội dung ở các trang để “gọn nhẹ hoá” web/app hoặc phần mềm.
Một số layout có thể tái sử dụng nhiều lần:
-
Contact form
-
Layout quy trình
-
Layout FAQ
-
Layout testimonial (cảm nhận, chia sẻ)
-
Bài viết liên quan
Hạn chế các hiệu ứng
Các hiệu ứng chuyển động có thể được hiểu là chuyển động về thay đổi hình,video, văn bản hoặc bố cục mà khách hàng có thể thấy khi tương tác với trang.
Có thể sử dụng hiệu ứng nhưng nên biết đủ vì hiệu ứng là yếu tố ảnh hưởng đến tốc độ tải trang, điều này làm chậm khả năng tải trang và quá trình sử dụng web/app của người dùng bị hạn chế và gây khó khăn. Ngoài ra, lạm dụng các hiệu ứng không chỉ tăng thời gian tải trang mà còn gây khó chịu cho người dùng.
Độ dài của trang phải hợp lý
Web/app không có quy định size bất kỳ nhưng không thể quá dài hay quá ngắn. Nhưng phải tính toán nội dung hợp lý với độ dài trang để tránh quá tải trang.
Độ dài trang quá lớn đồng nghĩa với nội dung quá nhiều, bị nhồi nhét, sử dụng quá nhiều hình ảnh, video thì độ dài trang càng dài chưa kể những hình ảnh, video đó quá nhiều sẽ gây quá tải, chật trang, làm chậm quá trình tải trang.
Bật bộ nhớ đệm
Bằng cách bật bộ nhớ đệm có thể giảm thời gian tải trang web cho những khách truy cập thường xuyên.
Nếu nền tảng sẽ được thiết lập để lưu trữ bộ nhớ đệm, một số thông tin từ trang web sẽ được lưu trữ trên ổ cứng của họ trong bộ nhớ đệm hoặc bộ nhớ tạm thời. Lần sau khi những người dùng này truy cập trang web, trình duyệt của họ sẽ tải một phần nội dung mà không gửi yêu cầu HTTP đến máy chủ.
Xem thêm: Thiết Kế Tối Ưu Cho Mobile-First: Xu Hướng Hay Bắt Buộc?