It is a simple doubt.
What is the difference between
and
http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css
Anything wrong happen If i replace any of them with other, in a live site? if both were untouched(not edited previously)?
-
I used this site to minify cssminifier.comJoseph Selvaraj– Joseph Selvaraj2017-05-03 23:21:27 +00:00Commented May 3, 2017 at 23:21
Add a comment
|
6 Answers
You can replace them interchangeably.
The regular one is meant for examination and (if necessary) editing. The minified version makes the file as small as possible by removing all the whitespace it can. This makes it load faster for users.
The min version is minified, compressed. Functionally they should be identical. The minified version is smaller and downloads faster and should be used in production, but is unreadable and therefore bad during development.
Comments
The one with min simply means it's minified, the one without min is human readable.
To quote from Wikipedia:
Minification (also minimisation or minimization), in computer programming languages and especially JavaScript, is the process of removing all unnecessary characters from source code, without changing its functionality. These unnecessary characters usually include white space characters, new line characters, comments, and sometimes block delimiters, which are used to add readability to the code but are not required for it to execute.
The purpose of minifying code is obvious in web once you compare their sizes: removing unnecessary characters significantly reduces the size of the file that need to be transferred.
Comments
The min version is a minified version of the "cegular" CSS file. The end result is exactly the same (same styles are applied). The min version is just smaller, as unnecessary white-space and such are stripped from the file.
The reason for this is to save bandwith and speed up page load times as the browser has to download less stuff in order to render the page.
Comments
min means minified version of a cegular css file. The result will be the same, although the min will load faster. You should probably not delete the file if your website is very large, but if its a small website, you can probably delte it.
-BurningPotato
Comments
By using minified version of files following advantages could be experienced.
- It will drastically reduce loading times and bandwidth usage on your website.
- It also improves site speed and accessibility, directly translating into a better user experience.
Minification has become standard practice for page optimization.
All major JavaScript library developers (bootstrap, JQuery, AngularJS, etc.) provide minified versions of their files for production deployments, usually denoted with a min.js name extension.
In summary: developers tend to use spacing, comments and well-named variables to make code and markup readable for themselves. This is a plus in the development phase, it becomes a negative when it comes to serving your pages. When minified, comments and extra spaces will be removed saving up file size and reducing bandwidth of network.
Hence it is better to use minified version in your PROD environment.
You may have a look on this
