Để 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ể

Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s