tối ưu tốc độ wordpress đơn giản với autoptimize và bunny cdn

ngày trước mình từng thích sử dụng wp-rocket và cloudflare business, với mình combo wp-rocket + rocket-nginx + cloudflare business (railgun + argo + cookies bybass) là hoàn hảo cho nhu cầu một website woocomerce giá thấp.

với các blog thì mình cũng không muốn tối ưu nhiều, vì đơn giản là chỉ nên hạn chế plugin và chọn theme nào có tốc độ ổn, ngon là được. Nhưng nếu bạn cần thêm một chút tốc độ thì có thể suy nghĩ đến việc tối ưu html, css, js và đặt cdn vào.

autoptimize

plugin này miễn phí và lại rất đơn giản để tinh chỉnh, hiệu năng rất tốt, nếu không sẵn sàng chi tiền cho các premium cache plugin thì bạn có thể sử dụng plugin này kèm với một giải pháp server level cache như fast-cgi của nginx hay redis chẳng hạn.

các tab để tinh chỉnh rất trực quan, đơn giản là click những cái đủ hiểu, không dùng những từ ngữ phức tạp.

Autoptimize Cho WordPress 2
Oử trang chính của plugin mình chọn hết, không cần phải chỉnh chế độ advanced, ở mục cdn bạn có thể bỏ link cdn vào nếu có.

Trong phần advanced có thêm mấy tinh chỉnh, tuy nhiên nó bắt đầu phức tạp, với người dùng bình thường bạn chỉ cần đơn giản chọn hết 3 option đó là xong, mình đã cài autoptimize trên khoảng hơn 10 blog thì chưa thấy xung đột gì, rất nhanh chóng và hiệu quả.

Autoptimize Cho WordPress 3
nên chọn lazy-load cho hình ảnh, giảm khá nhiều request và nếu bạn có sở thích “đua” điểm benchmark thì cái này cũng thêm kha khá điểm về tốc độ.
Autoptimize Cho WordPress
mình dùng typekit của adobe nên tắt hẳn google fonts cho nhẹ, đánh dấu luôn 2 cái kia là đủ nhanh.

Nhiêu đó thôi là đủ để cho bạn thấy được sự cải thiện tốc độ cho blog của mình, mình không dùng pingdom để test, vì những cái này rất cơ bản, bạn có thể tự cài đặt và cảm nhận cho riêng mình.

Bunny cdn

mình đã từng dùng qua khá nhiều dịch vụ cdn (Content delivery network) từ giá rẻ cho đến cao cấp, thì sau này mình dùng bunny cdn cho blog của mình vì nó đáp ứng khá là đầy đủ các yếu tố mà mình cần:

  • TTFB thấp hơn cloudflare, hiển nhiên rồi, vì nó không phải là proxy cdn như cloudflare
  • hỗ trợ cookieless, cloudflare không hỗ trợ
  • gần đây có tối ưu hình ảnh và js,css, cloudflare cần phải có gói pro mới có tính năng mirage & polish (gói này giá là $20/tháng)
  • giá rẻ, sử dụng bao nhiêu tính bao nhiêu (pay as you go)
  • có location ở singapore, tốc độ truy cập của việt nam qua singapore khá tốt, ping ngay tại thời điểm mình viết bài dưới 100 ms, khá ổn với mình, về cái này thì bunny cdn thua cloudflare, vì cloudflare nếu mình không nhầm thì họ có server tại việt nam tại hồ chí minh lẫn cả hà nội nên dns lẫn cdn sẽ nhanh hơn ở việt nam một chút
Sử Dụng Bunny Cdn Cho WordPress
hiện tại thì bunny cdn chưa có máy chủ tại việt nam

về tính năng thì họ cung cấp cho chúng ta rất nhiều, ngày xưa mình từng rất ưng ý với key-cdn và có nghe nói họ cũng sắp mở tính năng tối ưu hoá hình ảnh trên cdn, nhưng phải nói là bunny cdn có nhiều tính năng hơn, mình test thì thấy bunny cdn nhanh hơn.

Tính Năng Của Bunny Cdn
qúa chừng tính năng có vẻ hứa hẹn, cuối cùng chúng ta chỉ cần let’s encrypt cho subdomain và tự nén asset là ngon, còn lại mấy cái kia thì hình như ông cung cấp cdn nào cũng có

trên blog manhhung.me thì mình không dùng cdn trực tiếp lên website mà mình dùng cdn để phục vụ cho google cloud storage, cái này thì bài tới mình sẽ viết chi tiết hơn việc offload thư mục media (uploads) của bạn lên google cloud storage rồi delivery bằng cdn sau.

phần tối ưu hơn thì mình không dùng cho blog, nói chung về một blog có traffic không cao thì phần cứng đã đủ đáp ứng, khi nào có nhiều traffic hơn thì chúng ta mới cần tối ưu thêm độ chịu tải của máy chủ, tối ưu các loại cache sau, nếu bạn có 1 blog wordpress và không có quá nhiều truy cập như vậy là quá dư dả, mình luôn bị một tật xấu đó là hay áp dụng những dịch vụ “quá đà” cho một cái blog, nhưng vì blog của mình là nơi mình test các dịch vụ mới nên cũng chấp nhận thôi, chứ càn nhanh chậm với mình không phải là vấn đề quá lớn, vài trăm mili giây không làm bạn mất người xem đâu.

Mình đính kèm thêm vài hình ảnh về tối ưu hình ảnh & asset của bunny cdn, đây là tính năng làm mình quyết định dùng nó thay vì cloudflare hay key-cdn, chưa kể không hiểu thuật toán cache của họ như thế nào nhưng tốt hơn hẳn 2 dịch vụ kia.

Tối ưu Hình ảnh Cho WordPress Bằng Bunny Cdn
Tự động làm tất cả, chỉ việc bật tắt là xong, nhưng có vẻ về sau tính phí $10 cũng khá là cao, ngoài ra các bạn nên xem thêm về tính năng manipulation của họ, rất độc dáo, chỉnh sửa hiệu ứng ảnh với API của họ luôn.
Tự động điều Chỉnh độ Phân Giải Hình ảnh Bằng Bunny Cdn
cá nhân mình rất lười nén ảnh và mình luôn để độ phân giải là 2048, chất lượng 60-80 khi xuất bằng photoshop, đây là một thói quen không tốt của mình, nên mình cần một dịch vụ làm phần còn lại và mình sẵn sàng chi trả cho việc đó, đặc biệt là có thể chọn được độ phân giải tối đa cho điện thoại, quá tuyệt vời.
Tự động Chèn Watermark Cho WordPress Bằng Bunny Cdn
cái watermark này theo mình thì không hữu dụng lắm, bởi họ vẫn có link gốc file ảnh của mình thôi, trừ khi bạn dùng cdn toàn trang thì may ra họ mới không lấy được ảnh gốc của bạn.