Tối ưu Google PageSpeed insights 2020 cho WordPress

Xin chào các fen đã đến website Cam Ranh Media. Mình thấy nhiều bạn tìm kiếm cách tối ưu tốc độ load Google Pagespeed insights cho WordPress. Các bạn ạ, trên mạng tìm hiển thị rất nhiều cách hướng dẫn. Thực chất thì 3 cái plugin tào lao gây nặng thêm. Rồi còn 3 cái mã javascript gây lỗi nữa chứ.

=> Nói thẳng thì chả thằng nào nó chịu hướng dẫn cả. Chỉ đăng để có cớ cho các bạn không biết gì liên hệ để làm tiền

Tối ưu Google PageSpeed insights 2020 cho WordPress

1. Đôi lời mình muốn cho các bạn biết

Trong bài viết này, mình xin chia sẽ cách tối ưu nhanh chóng cực kỳ đơn giản ai cũng có thể tự tay làm được. 

Mấy bạn lưu ý khi lấy website mình đi test thử nhé! Vì kinh tế khó khăn 😥 nên hosting website này không được chất lượng cho lắm. Nên lúc 88, lúc thì 66, lúc thì 95. Nhưng chốt là mình đã tối ưu 99 nhé. Và mấy bạn cũng lưu ý khi dùng website wordpress. Website chỉ hoạt động cao nhất khi sử dụng Hosting SSD.

2. Công cụ bạn cần trước khi tối ưu PageSpeed

Mấy bạn chuẩn bị cho mình những thứ này trước nhé!

+ Google PageSpeed (Truy cập link //developers.google.com/speed/pagespeed/insights/)

+ Gtmetrix (Truy cập link //gtmetrix.com/)

=> 2 công cụ dùng đánh giá website bạn

+ Plugin Smush (Tối ưu hình ảnh và lazyloaded hình ảnh)

+ Plugin Lazy Load (Lazyloaded hình ảnh => Nếu chọn cái Smush thì không cận chọn cái này)

+ Plugin Gzip Compression (Nén tệp cho website)

+ Plugin LiteSpeed (Tạo bộ nhớ đệm cho website)

Plugin tối ưu website WordPress nhanh chóng đơn giản

Về Plugin Smush

Các bạn chú ý cho mình về phần viền đỏ dưới nhé. Vào setup tùy ý quan trọng Lazy Load nhớ kích hoạt nó lên cho mình. Có một số theme có hỗ trợ nên không cần thiết sử dụng plugin Lazy. Ví dụ theme flastsome. (Bạn nào cần mua theme flastsome full bản key bản quyền thì ib mình để giá rẻ cho.)

Về Plugin Lazy Load

Các bạn tích hết 3 mục đó rồi lưu lại là xong nhé!

Về Plugin Gzip Compression

Các tải về rồi kích hoạt nó lên là xong, giao diện đơn giản lắm nên mình up hình phần này. À…các bạn lưu ý khi kiểm tra tốc độ load website từ 2 cái link trên mình để. Nếu nó báo website của bạn đã được nén thì không cần plugin này đâu nhé!

Về Plugin LiteSpeed

Thấy nhiều trang chia sẻ nhiều plugin như WP Rocket, WP Fastest Cache, WP Super Cache, W3 Total Cache…v…v. Nhưng thật sự mình đã trải nghiệm qua thì theo đánh giá riêng của mình. Nó gây sung đột quá nhiều, ngoài ra còn gây nặng website thêm. Do đó, mình vẫn thích dùng LiteSpeed.

LiteSpeed Cache cho WordPress (LSCWP) là một plugin miễn phí tăng tốc tất cả trong một cho website của bạn, nó có thể tạo ra bộ nhớ cache ở cấp độ máy chủ và hàng loạt các tính năng tối ưu hóa khác.

LSCWP hỗ trợ WordPress Multisite và tương thích với hầu hết các plugin phổ biến, bao gồm WooCommerce, bbPress và Yoast SEO. Ngoài ra LiteSpeed Cache chỉ hoạt động tốt với các máy chủ sử dụng LiteSpeed làm Webserver và hỗ trợ LiteSpeed Cache.

Javascript thần thánh tối ưu PageSpeed Insights 2020 cho WordPress

Tăng tốc nhờ file .htaccess

Đoạn mã này giúp chuyển định dạng ảnh sang .Webp nhằm tăng tốc độ tải trang nhanh hơn.

Đoạn mã này khắc phục tình trạng bộ nhớ đệm. Các bạn nhớ đặt đoạn mã này đầu file giúp mình nhé. Có vậy nó mới có tác dụng.

Tăng tốc nhờ file functions.php

Các bạn truy cập vào thư mục themes và chọn mở file functions.php lên rồi copy đóng mã dưới đây dán vào.

Chú ý: Phần đầu tiên Trì hoãn javascript LV1. Đế biết được các mục nào gây ra lỗi tải chậm thì trước tiên các bạn copy đoạn mã này dán vào. Sau đó nhấn Ctrl + F5 để tải lại trang cho các mục đó hiển thị ra bên ngoài.

Sau khi xác định được các mục gây ra chậm thì các bạn copy và dán vào thay thế các mục trì hoãn javascipt lv1 của mình nhé! Sau khi làm xong thì xóa đoạn mã dưới luôn nha.

Xử lý css Fonts google đảm bảo vẫn hiển thị khi tải

Để loại bỏ Google fonts khỏi lỗi chặn hiển thị trong màn hình đầu tiên. Các bạn cần thêm vào file Header.php nằm ở theme gốc bạn đang sử dụng.

Xong rồi đấy giờ thì hãy kiểm tra lại và thấy điều bất ngờ nào.

Bạn cần biết về những thông tin này

Tại sao tốc độ website lại rất quan trọng?

Gomez gần đây đã thực hiện một nghiên cứu cho thấy rằng hơn một nửa số người dùng internet mong đợi một website được tải trong vòng 2 giây. Nếu lâu hơn thế, họ có thể bắt đầu chạm vào đồng hồ, cảm thấy thất vọng và nhấp thoát khỏi website để xem liệu một trong những đối thủ của bạn có cung cấp trải nghiệm với hiệu suất tải trang tốt hơn không.
Một nghiên cứu của Akami cho thấy, 
khoảng 3/4 người dùng website sẽ không quay lại nếu theo kinh nghiệm của họ, phải mất hơn bốn giây để tải trang.

Những nguyên nhân website wordpress chậm

Website WordPress bị chậm do nhiều nguyên nhân:
Cài quá nhiều plugin.
Hình ảnh chưa được tối ưu.
Sử dụng các plugin phiên bản cũ.
Sử dụng các Widget bên ngoài.
Lượng truy cập cao và quá nhiều dữ liệu.
Bị tấn công DDos/Botnet.
Sử dụng phiên bản WordPress quá thấp.
Theme chưa được tối ưu.

Cách nhận biết website WordPress đang tải chậm?

Kiểm tra tốc độ website của bạn thực sự khá đơn giản, đặc biệt là khi GTmetrix đã cung cấp công cụ trực tuyến miễn phí để cho phép bạn làm điều đó khá dễ dàng.

Lời kết

Nếu sau bài viết hướng dẫn tối ưu hóa Google Pagespeed Insights 2020 cho WordPress. Mình đã hướng dẫn các bạn dầy đủ các bước để tối ưu hóa cho trang web tăng điểm Google PageSpeed Ínights. Bạn nào chưa hiểu rõ vấn đề hay đã làm nhưng không được thì cứ mạnh dạng ib mình hướng dẫn.

Nguyễn Toàn

Cam Ranh Media's CEO. Đam mê công nghệ, WordPress và du lịch nữa.

Ý kiến bạn đọc

Đóng Menu