Minify External CSS Google API

Question

I am trying to optimize my website and have found one issue of minification with the CSS file:
http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/jquery-ui.css

I thought of minifiying the script normally using minification tools but no effect. Tried to minify with the help of plugins but there is nothing changed in the Google insights result.

Hence would like to know hwat could be done to minify such css files.

@MoisheLipsker Yes I did. Actually, the minification can be done but where I need to put it. As the css is external it is a bit difficult to locate where exactly it have been used. The website is too large and code bulky. Hence searching for the finest way to resolve it. — Jaffer Wilson
– Jaffer Wilson, Commented Sep 1, 2017 at 6:44

Gamer · Accepted Answer · 2017-09-01 06:45:54Z

1

Download the code from the url and then paste it to a local css file. Call the css file on your code after doing minification. You're done.

answered Sep 1, 2017 at 6:45

Gamer

3114 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Jaffer Wilson Over a year ago

Do I need to link it somewhere, as I do not want to disturb my other css files. I would like to keep it isolated but still functioning.

Gamer Over a year ago

You can link it with another local css file and don't forget to delete the original link from the main code. No need to add the code in the main css file. Mostly I do minification for external css files in this way though it's not a good idea as google update their code frequently. But it saves my time and helps me to do speed optimization.

Community · Accepted Answer · 2020-06-20 09:12:55Z

There are some options you may choose from:

Very Basic: Use an online minifier like https://cssminifier.com/. You can enter the css content in a text area and minify it or you could it's API and
Extend your bulid pipeline to use a plugin that handles css: gulp-cssmin or gulp-clean-css are examples for gulp.

Int this answer you see an easy usage example on how to compile less to css and then minify it. Using less is of course optional.
Some editors like atom support minifying a css file without any plugins. Other editors like Visual Studio Code may need an extension to support that.

Regarding that you want to minify an external file:

I'd try to minify it when building your project and not on client side since the client would likely have to download your script before minifying, making the minifying useless.

I recommend just downloading it, maybe with bower, and then minifying it.

Collectives™ on Stack Overflow

Minify External CSS Google API

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related