Plugin FlyingPress vừa tăng tốc website vừa tăng điểm Pagespeed

Mình đã mua dùng plugin FlyingPress được 1 năm, sau khi đọc được blog của anh Jonny Nguyen, 1 chuyên gia Wordpress thật thụ.

Đó là bài này

FlyingPress cache plugin – UNOFFICIAL GUIDE – UPDATED 2022

Johnny

1. Kết quả nhận được sau khi dùng FlyingPress

Mình đã dùng FlyingPress cho trang web cuahangnoithat.thing.vn như 1 lựa chọn cuối cùng, sau khi đã đi chung với WP Rocket nửa năm không hạnh phúc, và xen kẽ hẹn hò chóng vánh cùng Swift Performance, Hummingbird, Autoptimize…

Lúc mới mua FlyingPress, mình thấy nó như cô gái đỏng đảnh, đôi khi làm mình sướng, đôi khi làm hụt hẫng.

Ấy vậy mà sau mấy đợt update, website mình không còn lỗi vặt và chạy rất ổn định, giao diện không bị ảnh hưởng, thậm chí điểm số khi check Google Pagespeed cũng xanh lè.

FlyingPress như 1 ngôi sao mới nổi và đã trưởng thành sau 1 năm.

Cuahangnoithat.thing.vn là 1 trang web bán hàng dùng Woocommerce + Elementor. Chắc bạn cũng từng khổ sở khi tối ưu 1 trang web bán hàng mà phải không?

Bạn muốn thử?

2. FlyingPress đặc biệt ở điểm nào?

2.1. Nhanh thật sự í

Bạn có thể truy cập vào https://cuahangnoithat.thing.vn trên di động để kiểm chứng.

Cập nhật tạm thời: mình đang làm lại thẻ visa do hết hạn, chưa kịp gia hạn FlyingPress cho trang web trên.

Dĩ nhiên plugin cache chỉ là bước cuối cùng trong công cuộc tối ưu, trước đó mình đã:

• Sử dụng VPS tại HOSTUS có trung tâm dữ liệu đặt tại Singapore. Dùng Larvps script để dựng máy chủ web. Thật ra đây vẫn chưa phải là lựa chọn tốt nhất (chỉ tại ngân sách hạn chế)
• Tối ưu ảnh theo cách thủ công gia truyền này. Cách này tốn thời gian nên chỉ áp dụng cho mấy trang quan trọng, làm cho ảnh nhẹ hơn, mà lại đẹp hơn.
• Dùng theme Astra khá nổi tiếng. Đây vẫn chưa phải là lựa chọn tốt nhất. Nếu được chọn lại, mình sẽ dùng theme GeneratePress

2.2. Các tính năng tiên phong hiếm thấy ở plugin khác

FlyingPress là plugin mới nhưng có những tính năng đặc biệt đến nổi các plugin nổi tiếng lâu đời bổng trở thành người đi sau.

• Xóa CSS không sử dụng (mình thấy FlyingPress gần như là nhà tiên phong và đã trải qua 1 năm để trưởng thành, gần đây WP Rocket mới có tính năng này)
• Tự lưu trữ Google Fonts để tải cục bộ. Ngày xưa mình phải dùng cách tối ưu font thủ công ở đây, giờ thì mình chỉ cần 1 click. Đối với web không cài FlyingPress thì mình sẽ cài thêm plugin Perfmatters.
• Tối ưu Layout Shift. Đây là 1 tiêu chí lớn trong Google Pagespeed Insight. FlyingPress sẽ thêm các thuộc tính chiều rộng và chiều cao bị thiếu để giảm sự thay đổi bố cục do hình ảnh gây ra. Ngoài ra FlyingPress cũng có thể tải trước các hình ảnh cần thiết cho lần hiển thị ban đầu (Preload Critical Images).
• Tính năng tải lười biến phần tử HTML: Lazy Render HTML Elements. Cái này thật sự giúp mình lên đỉnh.

2.3. Người đứng sau là tay cuồng tốc độ

FlyingPress được xây dựng bởi một chuyên gia tốc độ uy tín: Gijo Varghese

Đây. Bạn chỉ cần ghé vào Blog của Gijo Varghese để xem anh ta đáng tin cậy như thế nào.

Và đây nữa, 1 nhóm Facebook hơn 17k thành viên với sự dẫn dắt của anh ấy: WP Speed Matters

Anh ấy cũng là tác giả của 1 số plugin hỗ trợ tăng tốc website miễn phí như Flying Analytics, Flying Scripts, Flying Pages

2.4. Giao diện siêu tối giản

Thật bất ngờ khi hàng mớ tính năng cao cấp lại được sắp xếp trong một giao diện trực quan tối giản như thế này.

Mình cho rằng đây là plugin cache có giao diện đẹp và tối giản nhất.

Về sự dễ dùng, FlyingPress sánh ngang với WP Rocket (trước đây mình thường chọn WP Rocket vì tính dễ sử dụng của nó).

Bạn có thể xem nửa cuối video ở đầu bài viết để dạo qua 1 vòng cài đặt của plugin .

3. Gợi ý cấu hình FlyingPress

Mình nghĩ là cần sự phù hợp. Bạn phải thử nghiệm các tính năng và chọn xem cái nào không phá hỏng giao diện hoặc không ảnh hưởng đến trải nghiệm người dùng.

Với mình, điểm số Google Pagespeed insight (hay các bài test tính điểm) chỉ là phần thưởng để làm bạn cảm thấy được đền đáp nỗ lực mà thôi. Nó không đại diện hoàn toàn cho tốc độ, không đại diện cho trải nghiệm thực tế.

Nếu bạn muốn tham khảo, đây là lựa chọn của mình cho cuahangnoithat.thing.vn

3.1. Cài đặt CSS

Phần Lazy Render HTML Elements là tính năng khiến mình sướng nhất. Nó cài đặt tùy vào website của bạn. Tác giả có làm bài hướng dẫn kèm video nè.

How to Lazy Render HTML Elements

3.2. Cài đặt Javascript

3.3. Cài đặt Font

Chưa bao giờ tối ưu Google Font dễ đến thế

3.4. Tối ưu ảnh

3.4. Tối ưu iFrame

FlyingPress không cho dùng thử, nhưng cho hoàn tiền trong vòng 14 ngày.

Hồi trước mình có tìm bản nulled để xài thử nhưng 1 số tính năng không hoạt động (vì được thực hiện ở server riêng). Sau mua rồi mới thấy đáng đồng tiền bát gạo.