Astra entered the WordPress theme market only in 2017. That’s much later than most of the other established WordPress themes. But still, they have managed to set themselves apart as one of the most popular themes out there. Recently, they have also crossed the 1 million installations milestone.
If you are a fan of using page builders like Elementor, then you should check out Astra. Because page builder compatibility and performance are its highlights.
But that’s not all. In this Astra theme review, we will take an in-depth look into its features, pros, cons, price, and performance. I have also included some speed test results below.
You might also want to read:
- Astra vs Generatepress: Comparing two multi-purpose themes
- GeneratePress Review
- 25 Best Multi-purpose Themes
After reading the review, you will be able to answer the following questions:
- What are the advantages and disadvantages of using Astra?
- When to buy the pro version? Is the free version sufficient?
- How fast is Astra?
- How to setup and customize Astra?
Astra is one of the few themes that has crossed 1 million+ installations, according to WordPress themes directory.
- Launched in: 2017
- Creators: Brainstorm Force
- Installations: 1 million+
- WordPress Directory Rating: 5/5
With that, let’s dive into the details.
Top 5 Reasons to Consider Astra
1. Lightweight Theme
As a theme that prioritize performance, Astra’s base theme is quite lightweight. On their website, they advertise that the theme is less than 50KB gzipped.
And when I tested the theme using GTmetrix on a clean WordPress installation, the total page size just over 38KB, which is better than what they advertise.
The main reason behind this lightweightedness is that Astra doesn’t depend on any heavy libraries like jQuery.
However, there is a caveat here. The premium version of Astra does depend on jQuery a lot. So, this no-jQuery tag is only applicable when you use the free theme. But despite this jQuery-dependency, Astra Pro is still much lighter than most of the other premium themes.
2. Vast Library of Starter Sites
When it’s time to create a website from scratch, a starter template really helps in saving a lot of time.
Many of the multi-purpose themes days come with demo sites. But still, I feel that Astra’s collection is much more diverse than many of them.
Currently, they have over 120 starter templates suitable for a multitude of niches. Out of these, 50+ are free too. That means you can import them to your site without paying a penny. Below, I will show you how you can do that.
Once in a while, they also add new sites to the library. And if you cannot find a design for a particular niche, you can suggest that too.
Astra offers 120+ starter sites, out of which 50+ are freex.
3. Page Builder Compatibility
These starter templates are also compatible with page builders. Instead of pushing a custom builder, Astra uses the already existing page builders to customize their templates:
- and, WordPress Block Editor
So, it allows customizing your site using your favorite page builders.
Here, I have imported the Horticulture starter site (free). And this is how the interface looks when you open it with Elementor. You can customize almost any element, including backgrounds, buttons, texts, colors, and many more.
Even if you are building a page from scratch without using starter templates, Astra offers maximum compatibility. You can disable headers, footers, and all such elements for each post/page so that you can start from a blank canvas.
4. Lots of Customization Options
Even if you don’t plan to use a page builder, still Astra offers a lot of customization options via the WordPress Customizer.
For example, I want to create a three-column masonry layout for the archive pages. Open the Customizer, then go to the Blog/Archive section, and under the Grid Layout, set the no. of columns to three and toggle the Masonry option.
5. Clean and Developer-friendly Code
After spending some time through Astra’s code base, I can say that the theme follows good coding standards.
If you are a developer, Astra has a ton of hooks sprinkled throughout the theme. It makes it easy for a developer to hook custom features at almost any part of the theme.
The theme is based on the Underscores base theme, which gives it a strong foundation and structure. Everything is neatly arranged and well-documented.
The theme also supports Schema markups, although it’s not necessary when you use an SEO plugin like Yoast.
Astra supports 180+ actions and 300+ filters, making modifications easy for a developer.
How to Set Up
As I have said above, Astra’s base theme is free. So the first step is to install it. For that, go to Appearance > Themes > Add Themes, and search for ‘astra’.
Install Astra and activate the theme as usual.
Alternatively, you can also download the theme from the WordPress directory and upload it.
Now if you visit your site, Astra should be active.
Upgrading to Pro
If you plan to continue with the free version itself, it’s fine. You can skip to the next section. Otherwise, if you are going to upgrade, then I will show you how you can activate your license key.
After purchasing one of the premium plans, login to your account at store(dot)brainstormforce(dot)com. If you’re wondering, Brainstormforce is the company behind the Astra theme.
Once you’ve logged in, go to the Downloads page.
There you can see all the premium products you have purchased from them, under the Downloads section. Download the Astra Pro Addon Plugin.
Note that Astra Pro is not a separate theme. Instead, it’s a plugin that works on top of the free core theme to add more features.
Now, come back to your WordPress admin, and upload the plugin.
Install, and activate the Pro add-on plugin.
After activating the plugin, you should see a new menu item – Astra Options under Appearance.
Next, from the licenses page in your Brainstormforce account, copy the license key.
Come back to your Astra Options page, and enter the license key in the appropriate field, and click the Activate button.
Now you’ve unlocked all the Pro features available in Astra.
Also, don’t forget the activate the Pro Modules. You can activate all of them, or individually. Keeping unnecessary modules deactivated can slightly reduce page size.
Importing a Starter Site
On the right sidebar of the options page, you can see a link to install the Importer Plugin. Click on it, and the plugin installs.
These starter sites suit well when you are building new websites. Otherwise, if you are just switching themes on an existing website, you should not import a demo site.
Once the importer plugin is installed, you will see a new menu item – Starter Templates – under Appearance. Open it.
The first step is to select the page builder of your choice. Astra supports the following:
- Beaver Builder
Gutenberg is not a page builder, it’s WordPress’s own block editor. Although most of the starter templates are cross-compatible with multiple builders, Elementor has the maximum support.
So, below I select Elementor.
After that, you will see all the templates compatible with the page builder you have chosen. At the top, you can also filter between categories, or search for a keyword.
The page shows both Free and Agency templates. The latter requires at least an Agency license.
I am going to import one of the free sites – Horticulture. As you can see, the site includes five templates. You can either import all of them or selected ones only.
If you’ve imported any site previously, be sure to check the option – ‘Delete Previously Imported Site’.
Finally, click the Import button.
The import process will download and install all the essential plugins along with dummy content and images.
Once the import is complete, you can visit the front-end to see it.
And this is how it looked after I imported the Horticulture starter site.
Now that you have imported the site, you can start modifying it to your requirements:
- Edit the imported contents (pages & posts) using Elementor.
- Replace the dummy content with your original content
- Customize the site options in WordPress Customizer
Important Options in the Customizer
Under the Header menu in Customizer, Astra Pro gives three header sections:
- Primary Header
- Above Header
- Below Header
The Primary header is the main header section, which is active by default. And it’s where you usually place the logo and main navigation menu. Furthermore, it supports three layouts based on the alignment of the logo and menu: left-aligned, right-aligned, or centered.
The Above Header works like a top bar above the Primary Header. It supports two sub-sections, or areas. And in each area, you can place a menu, widget, or text.
The third one is Below Header, and it goes below the Primary Header. It also supports two areas where you can place menus, widgets, or text elements.
To enable the Above and Below Header sections, be sure to enable the Header Sections options from the Astra Options page. However, using all three sections can easily make your header look cluttered. So use them wisely.
Astra also supports the Sticky Header that automatically hides when the user scrolls down and shows again when the page is scrolled up. It also supports a shrinking effect, which helps to save a bit of screen real estate.
There are two footer sections:
- Footer Widgets
- Footer Bar
The first one – Footer Widget – supports seven layouts. This is how it looks with three widget areas:
And Footer Bar, there are two layouts – center aligned or sideways. It’s where your copyright and powered by texts goes.
Overall, Astra’s headers and footers allow enough customizations for most use cases. However, to say some criticism, it’s not as flexible as a grid-based header/footer builder. For example, the Neve theme supports drag-and-drop header & footer builders, which I feel is more flexible. It allows arranging the widgets in any way you want in a 12-column grid layout.
Custom layouts is another powerful feature. With it, you can create any kind of layout that strikes your imagination.
Suppose you want to place a heading banner above all posts, that display the post title, and date. With Custom Layouts, you can create it using some PHP and HTML code, and hook it above the post_content for all posts.
Instead of writing code, you can use the WordPress editor or page builder also. Just toggle the ‘Enable WordPress Editor’ button above the snippet field.
In another post, I had written about how you can use this feature to create a custom posts grid layout on the home page. It’s useful if you want to feature selected posts on the front-page.
As a multi-purpose theme, Astra integrates well with WooCommerce as well. It gives a handful of WooCommerce-specific features that makes it ideal for most online stores.
- Multi-column responsive grid layouts
- Infinite scrolling for product listing pages
- Distraction-free checkout page designs
- Off-canvas sidebar layout
- Sort products based on popularity and rating
- Drop-down cart item
- Product information popup to quickly view the important details
In addition to these features, Astra has 10+ starter templates specifically designed for eCommerce. The designs are minimal yet stylish.
Overall, I feel that Astra can suit well for all small to medium eCommerce stores that need a clean look. Otherwise, if you are planning to build a complex store, then a niche theme would be better.
- You might also like: CSSIgniter Review – Niche Theme Provider
According to their website, Astra claims to load in less than 0.5s and weighs under 50KB.
Also, the core theme has no dependencies like jQuery.
To get a complete idea, I conducted speed tests on three different sites:
- Default WordPress Installation with no extra content
- Using one of the demo sites from Astra
- With some test content (resembles a real blog – 10 posts on the home page with featured images)
Remember that I had not used page caching or any other type of optimizations except gzip compression.
Vanilla WordPress Installation: Astra Free
It was just a blank website running WordPress 5.3. The test helped to get a baseline performance of Astra.
WP Query Monitor Results
With Pingdom, the site loaded in only 220ms while the load time on GTmetrix was 800ms. Despite the difference, Astra stood up to the expectations.
The total page size also stood below the 50kb mark, 42kb to be precise.
The total requests were only nine, out of which two belonged to Astra – one CSS file and a JS file. No, JQuery was not in the list of requests – good job!
Load Time – 220ms
No. of requests – 9
Page Size – 42KB
Using a Demo Site
Next, I checked the speed after importing one of the demo starter sites – Outdoor Adventure.
It helped me to know how Astra performs when coupled with a page builder like Elementor.
WP Query Monitor Results
The story was a bit different after importing the demo site. The page size climbed to 1.5MB while the number of requests stood at 36.
Since it was a page builder site, the importer also installed the Elementor plugin along with other content. So, most of the page weight has to do with Elementor and images.
The load time was ~800ms with Pingdom while GTmetrix showed 1.3s.
What does that mean?
While it is true that Astra is lightweight, your page speed mainly depends on your content (especially images), and the plugins you use.
If you do not bother trading-off some speed for ease of use, then it’s not a problem. Otherwise, using the barebones Astra with the native Gutenberg Editor will be the best way to keep all the performance benefits that Astra offers.
Load Time – 847
No. of requests – 36
Page size – 1.5
Speed After Adding Test Content
In the third test, I used some sample content from wptest.io to resemble a real blog. The site contains some sample posts with featured images on the home page.
If you have an existing blog or website, then there is no need to import a demo site. Instead, you can just switch from your old theme to Astra and start using it with the default WordPress editor.
WP Query Monitor
Then, the speed scores stood somewhere in between the first two tests. Once again, the page loaded in less than 500ms.
Default Installation + Astra Pro Addon
In this test, I checked the performance after installing the Astra Pro addon plugin and activating all the modules. The page size increased considerably to 101KB from the previous 42KB. The main reason is that many of the modules depend on jQuery to work, which alone is nearly 35KB.
|No. of requests||Page Size||Pingdom loading time|
|Default Installation (Free)||9||42.1KB||220ms|
|After Importing a Demo (Free)||36||1.5MB||847ms|
|With Test Content (Free)||20||1.2MB||334ms|
|Default Installation + Pro Addon||13||101.2KB||868ms|
When to Buy the Pro Version
The free version is enough if you are quickly setting up a website from one of the free demos. Also, it is useful if you want only minimal adjustments.
Otherwise, free Astra is quite limiting in terms of flexibility. Most of the Csutomizer features are locked behind the premium version.
For example, if you want a grid layout for your blog or WooCommerce store, you will need the premium license. The same is the case with a custom header or pagination.
Plans & Pricing
Astra Premium comes in three plans, starting at $59 for the Pro. The Mini Agency license gives access to additional demo sites while the Agency Bundle gives you other plugins like Schema Pro and Convert Pro.
Unlike some other premium themes like OceanWP, Astra Pro allows you to use it on unlimited sites with a single license. It is highly economical if you designer or developer who plans to use the same theme on multiple websites.
2 Disadvantages of Astra
Overall, my experience with Astra has been great so far. Before concluding, I would like to mention a few downsides as well, although there aren’t many.
1. Pricing is a bit expensive
When you compare Astra with its alternatives like GeneratePress or OceanWP, you might feel that it is a bit expensive. The starting price is ~$59, almost $10 more than GeneratePress.
Also, the starter plan does not give access to all the demo sites either. For that, you’ll need at least the Mini Agency Bundle Licence, which costs $135.
2. No Dedicated Support Forum
When you are in trouble, Astra offers help mainly through support tickets. They have comprehensive documentation as well. A dedicated support forum is lacking, though.
In my experience, a forum would have been great value as it helps to learn more about how to deal with several use cases. In my GeneratePress review, I had said that their support forum serves as a great resource. It allows you to browse through issues faced by other users, apart from posting your own questions.
We have looked at the highlight features of Astra and how well it deals with web performance. Also, we have seen the different ways to use the theme – with or without page builders. Then we explored how page builders can slow down our site.
Can it be the right choice for the next website? Mostly yes. My experience with this theme has been great so far. What is your opinion?
In another post, I have written a comparison between Astra and GeneratePress – another popular multipurpose theme that has a lot of things in common with Astra.
See also: Astra vs. GeneratePress