Sử dụng CDN để tối ưu hóa ảnh

ảnh cá đẹp

Nước xa không cứu được lửa gần, nên đôi khi phải bán anh em xa là vì vậy đấy ạ.

Tại sao bạn nên sử dụng CDN cho ảnh?

Mạng phân tán nội dung ảnh là giải pháp tuyệt vời để tối ưu hóa phân phối ảnh. Chuyển sang sử dụng CDN ảnh có thể đem đến khả năng tiết kiệm từ 40-80% về khía cạnh kích cỡ file ảnh. Trên lý thuyết, điều đó có thể đạt được chỉ cần nhờ vào việc xây dựng mã khéo léo, nhưng nó hiếm khi xảy ra trong thực tế.

Đọc thêmSử dụng CDN để tối ưu hóa ảnh

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

Nên sử dụng CDN có vị trí máy chủ ở Việt Nam + Prefetch để tăng tốc độ Website và hạn chế gián đoạn truy cập xảy ra không lường trước

sông núi Việt Nam

Tôi biết rất nhiều người vì các lý do khác nhau vẫn sử dụng hosting ở bên ngoài Việt Nam, thường là Singapore, Nhật, Hongkong hoặc xa thì Hoa Kỳ.

Đọc thêmNên sử dụng CDN có vị trí máy chủ ở Việt Nam + Prefetch để tăng tốc độ Website và hạn chế gián đoạn truy cập xảy ra không lường trước

Duy trì tính liền mạch và ổn định của Website sử dụng WordPress

dùy trì ổn định cho website WordPress

Website liền mạch và ổn định là một trong các yếu tố quan trọng nhất. Hosting có thể có cấu hình trung bình nhưng nó cần hoạt động ổn định, liên tục trong thời gian dài và phải hiếm khi gặp vấn đề gián đoạn.

Đọc thêmDuy trì tính liền mạch và ổn định của Website sử dụng WordPress

Giảm tải cho host yếu sử dụng WordPress thông qua CDN miễn phí

giảm tải host yếu

Host yếu (*) chỉ có một nguyên nhân: bạn không đủ tiền đầu tư để mua host mạnh hơn. Chuyện bình thường thôi, ai cũng có lúc khó khăn cả, hoặc đơn giản là bạn muốn tiết kiệm nhất có thể. Nếu vậy có cách nào duy trì ổn định website và giảm tải cho hosting không?

Đọc thêmGiảm tải cho host yếu sử dụng WordPress thông qua CDN miễn phí

Cài đặt CDN kiểu tiết kiệm khi thích hợp

tiết kiệm tiền CDN

CDN giúp tăng tốc độ website rất tốt nhờ việc giảm độ trễ đường truyền – vì máy chủ lưu trữ tài nguyên tĩnh gần người dùng hơn. Tuy nhiên trong một số trường hợp nhất định việc dùng CDN có thể hơi lãng phí nếu bạn không quá mạnh về kinh tế.

Đọc thêmCài đặt CDN kiểu tiết kiệm khi thích hợp

Các tính năng cải tiến đáng giá của Plugin Flying Images by WP Speed Matters

Flying Images by WP Speed Matters

Plugin Flying Images by WP Speed Matters mới nâng cấp lên phiên bản mới (cuối tháng 12 năm 2019) có nhiều tính năng thú vị. Bao gồm:

  • [Mới] – Dịch vụ CDN cho ảnh (miễn phí) thông qua Statically – tôi sẽ bàn kỹ về nó sau
  • [Mới] – Chuyển ảnh sang định dạng .webp giúp tối ưu hơn nữa dung lượng ảnh (với rất nhiều tiện lợi)
  • [Mới] – Vẫn nén ảnh miễn phí với các định dạng khác nếu cần
  • [Mới] – Cho phép lazy load cả ảnh background
  • [Cập nhật] – Ảnh co giãn theo màn hình (responsive / adaptive)
  • [Cập nhật] – Phương thức mặc định cho lazy load chuyển sang JavaScript (trước đây là Native + JavaScript). Tất nhiên bạn vẫn có khả năng chọn Native + JavaScript nếu muốn, và đây là lựa chọn tôi cho là tốt hơn
  • [Cập nhật] Giới hạn mặc định cách viewport để khởi động tải ảnh là 500px (trước đây là 200px)
  • [Cập nhật] Tùy chỉnh giới hạn cách viewport được nới rộng từ 0 đến 1000px (trước đây chỉ từ 0 đến 500px). Giới hạn tăng lên này sẽ giúp hạn chế bớt tình trạng ảnh bị load trễ, nhờ ảnh được load sớm hơn. Cá nhân tôi thường để tối đa, tức 1000px
  • [Cập nhật] Đổi tên plugin từ “Flying Images” thành “Flying Images by WP Speed Matters“, có lẽ để tác giả plugin tăng tính nhận diện thương hiệu riêng
  • [Cập nhật] Bổ sung thêm class “lazyloaded” vào ảnh khi lazy loaded (chỉ cho phương pháp lazy load dựa trên JS)
  • [Mới] – Tab các câu hỏi thường gặp (FAQ)
  • [Mới] – Tab hỗ trợ (Support Us)
  • [Mới] – Tab tối ưu thêm (Optimize More – giống kiểu plugin Autoptimize để tác giả plugin giới thiệu các dịch vụ tăng tốc khác và có thêm thu nhập)

Đọc thêmCác tính năng cải tiến đáng giá của Plugin Flying Images by WP Speed Matters

5 biện pháp tăng tốc WordPress có hiệu quả nhưng KHÔNG dễ triển khai

triển khai khó khăn

Tăng tốc WordPress là một tập hợp rất nhiều thứ cần làm. Kết hợp chúng với nhau khéo léo bạn sẽ có được trang WordPress có tốc độ tốt nhất có thể.

Tuy nhiên các biện pháp này không giống nhau, có những cái dễ triển khai hơn nhiều những cái còn lại. Bài viết này tập trung vào các biện pháp tuy có hiệu quả nhưng không hề dễ triển khai chút nào.

Đọc thêm5 biện pháp tăng tốc WordPress có hiệu quả nhưng KHÔNG dễ triển khai