How it works​

Script optimization​

• Optimize loading custom.js file
• 
  
• Developer mode to update your Custom JS/CSS files
• 
  
• Inline or defer loading `theme.js` file
• 
  
• Move to the Footer and `defer` loading theme icons file
• 
  
• Move to the Footer theme analytics file
• 
  
• Move to the Footer theme newsletter file [J3 only]
• 
  
• Move OSM scripts to the footer [Joomla 3]
• 
  
• DNS-prefetch/preconnect for Google Analytics script
• 
  
• Optimize loading jQuery (remove/defer on head/footer)
• 
  
• Disable Mootools.js option [Joomla 3]
• 
  
• Disable/inline loading Joomla messages scripts [Joomla 4]
• 
  
• Option to defer loading Joomla core.min.js [Joomla 4]
• 
  
• Partial IE11 support to the theme
• 
  
• HTTP/2 preload uikit.min.js

Style/CSS optimization​

• 
  
• Disable/inline loading JCE columns CSS styles
• 
  
• Inline loading and minify to language switcher module styles
• 
  
• Disable loadind theme.update styles
• 
  
• Inline loading theme.css file into the page head [new]
• 
  
• Inline loading and minify of custom.css file (less than 15 kb) into the page head
• 
  
• Disable loading Joomla messages scripts [Joomla 4]
• 
  
• Disable/inline loading Joomla alert styles [Joomla 4]
• 
  
• Remove comments from theme CSS files [new]

Image optimization​

• 
  
• Adds `decode="async"` attribute for images
• 
  
• Auto preload for all logo images
• 
  
• Auto preload for boxed theme background image
• 
  
• Adjust the image quality using in-theme processing (jpg/webp/png/avif)
• 
  
• Adds the width and height attributes to the images (if they were specified in the element settings) Yootheme Pro 2.x only

Font optimization​

• 
  
• Disable loading Font awesome [J4 only]
• 
  
• Clear theme fonts cache and adding `link preload` tags
• 
  
• Auto preload for custom fonts from the child theme (woff2/ttf/eot)
• 
  
• For font styles, adds font-display: swap; attribute
• 
  
• Bot lawyer protection - removed the mention of using the Google font (fonts.googleapis.com) [new]

Requirements:

• Joomla 3.9.x/4.x
• Yootheme Pro 2.7.8+
• PHP 7.3+

How to use it:

• Install the plugin
• Open settings and apply needed options
• Go to theme settings and recompile theme styles (Yootheme > Style ⇒ Recompile LESS)

Important notes​

• Don't use DEFER mode for the theme.js file if you use Transparent Header on your layouts!
• The plugin uses modified theme classes, which can be changed to new versions. In case of problems, simply disable the plugin and to clean the theme cache.
• The plugin can't damage your original images and page layouts!