Hướng dẫn tối ưu Js, Css và Html để tăng hiệu suất cho WordPress

Vâng, trong bài viết ngày hôm nay tôi sẽ tiếp tục hướng dẫn cho các bạn mới bắt đầu sử dụng WordPress một cách để tối ưu hiệu suất tải trang và tăng tốc cho WordPress, việc này rất đơn giản và lại cực kỳ hiệu quả, đối với tôi thì tôi thường hay dùng công cụ của Pingdom tại địa chỉ https://tools.pingdom.com/ để kiểm tra khả năng tối ưu trang WordPress của mình. Trước khi bắt đầu vào việc tối ưu, tôi sẽ kiểm tra thang điểm hiện tại tại Pingdom trước nhằm để dễ so sánh việc trước và sau khi tối ưu nhé. OK đầu tiên tôi sẽ truy cập vào https://tools.pingdom.com/ và nhập địa chỉ website vào để bắt đầu:

  • Kết quả khi chưa tối ưu, ok chỉ được hạng B với 82 điểm:

  • Bây giờ, tôi sẽ hướng dẫn bạn sử dụng một plugin, plugin này theo tôi là đối với người bắt đầu thì quá tuyệt vời bởi tính dễ sử dụng và cấu hình tương đối dễ dàng. Đó là Autoptimize, nào ta tiến hành cái đặt nó.
  • Đầu tiền bạn vào Gói mở rộng > Cài mới như mọi khi nhé:

  • Tại khung tìm kiếm trang cài đặt Plugin bạn nhập từ khóa Autoptimize để tìm và cài đặt cho nhanh nhé

  • Tiếp tục nhấp nút Cài đặt khi Plugin hiện ra và đừng quên kích hoạt ngay sau khi cài đặt thành công nhé:

  • Sau khi đã kích hoạt plugin thành công, tiếp theo bạn cần vào Cài đặt > Autoptimize để cấu hình plugin này

  • Tại trang Autoptimize Settings > thẻ Main bạn tick để chọn HTML Options, Javascript Options và CSS Options rồi nhấn nút Save Changes để lưu lại thiết lập:

  • Chuyển sang thẻ Extra bạn tick chọm Remove emojsRemove query strings from static resources và nhấn nút Save Changes để lưu lại thiết lập:

  • Ok, bây giờ mọi thiết lập cần thiết cho việc tối ưu hiệu suất và tăng tốc WordPress đã xong, tiếp theo bạn cần kiểm tra lại thang điểm hiệu suất sau khi đã sử dụng plugin nhé:
  • Oh, bây giờ website đã đặt được hạng A và đến 94 điểm rồi nhé. Việc tối ưu như vậy sẽ làm cho thuật toán google đánh giá cao website của bạn và sẽ rất có lợi cho SEO. Chúc bạn thành công.

Chia sẽ bài viết này: