New Participant

Answered

How to minify js and css using dreamweaver?

Forum|Forum|11 years ago
June 18, 2014
7 replies
37143 views

Hello i would like to know whether is it possible to minify js and css using Dreamweaver.

i'm using adobe Dreamweaver cs6

Thank you!

This topic has been closed for replies.

Correct answer lnayal

Hi dinu54,

Dreamweaver doesn't do anything to minify css and js.

Here are some online tools for minifying CSS and JS.

CSS Minifier - http://www.cssminifier.com/
JS Minifier - http://jscompress.com/

CSS Unminifier - http://mrcoles.com/blog/css-unminify/
JS Unminifier - http://jsbeautifier.org/

B i r n o u

Community Expert

I agree that if an extension can be installed in within DW it could be usefull for newbies... but once the script is ready to go... a simple command launch it... and it is nothing more , nothing else...

here is just a sample from the top of my head... but depending on project it can be affined, replaced... so

all of them are just gulp... and the list is not complete... it also exist for grunt... for node... for postCSS... in short nothing is limited... all of them can be mùerge in a simple and unique task

please, if anyone, non coder, need a running task ready to be use... please, don't hesitate... I could also join a tutorial if needed...

again... I'm not forcing anyone to use it... I just say, it exists, it's easy to use, and handle the job marvelously... without modifying , and changing the source file....

pziecina

Brainiac

Thank you for posting the list Birnou.

The reason I suggest an extension, is because it would be for ex Muse users, (people who don't really want to code) so it may be helpfull if some form of tutorial was available, (probably written as simple as possible). How to install and use, possibly using a simple click to install would I think be best, with a ready made script example for set-up, as someone who does not want to code, may not be comfortable using the command line.

B i r n o u

Community Expert

yep, that is why I propose to any one who need the use of a powerfull tool for cleaning and minimising , also HTML, than CSS than JS, to ask if they need a tuto and script ready to use...

sure that an extension is also really welcome...

B i r n o u

Community Expert

minifying css can also be the result of changing class name (human readable) like .tableproducts-bodyinformation--inactive being converted in .a, well that also mean to convert the use of this class in all the HTML and the JavaScript....

well that doesn't mean that all the class must be done that way, so exception, must also be allowed... (see angular.js)...

then a lot of CSS can be forgoten in the files, being unused, and should also be removed from there, and so on...

that's why, AND DEPENDING on the project that I'm involved in, I always have nodes tools under hand based on postcss, gulp or grunt... and that marvelously handle the job...

then what's done for CSS is also done for JS, HTML, and others images, SVG and fonts...

as I'm often use Apache web server, I've also set plenty optimisation from there, and not just from client side... I'm in the last process of a free PDF notes concerning those tasks... should be available early 18

ALsp

Brainiac

https://forums.adobe.com/people/B+i+r+n+o+u wrote
as I'm often use Apache web server, I've also set plenty optimisation from there, and not just from client side... I'm in the last process of a free PDF notes concerning those tasks... should be available early 18

Ah. So your pages load in 3.14159265359 seconds as opposed to 3.15 seconds. Maybe. You're a star, Birnou

B i r n o u

Community Expert

arf arf... so cool... you're right Al,.... but please don't shout it so loud...

kidding aside, in fact, if we look close on the developer tool network panel, the gain is not only based on a bandwidth gain, but also on a request numbers and painting / rendering time...

that is true that it also depend on the type of content and CSS that you're using, but generally the final gain allow to save 60 to 80 percent (globally an average in between the time to load the kilo and the time to paint the content )

ALsp

Brainiac

Compressing script and CSS files is an utter waste of time. The compulsion to do so comes, in large part from FOG (fear of Google) because Google Pagespeed highly recommends doing it. The savings comes from unrealistic algorithms and compressing a script file will eventually cause problems, as will setting an async attribute, while compressing CSS files is simply annoying. Of course, this all means that Adobe will probably get completely behind it

E

emmaonfire

New Participant

Hello,
I would be very very very careful of using these thirdpary compilers, from apst experience I have tried and only later discovered that it minipulates the code. How is this done......

THe meta tags, it removed all the "" thus later you had other companies contact your clients promising to get their website better listings on google etc for a small set fee.

When looking at compiled code it is v v v difficult to note the "" are missing, and near overnight your site will drop from Google.

I would far prefer a dreamweaver extension that achieved this rather than relying on a third party that will make note of your site, minipulate it where as visually you will not see a difference in apparence but wow..... it will kill your seo.

cheers

BenPleysier

Community Expert

This is a very old discussion. In the meantime Dreamweaver has come with a preprocessor module where the CSS can be compressed.

I know that this relates to SASS/Scss, but, because vanilla CSS with an Scss extension is recognised, you can use it for CSS.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

E

elugens69

New Participant

Just a little update to the original question. I found a link that shows you how to Minify your code in dreamweaver without having to use an external Minifier. You can visit the link below to get step by step instructions on the process. Most minifiers cause problems with code. So, it is best that you test your code to make sure it functions properly.

Link: https://www.sanwebe.com/2012/05/minify-html-codes-using-dreamweaver

Thanks

Stacey Wilson