Hướng dẫn tăng tốc website, tối ưu điểm Google PageSpeed Insight

Link tải plugin click here

1.CÀI ĐẶT VÀ TÙY CHỈNH THÔNG SỐ WP- ROCKET

Ở đây mình dùng Wp-Rocket phiên bản mới nhất 3.4.2. Sau khi cài đặt, các bạn tùy chỉnh thông số như hình dưới:

1.1 DASHBOARD

Chọn Rocket Tester nếu bạn muốn thử trải nghiệm những bản test của Rocket. Ở đây mình bật lên để trải nghiệm thử ^^. Bật Rocket Analytics để WP Rocket thu thập các thông số của website. Mình chọn tắt đi cho nhẹ bớt.

1.2 CACHE

Bật Seperate Cache Files for mobile trong trường hợp bạn không sử dụng Responsive , và có giao diện mobile riêng. Ở đây mình dùng Responsive nên không bật tính năng này.

1.3 FILE OPTIMIZATION

Ở đây mình bật toàn bộ tùy chọn. Có một số trường hợp khi bật toàn bộ tùy chọn sẽ bị lỗi bể giao diện, các bạn có thể tắt bớt tùy chọn Load Java Script Deferred và Combine Javascript nếu có trường hợp lỗi xảy ra.

1.4 MEDIA

Ở phần này mình cũng bật toàn bộ tùy chọn.

1.5 PRELOAD

Bật toàn bộ tùy chọn

1.6 DATABASE

Bật toàn bộ tùy chọn

1.7 CLOUD FLARE:

Ở đây mình dùng DNS của Clouflare, nên chỗ này sẽ setup thêm CDN Clouflare để tăng tốc độ tải trang. Các bạn vào ADD-ONS , bật ADD ONS Clouflare lên, sau đó điền các thông số API Key, Email , và ID Zone vào.

  • Để lấy thông số GLOBAL API , các bạn đăng nhập vào CloudFlare, ở goc phải chọn My Profile, sau đó chọn Tab Api Tokens, ở mục Global API Key , chọn View:
  • Để lấy thông số Zone ID, các bạn vào CloudFlare, vào domain cần Setup, chọn Tab Overview, và kéo xuống bên dưới sẽ thấy Zone ID

Như vậy là mình vừa Setup xong phần 1 – WP Rocket.

2. CÀI ĐẶT VÀ SỬ DỤNG EWWW Image Optimizer

Các bạn tìm và cài đặt plugin  EWWW Image Optimizer, sau đó vào Cài đặt – EWWW Image Optimizer để thiết lập các tùy chọn. Ở đây mình chỉ dùng 2 tùy chọn, đó là Advanced, cho chất lượng hình ảnh về 90% , và tùy chọn convert ảnh về WebP . Tùy theo từng yêu cầu cụ thể, các bạn có thể tham khảo thêm các chức năng Resize và Convert.

Sau khi thiết lập xong, các bạn vào Thư viên – Bulk Optimize , bật 2 tùy chọn lên và tiến hành Scan:

Chờ cho tiến trình chạy xong, ta sẽ có các hình ảnh được nén lại theo định dạng WebP. Các bạn có thể làm tiếp bước 3:

3.Chuyển các Script về cuối trang:

Các bạn vào file Functions.php của themes, và thêm vào đoạn code sau ở cuối FIle:

OKe như vậy là đã hoàn tất 3 bước.Lúc này bằng mắt thường, các bạn có thể thấy tốc độ tải trang của website đã cải thiện đáng kể. Các bạn tiến hành kiểm tra lại điểm Google PageSpeed Insight và GT Metrix để tận hưởng thành quả nhé ! Tùy từng thời điểm Test và tùy từng website mà số điểm này có thể xê dịch khác nhau. Theo cá nhân mình thì điểm GT Metrix phản ánh chính xác tốc độ website hơn là điểm Google Page Speed Insight .

vừa mua website