I work on a website and we were able to reduce the overall content for loading a page from 13.7 MB to 2.4, but the page still needs to be downloaded forever.
This is the joomla (ick) site and it contains a lot of redundant DOM elements (2000+ for the home page) and makes 60+ HttpRequest for each page load, counting all css, js and image requests. Unlike drupal, joomla will not merge them all on the fly, and they need to be kept separate, otherwise joomla components will go out.
What can I do to increase load time?
What I've done:
- Added colors for dom elements that have large images as background, so the color is loaded, then the image
- Reducing excessively large images to much smaller file sizes
- Reduced DOM elements to ~ 2000, from ~ 5000
- CSS loading at the top of the page and javascript at the end
- Not entirely possible, joomla introduces its own javascript and css, and it always does this in the header.
- The smallest javascript
- Configuring caching and gziping on the server
Uncached size 2.4MB, ~ 300KB is cached, but even with so many dom elements, the page takes a little time to render.
What else can I do to improve load times?
source
share