Tăng tốc WordPress với Astra

Tăng tốc WordPress với Astra Theme


Astra sinh ra để giúp bạn tăng tốc WordPress. Một theme được sinh ra với sứ mệnh trở thành theme có tốc độ nhanh nhất trên thế giới.

50% Người dùng Internet sẽ có xu hướng bỏ trang nếu một website có thời gian load hơn 3 giây.

Sưu tầm

Sau tất cả, tăng tốc website là gia tăng cơ hội để người đọc tiếp cận bài viết của bạn.

Giảm tỷ lệ thoát trang và tăng trải nghiệm người dùng, 2 yếu tố cực quan trọng góp phần SEO ranking cho website của bạn.

Đương nhiên có rất nhiều cách để tăng tốc WordPress

  • Hosting chất lượng
  • CDN cao cấp
  • Hình ảnh website được tối ưu
  • Plugin nhẹ và chất lượng
  • Cache tốt
  • Tối giản CSS, HTML, JavaScript
  • Không malware
  • Theme nhẹ và chất lượng

Ở bài viết này, tôi sẽ giới thiệu tới bạn Astra theme. Một trong những cách có thể tăng tốc đáng kể tốc độ website của bạn.

Astra là gì?

Tăng tốc WordPress chỉ bằng việc chọn theme “miễn phí”

Astra là theme WordPress miễn phí được phát triển từ năm 2017 bởi Brainstorm Force.

Có thể bạn chưa biết, Brainstorm Force là công ty đứng sau các plugin best-seller trên Envato Market. Các sản phẩm nổi tiếng và phổ biến được biết đến như Ultimate Addon for Visual Composer, Ultimate Addon for Beaver Builder, ConvertPlus và mới nhất là Astra.

Tuy sinh sau đẻ muộn, Astra lại nhanh chóng được lòng giới lập trình viên vì code tinh giản, SEO tốt và khả năng tương thích tốt với mọi plugin.

Tại sao Astra lại giúp bạn tăng tốc WordPress website

1. Front-end Page Size siêu nhẹ

Astra Pindom Test
Test bởi Pingdom, chưa có cache hay các plugin tối ưu

Astra có Front-end size mặc định cực ấn tượng dưới 50 KB (31.8 KB), so sánh với một số theme nổi tiếng nhẹ hiện nay như:

  • Visual Composer starter theme (Visual Composer): 160.5 KB
  • OceanWP (Nick): 243 KB
  • Beaver Builder Theme (Beaver Builder): 202.2 KB
  • GeneratePress (Tom): 204.7 KB
  • Twenty Seventeen (WordPress.org): 288.7 KB
Tham khảo thêm:  6 tiêu chí khi chọn mua theme Wordpress bất kỳ

Để kiểm tra page size, bạn dùng công cụ Pingdom. Nhờ page size siêu nhẹ mà Astra có thể đạt được tốc độ load trang vượt trội 0.5s ở giao diện mặc định so với những theme khác.

Bí quyết nào giúp Astra có page size siêu nhẹ như vậy?

Bởi vì Astra được viết bằng Vanilla JavaScript (JavaScript thuần) hoàn toàn nói không với jQuery. Astra là một trong những theme tiên phong nói không với jQuery hiện nay.

Xu hướng thế giới đang dần hướng tới Vanilla JavaScript vì tinh gọn tối ưu của nó. Với JavaScript thuần, các developer sẽ cần phải nắm vững nền tảng  JavaScript. Mỗi dòng code sẽ phức tạp hơn vì không có sự hỗ trợ của jQuery.

Khó khăn của nhà phát triển nhưng lợi ích đối với người dùng. Nhờ Vanilla JavaScript hiệu suất hoạt động trở nên nhẹ nhàng hơn. Brainstorm Force đã làm rất tốt việc này.

2. Lượt bỏ những tính năng không cần thiết

Giống như ảnh Raw, Astra theme được xem là theme thuần, chưa qua tinh chỉnh và thêm tính năng nặng nề.

Có thể nhiều người cần ngay theme mì ăn liền với thiết kế sẵn. Tuy nhiên, tôi thích tự cá nhân hoá tạo khác biệt theme website mình sử dụng.

Nếu bạn có cùng mong muốn như vậy, Astra là một lựa chọn tốt. Bạn có thể tinh chỉnh theme theo ý của bạn. Đương nhiên bạn cần một kiến thức đủ tốt để thực hiện như CSS, PHP, HTML cơ bản,…

Tham khảo thêm:  6 tiêu chí khi chọn mua theme Wordpress bất kỳ

Nhờ lượt bỏ các tính năng không cần thiết nên cũng đồng thời giúp Astra trở nên nhẹ hơn và tốc độ hơn rất nhiều.

Mở rộng tuỳ chỉnh với Astra Pro

Để rút ngắn và thuận tiện hơn cho việc tuỳ chỉnh theme, bạn có thể sẽ cần tới Astra Pro.

Đây là plugin giúp Astra có thể kiếm lợi nhuận từ việc phát hành theme miễn phí.

Giá niêm yết của plugin là $59/năm hay $249 vĩnh viễn.

Astra Pro có đáng để bạn đầu tư hay không? Hãy cùng tìm hiểu xem

Custom Layout – Sức mạnh cốt lõi của Astra Pro

1. Thêm nội dung ở bất cứu nơi nào trên website mà bạn muốn

Bạn có thể thêm Google Analytics tracking code, Google Tag Manager code, PHP code của Advanced Custom Field, HTML code,… hay thậm chí cả CSS code ở bất cứ vị trí nào mà bạn muốn như

  • Sidebar
  • Front Page
  • Blog Archive
  • Search Page
  • 404 Page
  • hay toàn bộ website.

Không những thế, Custom Layout còn hỗ trợ Page Builder như Beaver Builder, Elementor hoặc Brizy để thêm nội dung. Vô cùng mạnh mẽ và rất linh hoạt.

Vị trí chèn chi tiết bạn có thể tham khảo thêm ở Astra Hook.

Cực kỳ tiện lợi cho các SaaS khi nhúng mã vào website của bạn hay Iframe code.

Để biết SaaS là gì bạn có thể tham khảo thêm bài viết: SaaS là gì? Tại sao SaaS lại đang dần trở nên phổ biến

Custom Layout - Astra Pro
Hook – Bạn có thể chọn bất cứ đâu để thêm nội dung bạn muốn 

2. Tuỳ chỉnh Header và Footer nâng cao

HeaderFooter là một phần cực quan trọng của website. Đặc biệt là menu hay còn gọi là điều hướng (Navigation).

Header có các tính năng sau

  • Sticky Header: Cố định header ngay cả khi bạn kéo xuống xem phần nội dung.
  • Page Header: Tạo header riêng cho Page hoặc Single Post.
  • Transparent Header: Tạo header trong suốt chuyên nghiệp.
  • Header Section: Cho phép bạn tạo thêm 2 menu nằm bên trên hoặc bên dưới menu chính.
  • Retina Logo: Hỗ trợ hiển thị hình ảnh độ nét cao cho các màn hình 2k, 4k, 5k và Apple.
  • Mega Menu: Dạng menu tốt nhất hiện nay, cho phép bạn tạo menu phụ. Menu yêu thích của tôi.
Mega Menu
Mega Menu – Một trong những tính năng yêu thích của tôi

Footer hỗ trợ chia Layout tiện lợi và bạn cũng có thể chọn ảnh background và font cho Footer.

Footer Astra với font
Background Image và Typography

3. Tạo website bán hàng với WooComerce & Astra Pro & Page Builder

Astra và WooCommerce

Astra Pro hỗ trợ rất tốt WooCommerce. Khi kết hợp với Beaver Builder hay Elementor sẽ giúp bạn tạo website bán hàng dễ dàng hơn bao giờ hết.

Tham khảo thêm:  6 tiêu chí khi chọn mua theme Wordpress bất kỳ

Astra Pro cho phép bạn tạo Layout, style, bộ lọc tìm kiếm và hiệu ứng zoom ảnh.

4. Tạo website bán khoá học với Astra Pro

Không những hỗ trợ tốt WooCommerce, Astra Pro còn hỗ trợ LearnDash và LifterLMS để giúp bạn tạo website bán khoá học dễ dàng hơn.

Learndash Astra Pro
Learn Dash

5. Tuỳ chỉnh Typography, màu sắc và rất nhiều cái khác

Tăng tốc wordpress với Astra

Bạn có thể kiểm soát hoàn toàn font của toàn website và màu sắc.

Astra đã được tích hợp sẵn Google Font.

Đặc biệt là White Label. Bạn có thể tạo ra theme riêng với thương hiệu riêng của chính bạn. Khách hàng của bạn không biết bạn đang dùng Astra Pro.

Tóm lại…

Astra là theme thuần và siêu nhẹ giúp bạn có thể tăng tốc WordPress đáng kể.

Kết hợp với Astra Pro bạn có thể thuận tiện hơn trong việc tạo website bán hàng, website bán khoá học và tuỳ chỉnh theme chuyên sâu.

Trong tương lai, Astra còn có thể giúp bạn tạo Forum với sự giúp sức của bbPressBuddyPress. Để biết thêm lộ trình phát triển Astra bạn hãy xem tại Astra Public Roadmap.

Các bài viết CuongThach thường chứa affiliate link, nếu bạn mua công cụ thông qua link của blog CuongThach thì tôi sẽ nhận được hoa hồng giới thiệu. Cám ơn sự tin tưởng của bạn. Như một lời hứa, tôi chỉ giới thiệu cho bạn những công cụ nào mà tôi tin dùng và yêu thích.