How to speed up Joomla website using Gridbox performance tools?

Joomla website builder Gridbox comes with build-in performance tools. In this tutorial, we'll show you how to speed up Joomla using Gridbox performance tools. Also, we'll explain the basic principles of how these tools work.

  1. Install Gridbox app - Performance. 
  2. Click the icon Site ➝ Performance.

Code compression

Gridbox code minification tools minify and combine source code to improve the performance of the Joomla website.

  • Code minification removes all unnecessary characters from the HTML, CSS and JavaScript source files. Code minification improves page load time by reducing the size of the source files
  • Combining files replaces separate source CSS and JavaScript files with one CSS and one Javascript file, and thereby reduces the number of HTTP requests. The smaller the number of HTTP requests, the faster the browser loads the page

Page and browser caching

Local storage of static site elements (CSS, JavaScript, images) reduces page load time. Thus, each time a user visits the same page again, it will be served from the cache. Such an approach makes sites extremely fast, improved SEO and usability.

  • Page cache is a caching technique that saves the entire page in the cache on the server-side and significantly minimizes response time for displaying the page
  • Browser cache. If the page has been cached in the browser, the site sends the “304 unchanged” header to the browser, so the server does not need to reupload the page for the site visitor

Image optimization

Joomla website builder Gridbox provides 2 ways to optimize images for a site: manual and automatic.

Compressing images manually

Joomla website builder Gridbox has its own Photo Editor that allows you to reduce picture file size and weight (quality), crop, adjust, and add a filter. With Gridbox Photo Editor, you can optimize each image individually to the needs of a concrete element on your site.

Automatic image compression

Automatic image compression and resizing tool is an algorithm that reduces the size and weight of images using the compression method.

To enable automatic image compression and resizing, click the icon Site ➝ Performance ➝ Images ➝ click the toggle button Compress Images. Set the max. size and quality. Also, you can convert images to WebP.

  • Compressed pictures will be placed in the folder ".../images/compressed". After disabling image compression, folder "compressed" with all pictures inside will be deleted​

Adaptive images

Adaptive images automatically generate images for each screen size of the mobile device and are displayed in the corresponding version.

Lazy load images

Lazy load images is a performance optimization method that loads only visible images. Images that are off-screen don't load until the user starts scrolling down the page. 

To enable Lazy load on your Joomla site click the toggle button Lazy Load Images.

Related articles