This article was originally published on the blog of WP rocket and published here with permission. Astra is one of the most popular and lightest themes on WordPress. Therefore, you must be able to increase the site speed and achieve a 90+psi score. But you will encounter some problems. Complex resources, such as JavaScript files, must be handled. If you have tried to optimize site performance, you will find how difficult it is to solve the suggestions of pagespeed insights, such as \
This is why business owner Rick Orford can speed up the site built by Astra. He implemented 99 mobile pagespeed insights and improved core web vitals. Feel good? As we all know, mobile performance score is the most difficult to optimize. Well, now is the time to learn more about his performance challenges! Objective to introduce psi’s amazing results and results of optimizing Astra theme with WP rocket with delayed JavaScript function. Overtoyou: start website optimization now. Ignore important things. Rick Orford will be financially independent in 2020 I launched a website. This is a comprehensive resource for those who want to save more, earn more and repay their debts faster. First, as an editing site, the most relevant content acquisition strategy always puts SEO at the forefront. The
Zoom out: you may already know the importance of SEO to traffic and revenue, and the impact of page experience updates on organic performance. After Google released the core performance report as part of the new ranking elements, Rick analyzed three indicators. The core web vital with a lower performance score is the paint with the largest content. LCP measures the time it takes to load the largest element and display it in the viewport. Usually, the largest element is the image. More specifically, it is a feature image. And guess what? This is the biggest problem in the terrible website load time. The
Rick said, \
Therefore, Rick continues to find solutions that suit his needs. He wants high-quality performance and excellent customer support. Can you accuse him? It’s time for WP rocket to come on stage. \
It is no accident that latency can shorten the loading time and help improve the core web vital indicator LCP that Rick originally wanted to improve. The
Zoom out: Lighthouse (hence pagespeed Insights) does not detect delayed JavaScript files. This means that even if it is not the first reason to delay JavaScript files, you can get the improvement recommended by the psi \
Finally, Rick decided to purchase WP rocket, which benefited from sufficient refund time to mitigate the risk. If you have any questions, please ask for a refund within 14 days after purchase. In other words, it is safer and easier than ever to seize the opportunity to optimize site performance! How to optimize the Astra theme with WP rocket now let’s go to the performance optimization details. Rick shared the settings for the Astra theme to get excellent performance scores. It took his team about 100 hours to get all the parts in top condition. So he shared very valuable information with us. And if you want to contact him, I’d be happy to answer more questions. The
Male male starts with props. The team used: Cloudflare (including domain name registration) Amazon EC2 server plek control panel (Ubuntu) MySQL and redis word press 5.7w cached by Apache and nginx web servers \/ Gutenberg Astra 3 qubely (for displaying recommended posts on the home page) processing image hosting jetpack free CDN WP rocket. This setting succeeded 99%. Custom CSS modifications are provided for home runs. The WP rocket settings implemented by male and female are as follows: The
Cache tag: enable cache life of mobile device cache: 10 hours file optimization tag: everything is ready. To provide context, the file optimization tab allows you to minimize CSS and JS files, optimize CSS delivery, delay JavaScript running, and delay loading JavaScript. Use common English to remove methods that block rendering resources and handle JavaScript runtime. Then it works. – you can bet! Male file optimization tab media tab: lazload – activation of images, iframes and videos YouTube iframereplace missing page size as preview image add preload tab:
Enable preload site map based cache preload enable yoast SEO XML site map heartbeat tab: control heartbeat (helps to save some server resources). Additional features tab: cloud plane. After reviewing the 80\/20 rule setting for optimizing the website performance, invite Rick to share the most important skills that should be considered when optimizing the website performance. He replied, \
Load deferred JavaScript is also a powerful function. Load JavaScript deferred for superior performance scores
