Cách mình tối ưu tốc độ trang web

Cách làm của mình thì cũng tương tự như các anh em khác thôi. Mình cũng chỉ làm theo hướng dẫn của anh em thôi. Nhưng mình tóm lại những thứ đã làm cho web.

  1. Mình dùng thẳng VPS, theme flatsome.
    Nginx/1.17.3|Phiên bản PHP: 7.3.8| Flatsome beta 3.9

  2. Sử dụng brotli chứ không dùng Gzip.
    setting cho brotli: chọn mức nén 7.

  3. Nén ảnh trước khi up. Sử dụng ảnh Webp và jpg hạn chế ảnh png.
    https://wordpress.org/plugins/webp-express/
    image

  4. Disable google font.
    image

  5. Bật lazy load

Enable Preload pages

Enable lazy loading of banner and section backgrounds.

Enable lazy loading for images.

Disable loading of theme style.css.

Remove WP emoji scripts from front-end.

Remove default block library css coming from WordPress

  1. Mình dùng tổng 24 plugin xóa thẳng 13 cái giữ lại 11 cái cần thiết nhất.

  2. Cache
    Có rất nhiều plugin cache như: Litespeed cache VPS mình ko hỗ trợ Autoptimize , WP Rocket ,WP Fastest cache đã thử qua (được mod Nghĩa giúp) nhưng hiệu năng ko như ý muốn.
    Cuối cùng mình dùng plugin Swift Performance (được bạn Tùngweb chỉ)
    https://wordpress.org/plugins/swift-performance-lite/

Bản phí và miễn ko khác nhau nhiều mấy, mình khuyên free đủ dùng rồi. Dễ cài đặt dễ sử dụng.
Dashboard -> Setup Wizard --> Auto-configuration


bấm start

chon next vậy là xong rồi đấy, nó tự động tối ưu cho mình. Mình amater thấy đến đây là ngon rồi. Bạn nào rành thì vào advanced tinh chỉnh, chắc chắn sẽ tốt hơn.

các bạn tham khảo thêm các hướng dẫn khác tại đây nhé:


6 Likes

thank bác, ko biết plugin webp kia nó có hỗ trợ all server ko nhỉ, e đang dùng hawkhost
Thêm cái nữa là của em cứ lazy load là ảnh trắng sạch, ra kích thước toàn 1x1 px

bác thử dùng plugin free optimize. vừa lazy load, compress js css, và cả ném img lên cdn , chia ra webp cho trình duyệt hỗ trợ - bản premium ko biết thế nào nữa,

Cái brotli là thế nào Anh ơi, chưa hiểu cái này là plugins hay addOn của VPS thế ạ

Của VPS nhé bạn.