Hướng dẫn cách tối ưu PageSpeed Insights trên Website Wordpress

admin

Administrator
Staff member
Hướng dẫn cách tối ưu PageSpeed Insights.

Ae có inbox hỏi mình về việc làm sao tối ưu hiệu suất cho Site >90 - 100.

Nhìn chung, không phải cái gì cao siêu lắm nên mình chia sẻ cho các ae. Dưới đây là các lưu ý của mình khi tối ưu cho site. (Website mình mới dựng thôi, chưa hoàn thiện 100%)



1) Máy chủ (VPS) :

• Mình đang sử dụng Amazon Web Service (AWS region Singapore) hoặc có thể dùng DigitalOcean. Nên dùng các máy chủ có hiệu suất Network (MBps global) và dùng ổ SSD để có chỉ số IOPS (Input Output Per Second, tốc độ đọc và ghi trên mỗi giây) cao để các dữ liệu được load ra nhanh nhất. Ví dụ : trước mình có dùng 1 con VPS của PAVietNam, hình như là gói SSD mà IOPS thì vãi nồi luôn, như HDD =)) cái này k nhớ chính xác là bao nhiêu.



2) Plugin mình dùng cho Wordpress:

• LiteSpeed Cache : Tạo cache cho site

• Autoptimize : Tối ưu site

• Yoast SEO Premium : Tối ưu SEO

• Elementor Pro : Thiết kế landingpage



Ae lưu ý, cực kỳ hạn chế dùng các Plugin, vì các Plugin nó sẽ load ra tùm lum các Lib dẫn tới ảnh hưởng hiệu suất.



3) Config cho Autoptimize (cái này tuỳ từng người và tuỳ từng code) còn với mình như sau :



• Tab [JS, CSS & HTML] :

• JavaScript Options : Check vào "Optimize JavaScript Code?", nếu code JS bạn ít có thể check vào tiếp "Aggregate JS-files? "

• CSS Options : Check vào "Optimize CSS Code?", "Aggregate CSS-files?

• HTML Options : Check vào "Optimize HTML Code?"

• Misc Options : Check cả 3 ô



• Tab [Images] : Check vào "Lazy-load images?"



• Tab [Extra] : Check vào "Remove emojis" và "Remove query strings from static resources"



4) Một số thủ thuật nhỏ:



• Luôn để Javascript xuống Footer.



• Kiểm soát được những thư viện JS và CSS của mình đang dùng, tối ưu nhất nó có thể. Cái nào không dùng thì xoá bớt để bớt được việc browser nó compile => tăng tốc.



• Hạn chế cài mấy cái Plugin của thằng Facebook. Nếu dùng thì ném hết xuống Footer hoặc cho nó load ra sau cùng (thằng này là nguyên nhân tụt hiệu suất của các Site khá nhiều)



• Với Trang chủ thì cố gắng tự code, không nên phụ thuộc vào các Plugin kéo thả (nó hay bind ra 1 loạt plugin kéo theo dẫn tới hiệu suất giảm). Như mình có dùng Elementor nhưng cũng không dùng nó ở trang Home. Trang Home mình tự code, để đảm bảo không load những thứ linh tinh, ngoài tầm kiểm soát của mình.



• Nếu có thể tự code được HTML / CSS là một lợi thế. Đối với các trang Landingpage mang tính Custom cao thì mình hoàn toàn tự ném code vào Page của Wordpress (code thêm 1 Editor để nhập được HTML không bị lỗi như Editor mặc định của Wordpress. Và cũng không dùng Elementor để giảm tải việc load các thư viện linh tinh ).



Trên đây là 1 số kinh nghiệm nhỏ của mình share cho anh em cùng tham khảo. Ae nào có cách hay hơn cứ share nhé :D

Nguồn: Tung Nguyen
 
Top