Hi,

have you tried JCH optimize pro? This is really nice optimization for that.

Pavol

Firstly thanks for your kind wishes

It follows that two files must be deferred (function "defer" :

do you mean that you hit the error above once you do the performance test yes? If it possible to provide us the steps to replicate this so that we can try find the root issue

By the way, thanks Pavol for your suggestion

Its not an error, just a recommendation from GTMetrix.
(I have attached a screenshot from the GTMetrix test for my website)
Deferring the JS files is one recommendation to optimise site loading speed.


To answer the question raised , there are a number of different plugins available for Joomla to defer the loading of these JS files (JHC Optimise, Javascript Async and Defer etc....just do a search in the Joomla extensions).
They are quite easy to install and make the process very simple.

However, in my experience, deferring the loading of the Easysocial JS files can have an negative side-effect, whereby the site doesn't load/work properly if you defer or async load the core JS files.
Extensive testing needs to be done to ensure everything works as expected, after whatever Async/Defer plugin is enabled.

I see, thanks for the information given Marc truly appreciated

I fully agree with Muhammad. If you try to optimize ES scripts you might com to troubles with functionality. ES is very dynamic compnent from its nature. I tried to also do it with JCH Pro and it worked, however my cache was growing like 20GB per day ! However if you are looking to speed up I can only recommend JCH PRO (much better than free verison). I was able to defer all other scripts and minify everything. ALso what is super useful is lazy loading of images and combination of JS files. My google page speed for mobile site went from about 11seconds to 3-4 seconds!

Be patient it is not trivial to setup.

Hello,

Thank you for all these relevant tips.

We already use JCH and actually, it's a great optimization plugin.

Thank you all for your help.

Best regards.

You guys just amazingly helpful, thanks

Hello. Can you please provide screenshots of JCH Optimize settings for EasySocial so I can apply the same settings for my site? Thaks.

Hi Dmitry,

The setting pretty much straightforward where you can set the basic setting as shown: https://take.ms/FJO2x

If you hosting have Litespeed you only need this Javascript async & defer plg working well and speed up ES et al. https://www.daycounts.com/shop/plugins/javascript-async-defer

Here you have some example files you can put in there but now you have to change to EasySocial 3.1.7 if you have that version:
/media/com_easysocial/scripts/site-3.1.6.min.js
/media/com_easysocial/scripts/admin-3.1.6.js
/media/com_easysocial/scripts/admin-3.1.6.min.js
/media/com_easysocial/scripts/admin-3.1.6-basic.js
/com_easysocial/scripts/admin-3.1.6-basic.min.js
/com_easysocial/scripts/bootloader.js
/media/com_easysocial/scripts/sharer.js
/media/com_easysocial/scripts/site-3.1.6.min.js
/media/com_easysocial/scripts/site-3.1.6-basic.js
/media/com_easysocial/scripts/site-3.1.6-basic.min.js
/media/com_easysocial/scripts/site/dashboard/default.js
/media/com_easysocial/scripts/site/registrations/registrations.js
/media/com_easysocial/scripts/site/search/osm.js
/media/com_easysocial/scripts/site/search/advanced.js
/media/com_easysocial/scripts/site/videos/list.js
/media/com_easysocial/scripts/uploader/uploader.js
/media/com_easysocial/scripts/uploader/queue.js
/media/com_easysocial/scripts/uploader/item.js
/media/advancedmodules/js/frontediting.js
/media/advancedmodules/js/frontediting.min.js
/templates/shaper_helixultimate/js/popper.min.js
/templates/shaper_helixultimate/js/bootstrap.min.js
/templates/shaper_helixultimate/js/jquery.countdown.min.js
/templates/shaper_helixultimate/js/main.js
/templates/shaper_helixultimate/js/system/frontediting.js
/components/com_sppagebuilder/assets/js/engine.js
/components/com_sppagebuilder/assets/js/jquery.magnific-popup.min.js
/components/com_sppagebuilder/assets/js/sppagebuilder.js
/components/com_sppagebuilder/assets/js/jquery.vide.js
/components/com_sppagebuilder/assets/js/jquery.loadscript.js
/components/com_sppagebuilder/assets/js/jquery.easypiechart.min.js
/components/com_sppagebuilder/assets/js/jquery.countdown.min.js
/components/com_sppagebuilder/assets/js/gmap.js
/components/com_sppagebuilder/assets/js/edit.js
/components/com_sppagebuilder/assets/js/actions.js
/components/com_spsimpleportfolio/assets/js/spsimpleportfolio.js
/components/com_spsimpleportfolio/assets/js/jquery.shuffle.modernizr.min.js
/components/com_spsimpleportfolio/assets/js/featherlight.min.js
/build/plugins/system/assets/js/bootstrap.min.js
/build/plugins/system/assets/js/admin/webfont.js
/build/plugins/system/assets/js/admin/modal.js
/build/plugins/system/assets/js/admin/menu.generator.js
/build/plugins/system/assets/js/admin/media.js
/build/plugins/system/assets/js/admin/layout.js
/build/plugins/system/assets/js/admin/helix-ultimate.js
/build/plugins/system/assets/js/admin/details.js
/build/plugins/system/assets/js/admin/blog-options.js
/media/plg_captcha_recaptcha/js/recaptcha.min.js
/media/plg_captcha_recaptcha/js/recaptcha.js
/media/th-TH/js/calendar.js
/media/th-TH/js/calendar-setup.js
/media/system/js/mootools-more-uncompressed.js
/media/system/js/mootools-more.js
/media/system/js/mootools-core-uncompressed.js
/media/system/js/mootools-core.js
/media/system/js/core.js
/media/com_contact/js/admin-contacts-modal.min.js
/media/com_contact/js/admin-contacts-modal.js
/media/sourcecoast/js/jq-bootstrap-1.8.3.js
/media/sourcecoast/js/jquery.placeholder.js
/media/sourcecoast/js/mod_sclogin.js
/media/jui/js/jquery.js
/media/jui/js/jquery.autocomplete.js
/media/jui/js/jquery.autocomplete.min.js
/media/jui/js/jquery.ui.core.js
/media/jui/js/jquery.ui.core.min.js
/media/jui/js/jquery.ui.sortable.js
/media/jui/js/jquery.ui.sortable.min.js
/media/jui/js/jquery-migrate.js
/media/jui/js/jquery-migrate.min.js
/media/jui/js/jquery-noconflict.js
/media/jui/js/ajax-chosen.js
/media/jui/js/ajax-chosen.min.js
/media/jui/js/bootstrap.js
/media/jui/js/bootstrap.min.js
/media/jui/js/bootstrap-tooltip-extended.js
/media/jui/js/bootstrap-tooltip-extended.min.js
/media/media/js/mediaelement-and-player.js
/media/media/js/mediaelement-and-player.min.js
/media/media/js/mediafield.js
/media/media/js/mediafield.min.js
/media/media/js/mediafield-mootools.js
/media/media/js/mediafield-mootools.min.js
/media/media/js/mediamanager.js
/media/media/js/mediamanager.min.js
/media/media/js/popup-imagemanager.js
/media/media/js/popup-imagemanager.min.js
/modules/mod_geekfacebookembed/fields/dependentselect/script.js
/administrator/components/com_sppagebuilder/assets/js/engine.js
/administrator/components/com_sppagebuilder/assets/js/actions.js
/administrator/components/com_sppagebuilder/assets/js/installer.js
/administrator/components/com_sppagebuilder/assets/js/media.js
/administrator/components/com_sppagebuilder/assets/js/script.js
/administrator/components/com_sppagebuilder/assets/js/utilities.js
/modules/mod_flexbanners/swfobject.js
/media/com_rsform/js/script.js
/media/com_rsform/js/recaptchav2.js
/media/com_rsform/js/frameworks/bootstrap3/bootstrap.min.js
/media/com_rsform/js/jquery/jquery.js
/media/com_rsform/js/jquery/jquery.min.js
/media/com_rsform/js/jquery/jquery-noconflict.js
/media/contenttemplater/js/script.js
/media/contenttemplater/js/script.min.js
/media/plg_captcha_recaptcha/js/recaptcha.min.js
/media/plg_captcha_recaptcha/js/recaptcha.js

Great! Thanks for the sharing

yeah you have to check your own path from your hosting provider where these files are so you put them in correctly so they have any effect.

I see