Tận dụng cache trình duyệt: Kỹ thuật tăng tốc website đơn giản, hiệu quả

#1. Cache phía trình duyệt là gì? Trình duyệt lưu giữ các file tài nguyên của trang web trong bộ nhớ cục bộ của máy tính / thiết bị di động khi người dùng ghé thăm một trang web. “Tận dụng” bộ nhớ đệm của trình duyệt (browser cache) là khi người quản trị web đưa ra các hướng dẫn cụ thể cho trình duyệt biết nên xử lý các tài nguyên trên website của họ như thế nào. Khi một trình duyệt web hiển thị trang web của bạn, nó sẽ tải một số thứ như logo, file CSS …

Đọc thêm

HTTP Caching là gì?

Khi ai đó ghé thăm website, thì mọi thứ mà trang web cần dùng để hiển thị và hoạt động phải lấy từ một số nguồn nào đấy. Tất cả văn bản, ảnh, style CSS, JavaScript, và các file đa phương tiện phải được trình duyệt tải về để hiển thị hoặc thực thi. Bạn có thể thông báo cho trình duyệt lựa chọn nơi mà nó có thể lấy tài nguyên về, và điều ấy có thể tạo ra sự khác biệt lớn trong tốc độ tải trang của bạn. Khi lần đầu tiên trình duyệt tải một trang …

Đọc thêm

Trình duyệt Chrome thay đổi cách cache tài nguyên bên thứ ba, điều đó có thể làm chậm tốc độ website của bạn

Một lợi thế truyền thống của việc tải web font từ Google Fonts đó là bạn sẽ nhận được lợi ích tiềm năng từ chuyện nó đã được cache sẵn rồi trong trình duyệt của người dùng từ các trang web khác mà người dùng từng ghé thăm trước đây. Ý tưởng vẫn vậy cho bất kỳ nguồn tài nguyên nào tải theo phương thức tập trung, các dịch vụ như CDNjs.com hay JSdelivr nổi lên chính vì lý do này. Trình duyệt phổ biến nhất thế giới Chrome sẽ sớm thay đổi điều đó (mức độ phổ biến của …

Đọc thêm

Cách trình duyệt tải trang web về và hiển thị cho người dùng

Các bước diễn ra trong quá trình trang web hiển thị là gì? Yêu cầu được thực hiện khi ai đó click vào một liên kết. Trang và các tài nguyên (file) của nó được tải về. Trình duyệt sử dụng các tài nguyên của trang để xây dựng trang. Trang sau đó được hiển thị (render) cho người dùng. Mỗi cái trong từng bước trên có nhiều thành phần và chi tiết, nhưng bốn bước đó là những yếu tố chính diễn ra để hiển thị trang web cho người dùng. Bài viết này sẽ thảo luận từng cái …

Đọc thêm

Cải thiện tỷ lệ truy cập cache HTML bằng cách bỏ qua chuỗi truy vấn (query string)

Tôi sẽ tiết lộ bí mật rất quan trọng cho mọi người ngay bây giờ: Không phải vì trang của bạn có được điểm số cao nhất hoặc thời gian tải toàn trang nhanh nhất (trên các công cụ kiểm tra) thì điều đó đồng nghĩa với việc người dùng thực sự của bạn có được trang có tốc độ tốt nhất đâu nhé. Bạn sẽ phải thiết lập caching thông qua plugin cache hoặc các rule của Cloudflare page để cache các trang HTML. Nhưng bạn có chắc các trang đã được cache này sẽ được phân phối tới …

Đọc thêm

Tìm hiểu sâu về HTTP Caching

Tìm nạp tài nguyên qua mạng internet vừa chậm, vừa tốn kém. Các phản hồi nặng yêu cầu nhiều vòng lặp khứ hồi (roundtrips) giữa máy khách và máy chủ (server). Điều này làm khả năng hiện diện của chúng bị trì hoãn, và đồng thời làm trễ thời điểm trình duyệt có thể xử lý chúng. Nó cũng làm phát sinh chi phí dữ liệu (data cost) của người duyệt web. Hệ quả là, khả năng cache và tái sử dụng các tài nguyên đã được tìm nạp trước đó là một yếu tố quan trọng trong việc tối …

Đọc thêm