Minify JS and CSS

Discussion regarding Joomla! 3.x Performance issues.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Post Reply
AnandGIBES005
Joomla! Apprentice
Joomla! Apprentice
Posts: 29
Joined: Sun Apr 29, 2018 4:40 pm

Minify JS and CSS

Post by AnandGIBES005 » Fri Aug 30, 2019 9:22 am

Hi,

In the Joomla admin backend - I have enabled - Optimize CSS & JS - http://prntscr.com/ozj82r

However, as per https://gtmetrix.com/ - it is still suggesting to enable / minify jss and css.

So, please let me know - how to proceed ahead with it.

Regards.

User avatar
bruno28
Joomla! Explorer
Joomla! Explorer
Posts: 290
Joined: Wed May 16, 2012 5:41 am
Location: Chartres, France
Contact:

Re: Minify JS and CSS

Post by bruno28 » Fri Aug 30, 2019 9:52 am

Hello AnandGIBES005

Did you clear the Joomla cache and your browser cache ?
Cordialement, Bruno28 :)
Joomla! 3.9.12 - php 7.3
https://www.bp2i.fr/ - https://www.moneglisesurle.net/

gws
Joomla! Virtuoso
Joomla! Virtuoso
Posts: 3922
Joined: Tue Aug 23, 2005 1:56 pm
Location: South coast, UK
Contact:

Re: Minify JS and CSS

Post by gws » Fri Aug 30, 2019 10:07 am

The gmetrix site offers you the option to download minified css and js.download and replace on your site.

AnandGIBES005
Joomla! Apprentice
Joomla! Apprentice
Posts: 29
Joined: Sun Apr 29, 2018 4:40 pm

Re: Minify JS and CSS

Post by AnandGIBES005 » Fri Aug 30, 2019 11:29 am

Yes, I have cleared the Joomla cache and your browser cache and it is still showing - http://prntscr.com/ozl4ve

As you have mentioned - http://prntscr.com/ozl58h
can you please share the url so that I can download it.

User avatar
bruno28
Joomla! Explorer
Joomla! Explorer
Posts: 290
Joined: Wed May 16, 2012 5:41 am
Location: Chartres, France
Contact:

Re: Minify JS and CSS

Post by bruno28 » Fri Aug 30, 2019 12:22 pm

GTmetrix propose you to download minified css and js as gws said on the right of the files with optimized version

gtmetrix.png

And if you want to cite a post, use the cite button above the message instead of doing screenshot, it's easier :)

cite.png
You do not have the required permissions to view the files attached to this post.
Cordialement, Bruno28 :)
Joomla! 3.9.12 - php 7.3
https://www.bp2i.fr/ - https://www.moneglisesurle.net/

User avatar
john-doe
Joomla! Guru
Joomla! Guru
Posts: 900
Joined: Tue Apr 19, 2011 7:39 pm
Location: Colombia
Contact:

Re: Minify JS and CSS

Post by john-doe » Fri Aug 30, 2019 4:50 pm

I'm sorry it this looks like Hijacking but i'm curious about, Is there any plugin that renders the CSS and JS files, minifies them and when you need to edit them via template editor of the backend get straightened so you can edit your file and once saved gets minified for such services.

I know about that since I know that Typo3 CMS has something close to it but i never heard of it for Joomla. Because that might be a solution for this case.
www.aldemar-hernandez.com - Custom templates and design services.

User avatar
bruno28
Joomla! Explorer
Joomla! Explorer
Posts: 290
Joined: Wed May 16, 2012 5:41 am
Location: Chartres, France
Contact:

Re: Minify JS and CSS

Post by bruno28 » Fri Aug 30, 2019 5:07 pm

john-doe wrote:
Fri Aug 30, 2019 4:50 pm
I'm sorry it this looks like Hijacking but i'm curious about, Is there any plugin that renders the CSS and JS files, minifies them and when you need to edit them via template editor of the backend get straightened so you can edit your file and once saved gets minified for such services.

I know about that since I know that Typo3 CMS has something close to it but i never heard of it for Joomla. Because that might be a solution for this case.
Maybe JCH Optimize ?
Cordialement, Bruno28 :)
Joomla! 3.9.12 - php 7.3
https://www.bp2i.fr/ - https://www.moneglisesurle.net/

Jim Holloman
Joomla! Intern
Joomla! Intern
Posts: 56
Joined: Thu Apr 25, 2013 4:05 am

Re: Minify JS and CSS

Post by Jim Holloman » Fri Sep 20, 2019 6:12 am

AnandGIBES005

Can you tell me where to find "Optimize CSS" and "Optimize JS". I do not find either in my Joomla Backup. I am using Ver. 3.9 with the Protostar template.

gws
Joomla! Virtuoso
Joomla! Virtuoso
Posts: 3922
Joined: Tue Aug 23, 2005 1:56 pm
Location: South coast, UK
Contact:

Re: Minify JS and CSS

Post by gws » Fri Sep 20, 2019 8:35 am

Jim Holloman wrote:
Fri Sep 20, 2019 6:12 am
AnandGIBES005

Can you tell me where to find "Optimize CSS" and "Optimize JS". I do not find either in my Joomla Backup. I am using Ver. 3.9 with the Protostar template.
See bruno28 second post.

User avatar
bruno28
Joomla! Explorer
Joomla! Explorer
Posts: 290
Joined: Wed May 16, 2012 5:41 am
Location: Chartres, France
Contact:

Re: Minify JS and CSS

Post by bruno28 » Fri Sep 20, 2019 9:47 am

In the Joomla admin backend - I have enabled - Optimize CSS & JS - http://prntscr.com/ozj82r
Jim Holloman wrote:
Fri Sep 20, 2019 6:12 am
AnandGIBES005

Can you tell me where to find "Optimize CSS" and "Optimize JS". I do not find either in my Joomla Backup. I am using Ver. 3.9 with the Protostar template.
Hello Jim Holloman

I think it is not with Joomla but with his template he could do this
Cordialement, Bruno28 :)
Joomla! 3.9.12 - php 7.3
https://www.bp2i.fr/ - https://www.moneglisesurle.net/

Jim Holloman
Joomla! Intern
Joomla! Intern
Posts: 56
Joined: Thu Apr 25, 2013 4:05 am

Re: Minify JS and CSS

Post by Jim Holloman » Sat Sep 21, 2019 4:30 pm

I found an extension that is closely related:
https://extensions.joomla.org/extension/jch-optimize/

helpwithjoomla
Joomla! Apprentice
Joomla! Apprentice
Posts: 38
Joined: Sat Sep 21, 2019 7:29 pm

Re: Minify JS and CSS

Post by helpwithjoomla » Sat Sep 21, 2019 7:58 pm

We regularly use JCH Optimize. It's a great Extension for optimizing css and js files.

It can be difficult to minimize files NOT hosted on your server like the Google Fonts css file. You could download that css file, optimize it and then save it to your server. That would also require relinking to the file on your server instead of Googles file.

I'd use JCH Optimize and just live with whatever limitations you get.

You already have an "A" for PageSpeed which is really good!


Post Reply

Return to “Performance - Joomla! 3.x”