Bootstrap

Vũ Thành Lâm

Content - Code - SEO - MMO
17/10/1979
Tây Mỗ - Nam Từ Liêm - Hà Nội
thanhlam19792003

Lamvt – Vũ Thành Lâm – bắt đầu Code 2005 Freelancer từ 2006 với hàng ngàn dự án lớn nhỏ cho nước ngoài và hàng trăm dự án web cho Việt Nam.

SEO thành công rất nhiều dự án lớn, độ khó cao.
MOD (Moderator) và Admin (Administraror) của nhiều diễn đàn về SEO và CODE web MMO tại Việt Nam
Dạy Lập trình Thiết kế Web và SEO Miễn phí 17++ Năm (Từ 2006 đến Nay)

Hướng dẫn Tối ưu Tốc độ Website WordPress chuẩn GTmetrix

4.7/5 - (12 bình chọn)

Khi bạn dùng WordPress dưới dạng CMS hoặc nền tảng blog, kết hợp với rất nhiều plugin tuyệt vời có sẵn, bạn dễ dàng tạo ra một website đầy đủ tính năng như bạn mong muốn. Tuy nhiên, các plugin này có thể chèn thêm các file CSS JavaScript vào website của bạn, điều này có thể làm ảnh hưởng đến hiệu suất của website.

Sau đây, chúng tôi sẽ liệt kê một số plugin giúp bạn tối ưu hóa tốc độ load website theo GTmetrix.

Bước chuẩn bị: Bạn vào website https://gtmetrix.com/ để đánh giá hiệu suất website của bạn khi chưa tối ưu (hoặc bạn cũng có thể cài đặt và kích hoạt plugin GTmetrix for WordPress để đánh giá website).

Hướng dẫn Tối ưu Tốc độ Website WordPress chuẩn GTmetrix huong-dan-toi-uu-hoa-website-wordpress

Sau đó, bạn chỉ cần nhập đường link dẫn đến website của bạn vào ô bên trên và nhấn Analyze. Sau một vài giây chờ đợi, GTmetrix sẽ hiển thị một báo cáo về tình trạng website ở thời điểm hiện tại: những phần tốt và cả những phần cần cải thiện để đăng hiệu năng cho website. Và như vậy, bạn đã có cái nhìn tổng quan về website của bạn, trước khi bắt tay vào tối ưu cho website.

Xem thêm:

Contents

Bước 1: Cài đặt và kích hoạt plugin UpdraftPlus

Một điều đáng lưu ý là bạn phải sao lưu các cài đặt WordPress của mình trước khi tối ưu hóa (và bạn nên làm điều này thường xuyên). UpdraftPlus sẽ giúp bạn sao lưu toàn bộ các cài đặt WordPress một cách đơn giản và hiệu quả, bao gồm cơ sở dữ liệu, plugin, video tải lên.

Sao lưu cài đặt WordPress của bạn
Trong phần “Thiết lập” của thanh bên WordPress, bạn chọn UpdraftPlus Backup

Hướng dẫn Tối ưu Tốc độ Website WordPress chuẩn GTmetrix huong-dan-toi-uu-hoa-website-wordpress-01

Hướng dẫn Tối ưu Tốc độ Website WordPress chuẩn GTmetrix huong-dan-toi-uu-hoa-website-wordpress-02

Click “Backup Now” – UpdraftPlus sẽ tạo một bản sao lưu hoàn chỉnh cho các cài đặt WordPress của bạn. Nếu có bất kỳ điều gì xảy ra với việc tối ưu hóa hoặc nếu cài đặt của bạn bị tấn công – bạn có thể khôi phục bằng cách sử dụng bản sao lưu mà bạn vừa tạo

Bước 2: Tối ưu kích thước ảnh

Nếu trong báo cáo GTmetrix của bạn cho biết rằng bạn cần tối ưu hình ảnh, bạn có thể làm như sau:
Trong WordPress, bạn có thể chèn hình ảnh có kích thước nhỏ hơn dựa trên những kích thước ảnh có sẵn của WordPress.

Hướng dẫn Tối ưu Tốc độ Website WordPress chuẩn GTmetrix huong-dan-toi-uu-hoa-website-wordpress-03

Bước 3: Cài đặt và kích hoạt plugin WP Smush (để nén và tối ưu hóa hình ảnh)

Trong phần này, bạn hãy chọn tính năng ” Auto-Smush Images on upload “, WP Smush  sẽ tối ưu hóa mọi hình ảnh bạn tải lên kể từ khi bạn kích hoạt nó.

Hướng dẫn Tối ưu Tốc độ Website WordPress chuẩn GTmetrix huong-dan-toi-uu-hoa-website-wordpress-04

Tiếp theo, tối ưu hóa tất cả các hình ảnh trong Media Library của bạn bằng cách nhấp vào “Bulk Smush 50 File Attachments ” (Phiên bản miễn phí của plugin giới hạn 50 ảnh được tối ưu cùng một lúc nên nếu số lượng ảnh của bạn lớn hơn 50 thì bạn cần lặp lại thao tác này cho đến khi tối ưu hết tất cả các ảnh)

Hướng dẫn Tối ưu Tốc độ Website WordPress chuẩn GTmetrix huong-dan-toi-uu-hoa-website-wordpress-05

Bước 4: Cài đặt và kích hoạt plugin WP Fastest Cache

Trên thanh bên, bạn sẽ thấy một tùy chọn mới là WP Fastest Cache

Hướng dẫn Tối ưu Tốc độ Website WordPress chuẩn GTmetrix huong-dan-toi-uu-hoa-website-wordpress-06

Bật các cài đặt sau:

  • Cache System
  • Preload (Khi nhấp vào đây, bạn sẽ nhận được một cửa sổ bật lên cho bạn biết những trang nào cần lưu vào bộ nhớ cache, đánh dấu tất cả chúng và chọn 6 pages per minute. Sau đó là nhấn ok)
  • Logged-in Users
  • Minify HTML *.
  • Minify CSS *
  • Combine CSS.
  • Combine JS*.
  • Gzip
  • Browser Caching

Hướng dẫn Tối ưu Tốc độ Website WordPress chuẩn GTmetrix huong-dan-toi-uu-hoa-website-wordpress-07

Nhấp vào Submit khi bạn đã chọn tất cả những mục trên.

Một số điều cần lưu ý về Minification và Combining

Minification và Combining HTML/CSS/JavaScript có thể phá vỡ chức năng trong website của bạn. Minification về cơ bản thông qua các tập lệnh của bạn sẽ loại bỏ dữ liệu không liên quan như nhận xét, định dạng, khoảng trắng và những thứ khác mà máy tính không cần đọc. Combining là lấy nội dung của từng file script riêng lẻ và tổng hợp tất cả chúng thành một file script duy nhất.

Bởi vì các quy trình này đã làm thay đổi dữ liệu nên đôi khi chúng phá vỡ chức năng của website do lỗi cú pháp, tên hàm trùng lặp, v.v.

Đảm bảo kiểm tra chức năng website của bạn sau khi bật tính năng Minification và Combining. Nếu bạn thấy mọi thứ bị hỏng, hãy tắt tất cả các tính năng Minification và Combining và bật lại từng tính năng để tìm tính năng nào đang gây ra sự cố.

Nếu host của bạn hỗ trợ HTTP/2, bạn không cần sự kết hợp các script, vì giao thức HTTP/2 hỗ trợ ghép kênh – về cơ bản cho phép tải xuống nhiều lần bằng một kết nối TCP (chỉ với 6 kết nối song song trong HTTP 1.x).

  • Page Caching

Bất cứ khi nào bạn thực hiện các thay đổi lớn đối với website, như thêm plugin hoặc sửa đổi CSS / theme, bạn nên xóa bộ nhớ cache và tải lại để đảm bảo những thay đổi trên có ảnh hưởng đến website của bạn. Bạn có thể tìm tùy chọn để xóa bộ nhớ cache trong WP Fastest Cache trong tab “Xóa bộ nhớ cache”.

Bộ nhớ cache nhanh nhất của WP sẽ tự động tải lại bộ nhớ cache một lần nữa sau khi bạn xóa bộ nhớ cache. Nội dung mới như bài đăng hoặc trang không yêu cầu bạn xóa bộ nhớ cache.

Hướng dẫn Tối ưu Tốc độ Website WordPress chuẩn GTmetrix huong-dan-toi-uu-hoa-website-wordpress-08

Bước 5: Phân tích lại website của bạn

Phân tích lại website của bạn (thông qua GTmetrix.com hoặc với plugin GTmetrix for WordPress) và xem sự khác biệt về hiệu suất!

Bạn sẽ thấy các thay đổi trong các chỉ số sau:

  • Fully loaded time/Onload time: Tốc độ load website
  • Total Page Size:Kích thước website
  • Requests
  • PageSpeed/YSlow scores :Điểm số của PageSpeed/YSlow
  • Serve scaled images:  Xử lý các ảnh được chia tỷ lệ
  • Optimize images:  Tối ưu hóa hình ảnh
  • Leverage browser caching:  Tận dụng bộ nhớ đệm của trình duyệt
  • Minify CSS/HTML: Giảm bớt CSS / HTML
  • Enable gzip compression:  Bật tính năng nén gzip
  • Make fewer HTTP requests:  Thực hiện ít request HTTP hơn

Tóm lược

Sau khi thử nghiệm và kích hoạt nhiều plugin tương tự, chúng tôi nhận thấy rằng sự kết hợp của WP Fastest Cache, chia tỷ lệ hình ảnh và WP Smush giúp bạn cải thiện một cách hiệu quả và đơn giản cho hiệu suất website của bạn.

Tham khảo các bài viết liên quan:

 

Tin mới nhất

Dù bạn dùng phiên bản WordPress với lưu lượng truy cập cao hay một blog nhỏ trên máy chủ chia...

VR PLUS (https://vrplus.vn/ ) Là một trong những dự án do Lamvt thực hiện trong thời gian gần đây. Như...

Trong một năm qua, chúng tôi đã xuất bản khoảng 79 bài viết SEO trên blog Ahrefs. Các bài viết...

Khám phá kĩ thuật viết nội dung SEO Nếu không có SEO, nội dung của bạn có thể bị chìm...

Các website về lĩnh vực làm đẹp cần phải có một thiết kế (design) hấp dẫn và bắt mắt. Điều...

Tin được yêu thích

Như đã nói, phần mềm chỉnh sửa video đang ngày càng chứng tỏ được tầm quan trọng của mình, nhất...

Nhiều bạn thắc mắc là sau khi cài đặt Plugin cho Google AMP thì làm thế nào để kiểm tra,...

Các trang web giáo dục và các trang web của chính phủ có một lợi thế hơn trong bảng xếp...

Nội dung là một trong 3 tiêu chí quan trọng để google đánh giá thứ hạng tìm kiếm cho website...

Thẻ <span> </span> Thẻ <span> là thẻ khá đặc biệt trong HTML, theo mặc định thì thẻ <span> được thêm...

Khách đang xem

  1. Quảng cáo từ Google Adsense có nhiều loại khác nhau, tùy vào nhu cầu quảng cáo của từng đơn vị...
    6 giây trước
  2. Nếu bạn muốn phát triển Website, tăng lượt truy cập hoặc để Google đánh giá cao thì tối ưu nội...
    1 giây trước
  3. Nếu bạn còn đang băn khoăn rằng liệu trang web của mình có nguy cơ bị các hình thức cập...
    29 giây trước
  4. Liên kết nội bộ là yếu tố quan trọng nhất trong SEO đặc biệt cho tiếp thị nội dung. Vấn...
    15 giây trước
  5. >> Tìm hiểu cách tối ưu hóa chiến thuật tiếp thị công cụ tìm kiếm SEO và PPC để nâng...
    10 giây trước
  6. Khi nói đến SEO, chúng ta biết rằng việc xây dựng liên kết là một quá trình liên tục, nhưng...
    3 giây trước
  7. Tối ưu Website bằng SEO giúp nâng cao thứ hạng từ khóa, phân tích các chỉ số và dữ liệu...
    26 giây trước
  8. Bạn đang tìm một công ty thiết kế web chuyên nghiệp? Lamvt Group là địa chỉ chuyên về lĩnh vực...
    6 giây trước
  9. Hiện nay, có 2 chiến lược Marketing trực tuyến phổ biến nhất là SEO và PPC. Chúng có tác động theo những...
    4 giây trước
  10. Nếu bạn là người kiếm tiền bằng Blog, hoặc Website sử dụng Google Adsense là một trong những cách nhanh...
    24 giây trước