[Mẹo thiết kế web] Mẹo thiết kế website tối ưu thời gian tải trang

Thứ Tư, 21/10/2015, 13:44 GMT+7

Có thể bạn đã có một mẫu thiết kế website bán hàng đẹp và ấn tượng nhưng sẽ không có nhiều người dùng sử dụng website đó thường xuyên nếu thời gian tải trang chậm.

Một trọng những qui luật đầu tiên mà người thiết kế website chuyên nghiệp phải luôn luôn ghi nhớ đó là làm thế nào để website sau khi thiết kế có thời gian tải trang nhanh nhất có thể.

Một trọng những quy luật đầu tiên mà người thiết kế website chuyên nghiệp phải luôn luôn ghinhớ đó là làm thế nào để website sau khi thiết kế có thờigian tải trang nhanh nhất có thể.

1.Tối ưu hóa các hình ảnh

Chìa khóa đầu tiên và quantrọng nhất khi bạn muốn tăng tốcđộ tải trang của website là giảm thiểu hìnhảnh hình ảnh đến mức có thể

Đừng bao giờ để hìnhảnh chiếm hơn 80% nội dung website. Hãy thay thế những hình ảnh bằng những nộidung HTML đơn giản nếu được, bởi tốc độ tảitrang là một trong những yếu tố quan trọng nhất quyết định người dùng có quay lại website hay không

Thay đổi định dạng các tậptin ảnh có thể làm giảm đáng kể kích thước của ảnh, Bạn hãy tối ưu hóa dung lượng hình ảnh xuống nhỏnhất có thể.

Gif: Sử dụng tốt cho hình ảnh đơngiản ít màu sắc như logo, hiệu quả đối với những ảnh nén màu đặc và những ảnh có những vùngmàu lập lại

 JPEG: sử dụng tốt cho hình ảnh chitiết và nhiều màu sắc, để giữ lại độ màu rộng và độsáng rõ của những ảnh có tông màu liên tục

PNG: Dùng khi bạn cần hìnhảnh có chất lượng cao, hiệu quả đối với những ảnh nén màuđặc và giữ được chi tiết sắc nét.

Sử dụng ảnh nền nhỏ thay vì một ảnhnền lớn có thiết kế đồng dạng :  bạn có thể sửdụng một phần nhỏ và để ảnh nền lặp lại sẽ có kết quả tươngtự,tuy nhiên hình ảnh lại nhỏ hơn rất nhiều.

2. Nén và tối ưu hóa nội dung của bạn.

Nén nội dung trang web có tácđộng rất lớn vào việc giảm thời gian tải . Khi sử dụng phươngthức nén HTTP, tất cả dữ liệu trang web của bạn được gửi đi trong một tậptin nhỏ hơn thay vì nhiều tập tin khác nhau.

3. Sử dụng table một cách linh hoạt

Table được tải xuống khá nhanh vì đơngiản nó chỉ là những đoạn mã HTML. Bạn có thể sửdụng table ở trang chủ, thanh menu hoặc bất cứ nơi đâu bạn thích. Tuynhiên để thiết kế website chuẩn seo chúng ta không nên sửdụng nhiều table nó sẽ ảnhhưởng tới việc seo sau này.

4. Hãy sử dụng những Icon đơn giản

Thiết kế website với những biểutượng đơn giản thay vì những hình ảnh lớn, cồngkềnh sẽ giúp website của bạn không bị tải lâu

5.  Đặt các script ở dưới cùng

Nếu bạn thêm các script vào phần đầu của tậptin html nó sẽ chặn bất cứ cái gì ở phía dưới nó vào lúc tải trang. Điều này gây cảmgiác trang web tải chậm hơn. Để tránh tình trạng này tốtnhất bạn nên đặt các scritp sau thẻ đóng

6.  Giảm thiểu các yêu cầu HTTP

Để tăng tốc độ tải trang chúng ta cần giảmthiểu các yêu cầu mà một trang web cần phải cung cấp. Thiết kế website bán hàng để giảm yêucầu HTTP cho hình ảnh có thể sử dụng css sprites để kếthợp nhiều hình ảnh

7. Sử dụng  CSS

Một văn bản CSS là một kiểu CSS là một định dạng HTML có thể được tải xuống nhanhchóng và sử dụng lại được nhiều lần mà không phải địnhdạng lại kiểu văn bản đó thêm một lần nữa.

8. Đặt javascript và css trong file riêng biệt

Nếu javascript và css đặt trựctiếp trong tài liệu html, nó sẽ được tải xuống cùnglúc mỗi khi file html được yêu cầu sẽ làm tăng kíchthước file html. Hãy luôn đặt javascipt và css ở một file riêngbiệt để dễ dàng duy trì và cập nhật.

9. Đừng sử dụng nhiều ảnh động

Thiết kế website có nhiều Ảnhđộng làm website tải chậm và thường gây khóchịu cho người đọc vì vậy hãy hạn chế sử dụng nó.

10. Sử dụng flash rải rác

Flash đem lại những hiệuứng đẹp cho website nhưng việc sửdụng nhiều flash sẽ làm giảm tốc độ tải trang web vì các file flash thường có dunglượng lớn và các file flash này sẽ không hiểnthị được trên mobile.

11. Cache trang web của bạn

Với người website bán hàng chuẩn seo việc bạn phải làm nên sửdụng cache. Thay vì yêu cầu tải lại toànbộ trang web , trình duyệt chỉ cần lấy thôngtin trang web từ phiên bảntĩnh đã được cache trên máy người dùng.

12. Giảm 301 Redirects

Mỗi khi sủ dụng 301 Redirects nó buộc các trìnhduyệt chuyển hướng tới một URL mới làm tăng thời gian tảitrang. Vì vậy tránh sử dụng 301 Redirects nhưng trong thiết kế website chuẩn seo thì việc này lại có ích cho công việc seo

13. Kiểm tra lại tốc độ tải trang

Việc phân tích tốcđộ tải trang sẽ theo dõi được mức độ cải thiện tốc độ tải thiet ke website mỗi khi bạn có bất kì sửađổi nào. Có nhiều côngcụ miễn phí để kiểm tra mất bao lâu để tải thiết kế web của bạn như:

Pingdom: website dùng để kiểmtra tốc độ tải trang rất dễ sửdụng, bạn chỉ cần nhập tên website và bấm nút test.

Page speed: add-on của Firefox giúp đánhgiá hiệu suất trang web, ngoài ra còn cung cấp những lờikhuyên làm thế nào

Web Page Test :công cụ tuyệt vời khác cho bạn thấy tốcđộ và hiệu suất trang web trong những trìnhduyệt khác nhau.

Bạn đang cần thiết kê website bán hàng hãy liên hệ với chúng tôi để được hỗ trợ và tư vấn thiết kế website hiệu quả nhất!

Xem thêm: http://indecalgiare.vn/mua-sam-thong-minh.html

Xem thêm: http://tranthachcao.org/kinh-nghiem-nen-biet.html

Tags: website, thiết kế web, thiết kế website, mẹo thiết kế web, cách thiết kế web, bí quyết thiết kế web, thiết kế web đẹp, thiết kế website bán hàng, thiết kế website đồng dạng
ThietKeTrangWeb.vn / Mẹo thiết kế web
No avatar
Đăng bởi minhthien
Tham gia 04/03/2015
Cấp độ Administrator
Bài viết 112/112
Tags: website, thiết kế web, thiết kế website, mẹo thiết kế web, cách thiết kế web, bí quyết thiết kế web, thiết kế web đẹp, thiết kế website bán hàng, thiết kế website đồng dạng
ThietKeTrangWeb.vn / Mẹo thiết kế web