Tăng tốc website khi giảm tải JavaScript

JavaScript và Ajax có thể làm cho các trang web tải chậm hơn, đặc biệt là nếu bạn cần tải ngay lập tức. Hầu hết các kịch bản (scripts) không được sử dụng cho đến khi toàn bộ trang được tải xong, và nếu các scripts tải trước tiên sẽ làm các trang xuất hiện chậm hơn. 

 

Giảm tải Javascript để tăng tốc website

Những lời khuyên về cách sử dụng JavaScript sau đây sẽ giúp bạn tăng tốc độ tải scripts của bạn.
 

- Kết hợp các đoạn JavaScript bên ngoài: tốt nhất là chỉ có một tập tin(file) script bên ngoài chứa tất cả các đoạn script của bạn.

- Tạo Cache cho Ajax: thêm vào header thuộc tính expires hay cache-control cho nội dung Ajax.
 

- Giảm bớt JavaScript:  loại bỏ tất cả các khoảng trắng/trống (spaces) không cần thiết.
 

- Sử dụng phương thức GET cho những resquest từ Ajax: sử dụng yêu cầu POST cần hai bước, trong khi GET chỉ sử dụng một bước.
 

- Đặt Scripts cuối trang: nếu có thể, đặt những đoạn scripts của bạn ở cuối cùng trang web vì các scripts thường có thể ngăn chặn việc tải các yếu tố khác trên trang cho đến khi chúng được tải xong.
 

- Sử dụng Tài nguyên không đồng bộ (Asynchronous Resources):bằng cách viết scripts không đồng bộ, bạn đảm bảo rằng scripts không ngăn chặn các yếu tố khác trên trang tải cùng lúc.

Nguồn: Thiết kế web