Performance budget (ngân sách dành cho hiệu suất) là gì?

performance budget là gì

Hiệu suất là một phần quan trọng trong trải nghiệm người dùng (user experience) và nó ảnh hưởng đến các chỉ số kinh doanh (business metrics) của bạn. Chỉ là tự sướng thôi khi nghĩ rằng nếu bạn là lập trình viên giỏi rồi thì tự nhiên bạn sẽ có được website hiệu suất tốt, nhưng sự thực thì hiệu suất tốt hiếm khi là hiệu ứng phụ (side effect). Như hầu hết các thứ khác-để đạt được mục tiêu thì bạn phải định nghĩa nó cho rõ ràng. Hãy bắt đầu hành trình này bằng cách thiết lập performance budget.

Đọc thêmPerformance budget (ngân sách dành cho hiệu suất) là gì?

Hướng dẫn sử dụng Algolia để thay thế công cụ tìm kiếm mặc định trong WordPress

công cụ tìm kiếm Algolia

Tôi vừa mới bật tính năng “Site search Tracking / Theo dõi tìm kiếm trên trang” trong Google Analytics để xem mọi người tìm kiếm những gì trên blog của tôi (trang WPSpeedMatters của tác giả gốc bài viết này).

Đọc thêmHướng dẫn sử dụng Algolia để thay thế công cụ tìm kiếm mặc định trong WordPress

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

công viên bỏ hoang

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 tải tập trung nào, các dịch vụ như CDNjs.com hay JSdelivr nổi lên chính vì lý do này.

Đọc thêmTrì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

Giới thiệu plugin WP2Static: Deploying (phần 3)

gửi thông báo hoàn tất

Thực hiện triển khai (deploying) là một phần của quá trình xử lý để giúp trang của bạn có khả năng truy cập công khai (exported). Phần lõi của plugin WP2Static tạo website tĩnh sẵn sàng cho việc triển khai. Các file đã được xử lý hậu kỳ (post-processed) được lưu trữ trên máy chủ của bạn tại thư mục /wp-content/uploads/wp2static-processed-site. Nếu bạn sử dụng các câu lệnh WP-CLI của chúng tôi, điều này sẽ thuận tiện khi triển khai hơn, bạn có thể sử dụng bất cứ công cụ dòng lệnh nào (command line tools). Để có nhiều tùy …

Đọc thêmGiới thiệu plugin WP2Static: Deploying (phần 3)

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

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 ưu hóa hiệu suất, tốc độ.

Đọc thêmTìm hiểu sâu về HTTP Caching

Đo đạc hiệu suất, tốc độ website bằng mô hình RAIL

mô hình RAIL

RAIL là mô hình hiệu suất, tốc độ trang lấy người dùng làm trung tâm (user-centric), mô hình này chia nhỏ trải nghiệm người dùng thành các hành động quan trọng (key action). Mục tiêu cũng như hướng dẫn của RAIL hướng đến là: giúp đỡ các nhà lập trình và người thiết kế đảm bảo được trải nghiệm của người dùng tốt nhất có thể cho từng hành động của họ (người dùng). Bằng cách xây dựng cấu trúc dựa trên tính toán kỹ lưỡng về hiệu suất, RAIL cho phép các nhà thiết kế và lập trình viên tạo ra các mục tiêu đáng tin cậy, đem lại ảnh hưởng cao nhất cho trải nghiệm người dùng (user experience).

Đọc thêmĐo đạc hiệu suất, tốc độ website bằng mô hình RAIL

HTTP Caching là gì?

giới thiệu HTTP caching

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

Đọc thêmHTTP Caching là gì?