[Susan]

How can I adjust the plugin so the CSS and JS files are only loaded on pages that have directory entries? I have the following files loading on every page:

/wp-content/plugins/connections/assets/css/cn-user.min.css
/wp-content/plugins/connections/vendor/chosen/chosen.min.css
/wp-content/plugins/cmap-directory/cmap-directory.min.css (this is the customized version of cmap we use)
/wp-content/plugins/connections/vendor/picturefill/picturefill.min.js

Directory entries are only displayed on a small percentage of pages on our site, so it would be more efficient to only load the files where needed.
I’ve found directions for de-queuing plugin files globally and then enqueuing them for specific pages, but that means that every time we make a change involving the directory I have to make sure the page id’s are correct in the functions file. Most of the plugins we use only call scrips and styles where required – is it possible to have Connections do the same?

Thanks, Susan

[Steven Zahm]

@ Susan

re: Most of the plugins we use only call scrips and styles where required – is it possible to have Connections do the same?

Other than de-enqueuing them and then re-enqueueing them, sorry, no. I did have this at one time but quickly removed it because many users use the shortcode in places that can not be checked for in the post/page content (which is how other plugins do it). So examples. In text widgets and a few visual page builder plugins/themes that are popular enough that they can not be ignored.

The extra files have no impact beyond the first page load by a visitor anyway because the browser will cache the files and use them on subsequent page visits by the user. You probably better off from a performance standpoint to use a caching plugin like WP Rocket which minifies (Connections scripts are already minified) and concatenates CSS/JavaScript files.

Hope that answers your question thoroughly.

[Author]

Posts