Đọc thêm: Cách loại bỏ render chặn JavaScript
Tận dụng bộ nhớ cache của trình duyệt cho blogger bằng cách nào?
Để tận dụng bộ nhớ đệm trình duyệt chúng ta nên thiết lập các biến nội dung cho Cache-Control và ETag, để khi một người nào đó truy cập vào website này lần đầu tiên thì máy chủ web sẽ trả về một phản ứng có cung cấp các thông số Cache-Control và ETag mà chúng ta đã cài đặt cho nó. Các thông số này nói lên dữ liệu data trang web đã tải về được lưu trên bộ nhớ cache trình duyệt với thời gian bao lâu (một tuần, một tháng, hay một năm) và làm sao để nó khôi phục trở lại sau khi hết hạn lưu. Bây giờ hãy làm theo cách sau:
Đăng nhập vào blogger, vào phần Mẫu(Template) và chọn Chỉnh sửa HTML. Dán các câu lệnh tương ứng phía dưới vào sau thẻ <head>
Cache-control công cộng:
<meta http-equiv="Cache-control" content="public">
Cache-control nội dung:
<meta http-equiv="Content-Type" CONTENT="text/html; charset=ISO-2022-JP">
Cache-control Javascript:
<meta http-equiv="Content-Script-Type" CONTENT="text/javascript">
Cache-control CSS:
<meta http-equiv="Content-Style-Type" CONTENT="text/css">
Sau khi thêm vào các thẻ meta tương ứng, hệ thống blogger sẽ tự động tối ưu và chỉ định thời gian lưu cache của trình duyệt.
Ngoài các cách trên, hãy dán đoạn mã sau vào phía trên thẻ </head>
Ngoài các cách trên, hãy dán đoạn mã sau vào phía trên thẻ </head>
<include expiration = '8d' path = '/assets/**.css' /> <include expiration = '8d' path = '/assets/**.js' /> <include expiration = '5d' path = '/assets/**.gif' /> <include expiration = '5d' path = '/assets/**.jpeg' /> <include expiration = '5d' path = '/assets/**.jpg' /> <include expiration = '5d' path = '/assets/**.png' />
Đây là đoạn mã chỉ định thời gian lưu các tập tin ảnh, CSS, Javascript trên trình duyệt của người dùng, khi người dùng đó quay lại xem trang web một lần nữa thì các tập tin này đã có sẵn và không yêu cầu truy xuất dữ liệu từ máy chủ web.
No comments:
Post a Comment