Yootheme pro page speed improvement tools plugin developed to improve Yootheme performance The plugin provides the passage of Google Lighthouse tests on points: - Preload key requests - Ensure text remains visible during webfont load Improves performance on test point: - Elimination of resources that block rendering

 

# 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!