rocket launch 1

Tôi muốn web chạy nhanh
Fully Loaded < 3sFully Loaded < 2sFully Loaded< 1s

Flatsome Lite ư? Tại sao không dùng Flatsome Full cho sướng mà đi dùng bản Flatsome Lite?

Tôi thích sử dụng bản Flatsome Lite vì nhẹ và nhanh.
Sau khi lấy bản Flatsome Full về sử dụng các tính năng của nó để thiết kế nên 1 giao diện mà mình ưng ý nhất. Các tính năng còn lại mà không được sử dụng để lại thì lãng phí tài nguyên quá làm cho web chạy chậm chậm. Chính vì vậy mình đã loại bỏ hết tính năng thừa này.

Bạn muốn tăng tốc độ web WordPress của mình không?

Tốc độ trang web rất quan trọng đối với một trang web vì nhờ đó mà có thể đạt được thứ hạng cao trên trình tìm kiếm Google, thu hút thêm nhiều lượt truy cập.

Tốc độ Web nhanh giúp quá trình thu thập dữ liệu của Google tốt hơn.

Website chạy nhanh không chỉ giúp tăng trải nghiệm của người dùng khi vào website của bạn, mà còn giúp giảm tải cho server (hosting/vps).

Giúp website của bạn hoạt động ổn định và tiết kiệm chi phí hơn.

Host/VPS LiteSpeed

  • Hiệu suất và khả năng mở rộng cao.
  • Quản lý tốt tài nguyên.
  • Sử dụng phần cứng hiệu quả.
  • Khả năng tự bảo vệ và bảo mật cao.
  • Tăng tốc bộ nhớ cache.
  • Downtime của server gần bằng 0.
  • Giao diện webbase dễ sử dụng.
  • Hỗ trợ HTTP/3, QUIC

WordPress core

  • Xóa bỏ Block Editor.
  • Front-end: Xóa bỏ tag, script/style version, WLW Manifest link, RSD link, shortlink, feed links, DNS prefetch, jQuery Migrate, emoji styles and scripts, recent comments, Prevent auto-linking, Reduce Heartbeat interval, Normalize favicon…
  • Back-end:  Tắt auto-updates, code editors, Application Passwords, XML-RPC API…

Plugins

  • Thay thế 1 số plugin bằng code.
  • Cài đặt plugin cache trả phí.

Tăng tốc plugin:

  • WooCommerce
  • Yoast SEO
  • Rank math
  • Table content
  • Contact Form
  • Ithemes security, Wordfence…

Flatsome

  • Loại bỏ code không dùng header và footer.
  • Loại bỏ trên 85% CSS dư thừa: VD flatsome.css xóa bỏ 150KB.

Tùy vào web có thể loại bỏ js:

  • flatsome.js (54KB)
  • chunk.vendors-slider (48KB)
  • chunk.vendors-popups (20KB)
  • chunk.tooltips (16KB)
  • chunk.sticky-sidebar(11KB)
  • chunk.countup(5KB)…
  • Preload pages, Lazy, xóa block library css…

Tính năng Flatsome Lite

Flatsome Lite là theme WordPress được chỉnh sửa từ theme gốc Flatsome và chỉ sử dụng cho 1 mục đích. Chính vì vậy các tính năng thừa đã bị loại bỏ dung lượng CSS , js và các mã php rất ít do đó theme Flatsome lite chạy rất nhẹ và mượt. Tốc độ Fully Loaded của theme Flatsome lite đạt dưới 0.5s thật ấn tượng phải không nào các bạn.  Bạn cần 1 theme đạt hiệu suất cao chạy nhanh và nhẹ thì theme Flatsome Lite là thích hợp nhất rồi đó bạn.

performance

Tại sao tốc độ trang web lại quan trọng?

  • Tốc độ tải trang web là một yếu tố để xếp hạng SEO website của bạn trên Google.
  • Trang web có tốc độ tải nhanh sẽ dễ dàng để Google tiếp cận để thu thập dữ liệu.
  • Nó giúp làm giảm tỷ lệ thoát của người dùng và ở lại lâu hơn trên website của bạn.
  • Nó giúp cải thiện trải nghiệm người dùng nói chung và kích thích việc quay lại.

Túm cái váy lại là Google muốn có một trang web nhanh hơn.

Tốc độ không chỉ dành cho người dùng – nó cũng tốt cho Google.

Các trang web chậm thường chậm vì chúng không được tối ưu đúng cách.

mobile duoi 1s 1
desktop duoi 1s
pagespeed mobile

Tối ưu tốc độ cần làm những gì?

  • Cấu hình cài đặt Plugin tăng tốc WordPress phù hợp với website.
  • Cấu hình tùy chỉnh Cache tối ưu cơ bản.
  • Tối ưu WordPress cơ bản, tinh chỉnh cấu trúc lỗi và tăng bộ nhớ đệm WordPress core.
  • Tốc độ chẩn đoán – kiểm tra tốc độ, tìm tắc nghẽn.
  • Loại bỏ (hoặc thay thế) bổ sung Plugin nếu cần thiết.
  • Chỉnh cài đặt plugin – tối ưu hóa cài đặt
  • Chuyển đổi bảng dữ liệu database công nghệ InnoDB
  • Tối ưu hóa hình ảnh, Lazy load image.
  • Htaccess-dọn dẹp và chuyển hướng tối ưu hóa
  • Webhosting tối ưu hóa-tinh chỉnh PHP, MySQL, configs
  • Kích hoạt và thiết lập tối ưu tính năng Adaptive Images
  • Tối ưu hóa Gutenberg block nếu không sử dụng.
  • Sử dụng preconnect tối ưu. Loại bỏ các file không sử dụng.
  • Tối ưu hóa favicon, iframes, Tăng tốc nhúng Youtube.
pagespeed desktop

Để đạt tốc độ nhanh hơn nữa cần làm gì?

  • Loại bỏ Block Gutenberg và css thừa khi không sửa dụng.
  • Chuyển về soạn văn bản Gutenberg về classic editor.
  • Tối ưu hóa WooCommerce, website thương mại điện tử.
  • Loại bỏ các file js và css bị thừa.
  • Load có điều kiện website tối ưu tốc độ tải
  • Kích hoạt sử dụng preload và thứ tự tải tối ưu.
  • Tối ưu chuyển hướng, wp-cron, Tối ưu hóa DNS
  • Trình hoãn js hoặc js add footer.
  • Loại bỏ css nội tuyến nếu không phải css đầu trang.
  • Tối ưu hóa máy chủ, tinh chỉnh php, MySQL, bảo mật..
  • Tối ưu bộ nhớ cache trình duyệt, Kích hoạt child themes
  • Loại bỏ header Disable emojis, embeds, dashicons, Disable or limit post revisions, Remove query strings…
  • Lazy load javascript, tối ưu Google Analytics.
  • Tối ưu Database loại bỏ bớt các dữ liệu thừa table, autoload.
rocket launch

Để đạt MAX tốc độ cần làm gì nữa?

  • Tối ưu webserver với WordPress.
  • Cài đặt webserver openlitespeed.
  • Cải thiện tốc độ tìm kiếm WordPress nhanh hơn và chuẩn xác hơn
  • Giảm thiếu chuyển hướng
  • Giảm thời gian phản hồi máy chủ
  • Recode cứng file cơ bản
  • Kiểm tra và sửa lỗi php.
  • Keep-Alive tối ưu.
  • Giảm thiểu truy vấn query mã hóa cứng.
  • Giảm phần tử dom.
max speed