Astra is an easy theme designed for speed. Even so, the score of Google pagespeed insights has increased from an impressive 96 to 99! We will show you how to use the free optimization plug-ins Smush and hummingbird to further improve the performance of Astra. Astra theme is one of the most popular word press themes used on more than 1.6 million websites. Created a lightweight foundation for all types of WordPress sites. Generally, the file size is less than 50kb, and the jQuery correlation is 0, which will not affect the page load time. The
I can’t believe it! However, there are other things that can be done to bring the Astra site closer to perfect optimization. This article describes the following: How to do this is completed with the help of Astra optimization and plug-ins Smush and hummingbird. Also, a dash for good custody. In addition, Smush is a 5-star image optimization plug-in. With more than one million active installations, it can optimize images, delay loading, zoom, batch erase and all image compression to improve speed. The
Male Smush is our answer to WordPress image optimization. Our hummingbird has obtained a rating of 5 levels in terms of speed. It has realized the field of super high-speed site creation by improving adjustable file compression, minimizing CSS and JS, loading annotation delay, caching, etc. She has more than 100000 active installations and is becoming increasingly popular every day. Male hummingbird helps keep your website buzzing. Of course, Smush and Hummingbird can be used for free! We will use Astra pro to create an Astra website and optimize it to the maximum. Astra also has a free version, but I think this is the version that most professional web developers will use, so I decided to go to the professional version. The
We will discuss the following: Astra overview and test layout optimization test setup no optimization speed test Astra and Smush optimization Astra and Hummingbird optimization hummingbird. Astra pro, Smush and Hummingbird are required to learn additional guidance and other optimization skills of the host. If you are not familiar with Astra and want to try it first, you can use the free version. However, given the performance advantages of generating CSS files, the results can be important. Click here to view a comparison guide to what is included in free and pro. The
At the end of this article, the Astra site will be fully optimized for performance! You will be surprised if you don’t know about androg Astra overview and test layout Astra. As mentioned earlier, there are more than 1.6 million websites in use. Astra itself is an amazing customizable word press theme that provides a lot of functionality. For example, there are more than 150 pre built web design templates available to non developers. You can also adjust everything (for example, colors, styles, and so on). In addition, many free plug-ins are provided, including custom fonts, Astra bulk edit, Astra hooks, etc! The
In terms of speed, the Astra website is very light, so when using the default word press data, it must be loaded in 0.5 seconds. It is difficult to choose the most suitable website for this article for all the prefabricated websites provided by Astra. Ultimately, we cannot test them in this article (this will take time). Astra is the elementor and divi builder
It is added as a separate file, not displayed. Creating CSS files can create browser caches faster and improve the response time and loading speed of the site. It is easy to operate directly on the Astra dashboard. Just click enable file creation. Just click once! That’s all! Once activated, you are ready for the first speed test. First, the desktop scores are… Handsome! 96 is really a good score. Now we can use mobile phones… 88 although it is not terrible, we can do better. As you can see, this is an excellent score! However, there is little room for improvement, which is closer to the perfect score, and more work can be done to maintain the optimization status of the Astra site for a long time. Male \/ female Astra and Smush, optimization has talked about what Smush can do, so I won’t show off any more. Therefore, you can directly see how to help her improve the speed score of the page almost perfectly. Smush is ready to handle the speed score and make it better! The first part of the process is to install and activate the plug-in. Smush will immediately tell you how many Smush images are ready. This is a large amount of erasure that can be handled with one click. Just click bulk Smush now. In this case, Smush 21 attachments are required. You can see the results in a few minutes or so. Male saved 10 MB with her help. The total savings of Smush is 10.0mb\/33.3%, with 821 smushed images (from initial activation to a large number of images). As more images are added to the Astra site, Astra will continue to maintain its super smash ability, so the savings will continue. Smush also provides setup wizards, including automatic compression, EXIF metadata, full-size images, deferred loading, and working with data. Move and keep the default setting. Of course, you can adjust or turn off the settings at any time. Let’s run another Google pagespeed insights test for the desktop. Male WOW! 99. and cell phones… This is also very good! The score is higher with Smush. Google pagespeed insights increased from 96 to 99 on the desktop and from 88 to 94 on mobile devices. I mean, we can stop here and be perfectly satisfied with this score. Not much better! But we keep moving. More work can be done… Astra and Hummingbird can’t be optimized without optimizing hummingbird. She has amazing optimization capabilities in text compression, pre loaded key requests, caching, etc. The next step in the process is to install hummingbird and further optimize it. Hummingbird takes optimization to a whole new level. Once the installation starts working, you will be asked to run a performance test. Click to execute. Run the performance test. The test run is fast and easy. Like Google pagespeed insights, hummingbird calculates performance scores after testing. In the first test, the desktop is 97\/100 and the mobile phone is 93\/100. You can see two improvements. Not bad! View desktop scores. Opportunities for improvement include: To resolve the opportunity to remove rendering blocking resources that reduce the initial server response time, simply click on the warning line. It shows a detailed description of the problem, a related list of specific assets, and step-by-step instructions for solving the problem. Hummin knows several opportunities to solve and improve problems
We will run gbird’s asset optimization tests. Do this with page caching and CDN disabled. The asset optimization test is executed by clicking re check files in asset optimization. Just press the re Confirm File button. When complete, the list of CSS and JavaScript files that can be optimized is compiled. The next step is to view the CSS file. You can view each individually, or set auto and check that the quick slider is turned on. After the asset is automatically set, the asset will be compressed and sorted. When auto is enabled, hummingbird can automatically detect and optimize newly added plug-ins and theme files. Old files are also not deleted from deleted plug-ins or themes. This avoids conflicts and problems. Now that we have tested the site with hummingbird, let’s run a few new tests. First, we will confirm through Google pagespeed insights. Desktop scores are as follows: You can’t be better, can you? And there are psi moving scores This is also an amazing score! This score is very good! I am sure I will be happy alone. However, there is an extra booth for the hummingbird and the host. I heard it clearly. There are a few things you can do to optimize the Astra website. One is to open the CDN on hummingbird. Open the CDN slider in the asset optimization area. You can use this function whether you are hosted by our company or other providers. Move quickly to the center for fastcgi. If it is hosted by the hub, you can enable the static server cache and open fastcgi. Navigate to sites, hosting, and tools. Just click on to complete all the settings! Click on the hub. Now that we have enabled these optimizations, we will run some final tests. The desktop looks almost perfect. The mobile phone looks good too! Please confirm what hummingbird said Male 99? Let me do it! As you can see, although Astra starts with a good score, it can be better through some adjustments. In addition, all these optimization options are long-term. As the site grows, a small amount of TLC and monitoring will maintain the same optimization. The site starts with a desktop Google pagespeed insights score of 96 and a mobile 88. We can get up to 99 points for desktops and 95 points for mobile devices. The most notable improvement is mobile. The desktop is slightly improved, but considering the degree of optimization, it is not much improved. All sites will be slightly different. However, this optimized path helps the Astra site and needs to be checked for improvements. Other optimization tips this is not an ordinary website full of a lot of content. While Astra website is growing, there are several other things to consider in order to maintain the optimization status. Do not use or delete old plug-ins and themes. Delete broken links to modify excellent hosts. Enable optimized image retention caching as needed, and monitor site performance through WordPress site management such as WordPress, theme and plug-in Update Center. To learn more about optimization techniques, read the ultimate Mega guide to speed up WordPress. Male Astra La vista, wrong optimization male Astra is an excellent lightweight theme for optimizing websites. Obviously, it doesn’t take much time. The minor improvements we discussed were
