Trên thế giới có hàng triệu trang web được truy cập mỗi ngày, có
rất nhiều trang web tối ưu kém gây ra nhiều vấn đề như load chậm, trình duyệt
không tương thích…
Theo một số nghiên cứu, nếu trang web của bạn chậm 1 giây:
+ Giảm 11% số lượng view.
+ Giảm 16% mức độ hài lòng của khách hàng.
+ Giảm 7% conversions(nguồn Aberdeen Group ).
Theo một số nghiên cứu, nếu trang web của bạn chậm 1 giây:
+ Giảm 11% số lượng view.
+ Giảm 16% mức độ hài lòng của khách hàng.
+ Giảm 7% conversions(nguồn Aberdeen Group ).
Theo đánh giá của Google tốc độ tải trang dưới 3
giây sẽ giúp website được xếp hạng cao hơn khi tìm kiếm.
Tốc độ tải trang cũng quan trọng đối với trải nghiệm người dùng :
+ 40% khách hàng mong đợi một trang web tải trong 2 giây hoặc ít hơn.
+ 47 % khách hàng rời bỏ một trang web phải mất đến hơn 3 giây để tải
+ 51% người dùng từ bỏ việc mua hàng trực tuyến vì tốc độ tải trang web quá chậm và họ không muốn phải chờ đợi.(Nguồn: Radware).
Tốc độ tải trang cũng quan trọng đối với trải nghiệm người dùng :
+ 40% khách hàng mong đợi một trang web tải trong 2 giây hoặc ít hơn.
+ 47 % khách hàng rời bỏ một trang web phải mất đến hơn 3 giây để tải
+ 51% người dùng từ bỏ việc mua hàng trực tuyến vì tốc độ tải trang web quá chậm và họ không muốn phải chờ đợi.(Nguồn: Radware).
Và cứ mỗi 0,1 giây load web chậm mất 1% doanh
thu.
Vì vậy, việc tăng tốc độ load trang web rất quan trọng. Sau đây là các cách để tăng tốc độ website với việc cải thiện frontend.
Vì vậy, việc tăng tốc độ load trang web rất quan trọng. Sau đây là các cách để tăng tốc độ website với việc cải thiện frontend.
Giảm thiểu Request.
Một trang web trung bình tạo ra 93 Request để hiển thị trang (bao gồm file CSS, JS,webfonts, image …).
Vậy nên ta phải giảm thiểu yêu cầu HTTP bằng cách
+ Biên dịch hoặc ghép các CSS và JS vào một tập tin.
+ Giảm các thành phần trang web.
Một trang web trung bình tạo ra 93 Request để hiển thị trang (bao gồm file CSS, JS,webfonts, image …).
Vậy nên ta phải giảm thiểu yêu cầu HTTP bằng cách
+ Biên dịch hoặc ghép các CSS và JS vào một tập tin.
+ Giảm các thành phần trang web.
Nén/ Tối ưu hóa dữ liệu
Một trang web bình thường có kích thước trung bình là 1.950kb, trong đó:
+ Images : 1.249kb
+ HTML : 58kb.
+ CSS : 60kb.
+ JS : 303kb.
+ Fonts: 87kb.
+ Flash: 67kb.
+ Các thành phần khác :126kb.
Dựa và những thông số trên ta tham khảo và so sánh để nén chúng lại bằng cách sử dụng tool có tên Gzip.
CSS và Javascript
Việc giảm thiểu CSS và Javascript có thể giảm đáng kể kích thước file.
Việc giảm thiểu CSS và Javascript có thể giảm đáng kể kích thước file.
Hình ảnh
Images chiếm một phần lớn trang web, có các cách để tối ưu images:
+ Giảm kích thước ảnh
+ Sử dụng CSS thay vì hình ảnh khi có thể.
+ Nên sử dụng định dạng ảnh JPG.
Chúng ta thường sử dụng external để giảm kích thước code và sự trùng lặp.
VD : <linkrel=”stylesheet”type=”text/css”media=”all”href=http://yourURL/style.css>
Khi thiết lập style của HTML , chỉ nên sử dụng một external CSS vì càng nhiều external CSS sẽ làm tăng số lượng Request sử dụng.
Giảm số lượng các chuyển hướng
Các chuyển hướng tạo thêm các HTTP Request làm tăng thời gian load vì vậy ta nên hạn chế chúng.
Kết luận
Việc tăng tốc độ load trang web ảnh hưởng đến người dùng cũng như hiệu quả kinh doanh. Việc cải thiện không chỉ Backend mà cả Frontend. Trên đây là một số cách cải thiện hiệu suất trang web, hi vọng giúp các bạn biết thêm một số kĩ thuật tăng hiệu quả trang web của mình.
0 Comments:
Post a Comment