JS CSS Control - Joomla! Plugin - Logo

JOOMLA 5.x JOOMLA 4.x JOOMLA 3.x FREE PRO

Name: JS CSS Control - Version: 3.3.0-FREE / 3.4.1.0-PRO / 4.3.1.0-PRO / 5.0.2.0-PRO - Type: Plugin - License: GPLv3
Description: Control JS and CSS files in Joomla! - Joomla! Extensions Directory

Overview of all downloads of the extension: JCC - JS CSS Control Downloads

Control the loading of JS and CSS files globally and specifically in Joomla!

Plugin: JCC - JS CSS Control
Function: With this plugin the loading of JavaScript and CSS files can be easily prevented in Joomla!
Languages: German and English

With this plugin the loading of JS and CSS files can be easily controlled. You may suppress loading those files on pages where they are not needed. This might be important for example at the frontpage for optimizing loading times. The plugin is able to exclude those files globally or just on selected pages.

For global exclusion you have to enter the concerned file (with suffix) in a field. For selective exclusion on specified pages you have to enter parameters of the specified page additionally to the file name. You may generate an output of required parameters using the Debug Mode in the frontend. See "Installation" for more details.

Features

  • Excludes / Includes JavaScript (.js) files
  • Adds async and defer attributes to the script tags
  • Excludes / Includes CSS (.css) files
  • Global and specific deactivation of the files
  • Debug Mode (for determining of the required parameters) with detailed information
  • Removes Inline JavaScript - JCaption & Tooltip
  • Backend Execution
  • Language: English and German

Installation

Install the plugin by accessing the administration menu of the back-end under Extensions. Then access Extensions -> Plugins -> System - JCC - JS CSS Control and customize it to your needs. Don't forget to activate the plugin eventually!

Usage:

There are two options available. The first one is for the exclusion of JavaScript files, the second for the CSS files.

Enter only one file name each line. If you want to disable the file globally on all sides, then it is sufficient to enter the name of the file with the .js / .css extension. If you want to exclude specific files on a particular page, then you must also specify the parameters of the page. The parameters can be determined using the option "Debug Mode".

Procedure: Enable debug mode, load the desired page in the frontend, copy and paste the displayed parameters in the plugin settings, disable debug mode.

Debug Mode:

The debug mode shows the parameters with which the files can be excluded on certain pages. In addition, further information such as the number and sizes of files are displayed.

JCC Pro - Debug Mode - Joomla! 4.x

Changelog

+ = Added - ! = Removed - ^ = Changed - # = Fixed

Latest release

Version 5.0.2.0-PRO - 2024-03-12

  • + Added Execution type option for JavaScript rules. You may select the type of execution for the rule. The async and defer attributes in the <script> tag optimise JavaScript loading in HTML documents. async allows a script to load in the background and execute immediately upon download, ideal for independent scripts. defer also loads scripts in the background but delays execution until the HTML document is fully parsed, suitable for scripts that interact with the DOM or depend on other scripts. These attributes enhance page load performance by controlling script execution timing. The default value is remove. Thanks to Tanja for requesting this feature!

Download

Overview of all downloads of the extension: JCC - JS CSS Control Downloads