Tăng tốc mua hàng trên eBay.com

eBay

Vài lời của người dịch: Tối ưu hóa trang thương mại điện tử khó khăn hơn các trang báo điện tử thông thường. Nguyên nhân ở chỗ trang thương mại điện tử có thể có nhiều tính năng đa dạng, đòi hỏi cá nhân hóa, bảo mật, cũng như yêu cầu tính động cao hơn so với trang báo điện tử vốn có thể cache tĩnh phần lớn nội dung. Một nguyên nhân khác khiến người ta phải cẩn trọng hơn: sai lầm khi tiến hành tối ưu hóa trên trang thương mại điện tử có thể phải trả cái giá rất lớn, nhưng điều ngược lại cũng đúng, lợi ích từ việc làm chuẩn cũng không hề nhỏ! Trong khi tất cả những người đọc bài viết này có lẽ đều không sở hữu gian hàng hoặc khối tài sản bằng 1/1000 eBay, nhưng khoảng cách đó không ngăn cấm chúng ta muốn có được cái nhìn tổng quan về các biện pháp cải tiến tốc độ mà đại gia trực tuyến này thực hiện, cũng như nhận được ít nhiều lợi ích từ hiểu biết đó. eBay thực hiện các cải tiến vừa sâu vừa rộng, đánh hầu khắp các mặt trận, cả của ứng dụng web, lẫn ứng dụng trên điện thoại di động nền iOS và Android. Triết lý cho các biện pháp này đều dễ hiểu, nhưng chúng ta cũng biết rằng, triển khai nó trên thực tế, và đi vào chi tiết mới là điều khó khăn, tốn nhiều công sức… OK, đã đến lúc bắt đầu.

Tối ưu hóa hiệu suất, tốc độ ứng dụng và website của eBay với mục tiêu đem đến trải nghiệm người dùng nhanh hơn.

Đọc thêmTăng tốc mua hàng trên eBay.com

Lợi và hại của việc sử dụng mã phổ biến từ bên thứ ba trong website WordPress

jQuery là một trong các file được nhiều website dùng nhất

Có một số mã phổ biến được nhiều website sử dụng, ví dụ:

Có nhiều thư viện dùng chung cho phép tải các mã này từ server của họ thay vì phải tải từ máy chủ của bạn (local host), ví dụ:

Như để nâng cấp thêm nhằm đem lại lợi ích tối đa, có một số CDN miễn phí như JetPack, jsDelivr, Statically.io còn bổ sung các CSS và JS từ những giao diện, plugin nằm trên WordPress.org nhằm giúp bạn đỡ phải host những file này.

Đọc thêmLợi và hại của việc sử dụng mã phổ biến từ bên thứ ba trong website WordPress

Một lý giải đơn giản về lazy load, và tại sao nó lại quan trọng đến thế trong tăng tốc Website

gấu lười biếng

Lazy loading là ý tưởng cốt lõi trong tăng tốc website, thường gắn nhiều với ảnh và video, tuy nhiên ứng dụng của nó nhiều hơn như thế. Nếu quen với các ứng dụng đánh giá tốc độ web, như Google PageSpeed Insights, bạn chắc hẳn là không lạ các khái niệm như:

Đọc thêmMột lý giải đơn giản về lazy load, và tại sao nó lại quan trọng đến thế trong tăng tốc Website

Thực hành tăng tốc WordPress theo hướng rẻ tiền và dễ triển khai

Cách đây khoảng 1 năm, tôi có viết chi tiết về cách tăng tốc WordPress trên trang Chim Cắt. Nó là bài viết đồ sộ với rất nhiều kỹ thuật có thể khiến bạn ngộp, nhất là với người mới. Trong bài viết này, tôi hướng đến cách tiếp cận vừa đơn giản hơn, vừa ít tốn kém. Dĩ nhiên nó không hoàn hảo, nhưng chắc chắn sẽ phù hợp với nhiều người.

Lăn tăn: Liệu các giải pháp rẻ tiền, miễn phí sẽ đi kèm với chất lượng kém?

Trả lời: Không, tôi khẳng định như vậy. Chắc chắn nó không tốt bằng các biện pháp trả phí nhưng rẻ tiền và miễn phí trong lĩnh vực công nghệ web rất ít khi đi kèm với chất lượng tệ hại nếu bạn biết lựa chọn. Lý do? Vì công nghệ web luôn cần người dùng miễn phí để tiếp cận phần lớn người dùng, và người làm công nghệ sống được là nhờ những người dùng miễn phí đó nâng cấp lên trả phí khi có nhu cầu và điều kiện. Máy tìm kiếm Google miễn phí, nền tảng WordPress miễn phí, máy chủ web Nginx và Apache hay OpenLiteSpeed cũng miễn phí. Tất cả đều có chất lượng cao.

Đọc thêmThực hành tăng tốc WordPress theo hướng rẻ tiền và dễ triển khai

Trích xuất CSS quan trọng (critical CSS)

tìm hiểu về citical CSS

Tóm tắt: học cách cải thiện thời gian hiển thị với các kỹ thuật critical CSS.

Trình duyệt phải tải và phân tích cú pháp (parse) các file CSS trước khi nó có thể hiển thị trang, điều này làm cho CSS là nguồn chặn hiển thị (render-blocking). Nếu các file CSS có kích thước lớn, hoặc điều kiện mạng chậm chạp (đứt cáp, kết nối trên di động yếu & không ổn định), các yêu cầu cho file CSS có thể làm gia tăng thời gian đáng kể việc hiển thị web.

Đọc thêmTrích xuất CSS quan trọng (critical CSS)

Critical CSS là gì, làm sao trích xuất critical CSS trong WordPress

CSS quan trọng trong WordPress

Hiểu về bản chất của CSS trong WordPress

Trước khi đi sâu hơn, chúng ta sẽ tìm hiểu cách CSS (thông thường) sẽ hoạt động như thế nào trong WordPress.

Mọi giao diện (theme) WordPress đều bao gồm một file style.css bao gồm tất cả các đoạn mã cần thiết để tạo style cho website của bạn. Nhà phát triển theme cần hỗ trợ tất cả các tính năng của WordPress bao gồm bài đăng blog, bình luận, trang sản phẩm, trang thành viên, form, vân vân. Các plugin khác mà bạn cài cũng có thể thêm các style css tương tự.

Điều này có khả năng làm file CSS phình to ra và có kích cỡ lên đến 200KB hoặc thậm chí còn cao hơn nữa.

Đọc thêmCritical CSS là gì, làm sao trích xuất critical CSS trong WordPress