Sau thời gian nghiên cứu về hiệu suất của website, mình phát hiện một số phương pháp tối ưu nhất để các website có thể chạy nhanh hơn. Bài viết này đề cập hơn 30 cách chia làm 7 yếu tố khiến website của bạn chạy nhanh hơn. Cuối mỗi phương pháp, mình tạo ra các diễn đàn thảo luận. Sau khi đọc xong hãy thực hành và cùng thảo luận nhé!

Phần quan trọng nhất của website không có gì khác ngoài nội dung:

1. Giảm thiểu các HTTP Requests:

Khi bạn đợi một bức ảnh được tải về trên 1 trang web thì có nghĩa là trang web đó đang thực hiện 1 http requests.

80% là thời gian để phần front-end đáp ứng cho độc giả của nó . Hầu hết thời gian này, front-end cố gắng tải về tất cả các thành phần trên trang: hình ảnh, stylesheet, flash,… và nhiều thứ khác. Giảm số lượng các thành phần này lần lượt và làm giảm các yêu cầu làm cho front-end phải vẽ lại trang. Đây là chìa khóa giúp bạn làm website của bạn nhanh hơn, hoặc tăng thời gian đáp ứng với độc giả.

Một cách để giảm số lượng các http requests trên trang là nên thiết kế trang đơn giản và dành thời gian để phát triển nội dung trang web của bạn phong phú hơn. Dưới đây là những kỹ thuật giúp bạn tối ưu các http requests  nhưng vẫn đảm bảo thiết kế của bạn vẫn ấn tượng.

Kết hợp các tập tin là một cách để giảm số lượng các HTTP requests của việc kết hợp tất cả các tập lệnh thành một tập lệnh, và tương tự như khi kết hợp tất cả các file CSS vào một stylesheet. Kết hợp các tập tin có nhiều thách thức khi các script stylesheets và các thay đổi tuỳ theo mỗi trang để trang, nhưng việc này một phần của quá trình phát hành của bạn cải thiện thời gian phản ứng.

CSS Sprites là phương pháp được ưa thích giúp việc giảm số lượng các requests về hình ảnh. Kết hợp các hình ảnh nền của bạn thành một hình ảnh và sử dụng CSS background-image và background-position để hiển thị các hình ảnh như mong muốn.

Images Maps là bản đồ kết hợp nhiều hình ảnh thành một hình ảnh. Nhìn chung về kích thước là tương tự, nhưng việc giảm số lượng các HTTP requests giúp website bạn được cải thiên hơn về tốc độ. Xác định tọa độ của các bức ảnh được kết hợp sẽ giúp bạn giảm nhiều.