Để tăng tốc độ tải của website
Tham khảo tại http://developer.yahoo.com/performance/rules.html
Thu gọn các HTTP Requests
80% thời gian mà người sử dụng cuối phải dành ra là chờ đợi các kết quả website trả về, chủ yếu là chờ đợi tải các thành phần hình ảnh, javascript, css… Vậy phải làm thế nào để giảm bớt các request này. Có các phương pháp sau:
kết hợp các file dữ liệu giúp giảm các request tới server
sử dụng css để định các ảnh muốn tải về
image maps
inline images
Sử dụng các mạng phân phối nội dung
Là sử dụng các mạng lưu trữ khác để giúp cho việc phân phối nội dụng trở nên nhanh hơn.
Sử dụng điều khiển cache ở header
Expires: Thu, 15 Apr 2010 20:00:00 GMT
Sử dụng thành phần nén nội dung gzip
Accept-Encoding: gzip, deflate
Content-Encoding: gzip
Vị trí đặt các thành phần trong HTML
Đặt các stylesheets ở đầu trang
Đặt các script ở cuối trang
Tránh các biểu thức CSS
Đặt css và javascipt ở bên ngoài (không nhúng vào html)
Giảm DNS Lookups
Làm nhỏ dung lượng các file css & javascript
Tránh các redirects
Xóa bỏ các đoạn script trùng lặp
Cấu hình ETags
Sử dụng ajax với khả năng cache nội dung
Sớm đẩy nội dung ra khỏi buffer
Sử dụng GET với ajax
Sử dụng thành phần Post-Load
Sử dụng thành phần Preload
Giảm số lượng các DOM
Tách các thành phần cùng domain
Hạn chế sử dụng iframe
Không xài 404s
Giảm kích thước cookie
Sử dụng các tên miền không cookie (cookie-free)
Giảm truy cập DOM
Phát triển các điều khiển sự kiện khôn khéo hơn
Sử dụng link thay vì @import (css)
Tránh Filter (css)
Tối giản các hình ảnh
Tối ưu hóa css
Không thay đổi khích thước ảnh mà bạn muốn
flavor.ico nhỏ và có khả năng được cache
Giữ các thành phần không quá 25k kích thước
Không show hết nội dung website mà chia thành các phần nhỏ hơn nếu có thể
