Ultimate Guide to High Google PageSpeed Score for Websites on Joomla - JoomShaper

Ultimate Guide to High Google PageSpeed Score for Websites on Joomla

08 March 2021
Hits 1,463
7 min read
Ultimate Guide to High Google PageSpeed Score for Websites on Joomla

How long do 2 or 3 seconds really feel? Well, it may be a small amount of time for anything but when it comes to website loading - it is a huge deal! It can profoundly affect your search ranking, traffic, user experiences, and even your revenue.

It’s a no-brainer. If you want more traffic, more subscribers, and in turn more revenue, you have to make your website fast. And guess what? You’re in for a treat! I’ve put together everything you need to know to get the perfect Google PageSpeed score for your Joomla site.

Let’s dive right in.

Tools to Check the PageSpeed of a Website

First thing first, to improve your page speed you must first know where you stand.

Fortunately, there are so many free tools available to check the page speed of a site. Not only that, but they also provide suggestions on what files to tweak on our site for a faster load.

Here’s a list of some of the tools that are free to use and reliable.

  1. Google Page Speed Tool
  2. WebPageTest
  3. GTMetrix
  4. Pingdom Page Speed Test
  5. Google Analytics
  6. Lighthouse

Recommended PageSpeed Score to Target

How long are you willing to wait for a web page to load before getting frustrated and bouncing away? 5, 10, 15 seconds? Most visitors are likely to abandon your site if it takes longer than just 3 seconds!

According to Google, a web page that takes 5 seconds or less to load has 60% greater page views and a 35% lower bounce rate than a web page that takes more than that.

While you might want to aim for a 100/100 Google PageSpeed score, the best any normal website can probably expect to achieve is between 80 to 90. Unless you spend a lot on website hosting, you won't reach those scores.

Generally, a score of above 80 indicates a page is performing well.

How to Improve Your Google PageSpeed Score?

Once you have found out your current page speed score and set a goal to achieve, it’s time for improvements.

Some of the many ways to improve your Google PageSpeed are: 

Choose a Reliable Joomla Page Builder

Unreliable page builders can make your site bloated by adding unnecessary codes and files thereby slowing your site down.

But SP Page Builder won’t do that! Its awesome features like caching system, image optimization, lazy loading, etc. make it the best choice for building lightweight and fast web pages.

For images from several addons, for example, Article, Slideshow, Carousel, Clients, Image, Modal, and Person - by default, it uses built-in native lazy loading for the Chrome 76+ browser users. For the rest of the browsers, SP Page Builder uses IntersectionObserver’s Coming into View.

To enable lazy loading from the Global Configuration, go to the global settings of SP Page Builder and turn ON the Lazy Load button.

Use Joomla Templates Optimized for Speed

Templates are great right? They let you create beautiful websites in a matter of minutes without having to wrangle with any code. But choosing the wrong template can backfire you instead of doing any good.

Choose templates that do not increase your load time and make it easy for search engines to crawl the content of the website. We have a wealth of templates in our collection that is SEO optimized, responsive, and well-coded.

Enable Joomla Caching

While there are so many ways you can speed up your Joomla site, enabling caching has shown far better results than anything else.

If you enable cache, the browser bypasses the server and loads the content directly from its cache. Needless to say, it significantly improves your page speed. Learn how to easily set up the Joomla cache and speed up your Joomla site faster than ever.

Enable Server Caching

Check if your hosting account supports LiteSpeed Web Server's cache engine. If yes, you should download and install the Joomla plugin LSCache. It works by serving static snapshots of dynamic content. In bypassing expensive PHP transactions, page load times are dramatically reduced. LSCJoomla's advanced tools and tag-based caching system make it easy to manage an accurate cache. When content is updated, targeted purging insures that you never clear too many (or too few) pages from cache. And the cache crawler rebuilds purged pages, minimizing the chances that users will encounter uncached content.

With LSCJoomla's ESI feature, serve fully cached, personalized content to logged-in users, and keep your site fast and accurate for everyone.

Plus, LiteSpeed Web Server's impressive HTTP/2 performance can bring remarkable speed to your Joomla sites.

LiteSpeed Web Server conserves resources without sacrificing performance, security, compatibility, or convenience. When you replace Apache with LiteSpeed, you double your maximum capacity, and eliminate the need for a 3rd party caching layer - all in 15 minutes with zero downtime!

Remove Unused Joomla Extensions

Remove unused extensions: modules, componenys and plugins! Period. The more extensions you install on your site, the slower your site becomes as they take up some system and database resources.

Remove extensions you no longer need or use, not only to improve the speed but also for security purposes.

Enable Gzip Compression on Joomla

When you use Gzip on your Joomla site it improves the performance and significantly reduces the response size by 70%. How? Its brilliantly simple algorithm locates similar strings and replaces them temporarily thus reduces the size of the web pages without decreasing the content quality.

Refer to our article to learn how to use Gzip compression on Joomla.

Use Content Delivery Network

Instead of loading your media files such as videos, images, audios, etc. from the host server, a more efficient way is to use a CDN (Content Delivery Network) to load them. Some popular CDN providers that will work with CDN for Joomla are Amazon CloudFront, BunnyCDN, etc.

Mobile Optimization for Your Joomla Site

More than half of the web traffic comes from mobile users. Don’t you think it’s foolish not to optimize your Joomla site for mobile devices?

Another important reason why you should optimize your site for mobile use is because of Google's mobile-friendly ranking algorithm. Basically, this algorithm is designed to give mobile-friendly websites a boost when it comes to ranking on Google mobile search results. You can also use extensions like jAmp, Responsivizer, etc. for better speed on the mobile web page.

Minify CSS, JavaScript, and HTML

Minifying merges all CSS and JS files so the number of requests decreases. It also removes all unnecessary spaces, line breaks, and comments to reduce the file size.

You will find several Joomla extensions to optimize your site in the Joomla extensions directory. Some of the best optimizing extensions for Joomla are JCH Optimize, JBetolo, ScriptMerge, etc.

Optimize Images

Image-heavy websites struggle to increase page speed and thus increase their webpage bounce rates.

Here’re some best practices to follow for adding images to your site:

  • Resize your images before adding them to the server
  • If you cannot resize before uploading them, define the height and width in HTML
  • Compress your images to reduce unnecessary file sizes
  • Use WebP images
  • Use alt text to describe the image in one sentence
  • Appropriately use PNG, JPEG, and GIF file types
  • Use web fonts rather than placing text within images

Improve Server Response Time

The amount of time it takes for the web browser to receive a response is known as the server response time. This is often measured by Time to First Byte.

According to Google’s PageSpeed Insights, your server response time should be under 200ms. Invest in a high-performing web server even if that takes some extra bucks.

Final Thoughts

The benefits of optimizing your page speed are clear. So, when are you going to start optimizing? Follow the actionable tips mentioned above and see the improvement for yourself.

Did we miss anything? Let us know what you do to improve your page speed in the comments. Good day!

 
 
 
 
 
Zareen Tasnim

Zareen Tasnim

Technical Content Writer
Zareen is a technical content writer at JoomShaper. She's a tech enthusiast, writer by day, programmer by night, and always a foodie at heart!

Comments (3)

Geoffrey Smith
Geoffrey Smith
This comment was minimized by the moderator on the site

You missed out the tweaks you can place in the .htaccess file to keep images, scripts etc that do not change very often on the client side. This accounts for a big score plus in the new google page speed testing.

Zareen Tasnim
Zareen Tasnim    Geoffrey Smith
This comment was minimized by the moderator on the site

Yes, that accounts for a big plus too. Thank you for mentioning it!

S
ssnobben
This comment was minimized by the moderator on the site

Check and implement a AMP compatible page too (PWA also). Check testing here:
https://search.google.com/test/amp and Lighthouse
https://www.webpagetest.org/lighthouse
https://developers.google.com/web/tools/lighthouse/

There are no comments posted here yet

Sign up for our newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.