Nguyễn Minh Hùng Blog

  • Cảm ơn trái tim
  • Review tùm lum
  • Sản phẩm linh tinh
  • Dành cho website
Bạn đang ở: Trang chủ / Review tùm lum / Plugin FlyingPress vừa tăng tốc website vừa tăng điểm Pagespeed

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

Tháng Hai 15, 2022

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
Plugin Flyingpress 1

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.

YouTube video

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ử?

Xem bảng giá nè

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
Check Gtmetrix

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.
Xem đầy đủ tính năng nè

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

Wp Speed Matters 1

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.

giao diện cài đặt Flyingpress

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

Css Setting Flyingpress 1

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

Javascript Setting Flyingpress 1

3.3. Cài đặt Font

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

Toi Uu Font Bang Flyingpress 1

3.4. Tối ưu ảnh

Toi Uu Anh Voi Flyingpress 1

3.4. Tối ưu iFrame

Toi Uu Iframe

Quất thôi

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.

Khích lệ tình thần bằng vote 5 sao

Xếp hạng trung bình 5 / 5. Lượt Vote 7

Leave a Comment · Review tùm lum, Dành cho website, Viết tốn sức

Trả lời Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

  • Email
  • Facebook
  • Instagram
  • YouTube
Nguyễn Minh Hùng

Yêu thời ông bà anh,
sống đời thản nhiên xanh.

Hiền.
Trong sáng.
Biến thái.

Bài viết tốn sức

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

Vikunja self-hosted (step by step)

Cách Giảm dung lượng ảnh – Nhẹ hơn, đẹp hơn

Chuyển Docudanang.com.vn từ Vultr sang Amazon Lightsail

Tăng tốc website – Tối ưu hóa Wordpress (Siêu Checklist)

Water, is taught by thirst – Hiểu và dịch thơ

NỘI DUNG CHÍNH

  1. 1. Kết quả nhận được sau khi dùng FlyingPress
  2. 2. FlyingPress đặc biệt ở điểm nào?
    1. 2.1. Nhanh thật sự í
    2. 2.2. Các tính năng tiên phong hiếm thấy ở plugin khác
    3. 2.3. Người đứng sau là tay cuồng tốc độ
    4. 2.4. Giao diện siêu tối giản
  3. 3. Gợi ý cấu hình FlyingPress
    1. 3.1. Cài đặt CSS
    2. 3.2. Cài đặt Javascript
    3. 3.3. Cài đặt Font
    4. 3.4. Tối ưu ảnh
    5. 3.4. Tối ưu iFrame

logo chữ ký nguyenminhhung“Trưởng thành không phải là sự rành rẽ thói đời, rồi biến hóa bản thân từ đơn giản đến phức tạp.
Trưởng thành chính là từ trong sự phức tạp của cuộc đời vẫn giữ cho bản thân đơn thuần, biết hài lòng và vui vẻ với những điều giản đơn nhất.”

Copyright © 2023 · Genesis Theme | AZDIGI Hosting