One step of the web development process is the optimisation of the website to increase its speed and performance, something I actually really enjoy doing.
Tweaking every line of code in a site, reducing page load and optimising assets to reduce the over page size by a few kilobytes for every file is all apart of the process to get it loading under Google's recommended 1.5 seconds.
Here is a list of some extensions that can help you optimise your Joomla website to shave of those excess kilobytes and speed up your website to load it as quickly as possible.
This plugin helps optimise your website by combining and minimizing HTML, CSS and JS files. if you're not using a templating framework that already has this built into its core, or if you're not using LESS/SCSS preprocessor then you'll need this to do just that! JCH Optimise has always been a quick and easy tool to easily optimise your site.
jbetolo, like JCH Optimise will help you with front end optimisation by combining and minimizing HTML, CSS and JS.
Neither JCH or jbetolo will work out of the box and will take time and effort to configure and set up correctly, but once you get the settings configured correctly you'll see some great performance gains by reducing file size and the amount of requests that it will take to load your website.
Delivering assets from your website via a CDN will help improve the delivery of the images, css and js files. A CDN provides multiple benefits when it comes to optimisation and speed.
- Deliver assets from a sub domain allowing for multiple synchronised downloads
- Provides cached versions of assets closer to the user's locations
- Reduce bandwidth usage from your server
- Reduce overall load from your server
Another alternative to CDN for Joomla! is Ja Amazon Se
JA Amazon S3 - Cloudfront CDN Component for Joomla! brings the power of cloud file hosting to Joomla!. Hybrid hosting is now possible, load site from your server and files (images/ documents/ CSS/ JS) from amazon clouds or even Amazon Cloudfront Content Delivery network (CDN).
Lazy loading is a method of delaying the loading of images on a page until they are actually called upon by the user when they appear on their viewpoint on the screen.
Ok, this one isn't an extension itself but it is an extremely useful resource when it comes to off loading assets from your server and having the delivered from a global CDN used by many developers around the world.
CDNJS allows you to use their CDN hosted JS files from almost any popular JS library from bootstrap.js all the way to an obscure parallax js script.
Replacing the JS libraries being called on your site can hugely help in your page speed.
Hopefully some of these tools will help you squeeze off a few more kilobytes of data off your site to make it load and perform just that much faster.
If you have a great plugin, extension or tip in regards to getting your site to load faster, please let us know in the comments below.