Code web ở client side bao gồm html, javascript và css. Vài mẹo nhỏ sẽ giúp nâng cao hiệu năng của web.
Tip 1: Luôn khai báo css ngay trước thẻ đóng của head </head> vì browser sẽ thực hiện các lệnh html ở trong thẻ này trước tiên. Bạn luôn muốn trang web của bạn khi được render trên browser đã có đầy đủ style.
Tip 2: Luôn khai báo javascript trước thẻ đóng của body </body> trừ một số trường hợp đặc biệt thì mới đặt javascript trước thẻ </head>. Lý do là vì javascript chỉ dùng để xử lý các sự kiện trên web page. Chỉ trừ các javascript dùng xử lý các sự kiện load page... cần được load trước khi thẻ <body> được đọc. Phần còn lại đều có thể delay cho đến khi nội dung của body được load hết. Điều này sẽ giúp cho người dùng không phải mất công đợi trình duyệt load thêm một đống javascript.
Tip 3: Luôn luôn đặt javascript và css vào trong file. Hạn chế viết javascript và css trực tiếp vào JSP, HTML. Mục đích của việc làm này là tận dụng khả năng cache của browser. Nếu để ý bạn sẽ thấy bất kỳ browser nào cũng tự động cache lại js, css file.
Tip 4: Sử dụng ảnh nén. Dạng ảnh nén là png
Tip 5: Sử dụng dạng nén cho các thư viện js và css
Tip 6: Nếu js và css của bạn được lấy xuống từ CDN - Content Delivery Network thì bạn cần sử dụng địa chỉ IP của CDN thay vì dùng địa chỉ domain. Điều này sẽ loại bỏ được quãng thời gian phân giải địa chỉ tên miền.
Tip 7: Loại bỏ tất cả die link trong ứng dụng
Tip 8: Hi vọng người dùng bật tính năng cache của trình duyệt để các thư viện js và css được tự động lưu vào cache :D
Tip 9: Thực hiện nén html trả về. Bất cứ browser nào hiện thời cũng đều hỗ trợ nén gzip cả.
Tip 9: Thực hiện nén html trả về. Bất cứ browser nào hiện thời cũng đều hỗ trợ nén gzip cả.
Sẽ bổ sung thêm dần...
Không có nhận xét nào:
Đăng nhận xét