Up next in 10
Build a Source Code Compressor & Minifier Tool in Browser Using HTML & JavaScript
Jun 24, 2025
Buy the full source code of application here:
https://procodestore.com/index.php/product/build-a-source-code-compressor-minifier-tool-in-browser-using-html-javascript/
Hi Join the official discord server to resolve doubts here:
https://discord.gg/cRnjhk6nzW
Visit my Online Free Media Tool Website
https://freemediatools.com/
Buy Premium Scripts and Apps Here:
https://procodestore.com/
Show More Show Less View Video Transcript
0:01
uh hello guys welcome to this live
0:03
stream so in this uh video I will show
0:05
you a new tool that I deployed on my
0:07
website freemediatools.com
0:10
so this is actually a source code
0:12
compressor
0:14
if you go to free mediatools.com you
0:17
will find out this tool which is source
0:20
code compressor and minifier so from the
0:23
name itself it actually compresses all
0:25
your source code into and minify it and
0:29
it will save you a lot of space as well
0:31
so you can see it supports all the
0:33
languages in the drop-down you can
0:35
select your language of the source code
0:38
from the select list and then you can
0:41
copy paste all the uh original source
0:44
code in the left hand side and then
0:47
click as soon as you paste the source
0:50
code let me just take this example here
0:54
this HTML code here
0:57
and from the drop-down I select HTML and
1:01
I paste it here and now you will see on
1:04
the right hand side it will compress
1:06
everything
1:08
on the right hand side and it will also
1:10
show you the original size which is 24
1:13
kilobytes and it has reduced to 8.9
1:16
kilobyte
1:18
so it is actually removing all the
1:19
comment removing all the extra white
1:22
space empty lines and
1:24
so it the size reduction is 36.7%
1:28
and you are saving 15.4 kilobyte so when
1:32
it comes to uh serving your application
1:35
for production it is better to compress
1:37
your code to actually enhance the
1:40
productivity of the application it will
1:43
increase the speed as well so after that
1:45
you can copy the copy to clipboard this
1:48
is your production level code here you
1:50
can paste it here so all your code is
1:53
you can see it is minified now it has
1:56
reduced
1:58
still the code will actually execute
2:01
properly here you can see
2:06
so this is the tool here if you need the
2:08
full source code of this tool the link
2:09
is given in the description you can
2:11
directly purchase the full source code
2:13
uh by going to my website
2:15
procodestore.com after you purchase it
2:18
you will be automatically be redirected
2:19
to Google Drive where you will get this
2:21
index html file here this is round about
2:25
684 lines of code here so this is
2:27
entirely built using HTML CSS and
2:30
JavaScript this is source code
2:32
compressor and minifier which runs
2:34
entirely in the browser you actually
2:37
paste all your source code right in the
2:40
left hand side and then automatically
2:45
the source code will be compressed so
2:48
it's basically supports all the
2:50
languages
2:52
so let's suppose I paste this bunch of
2:55
CSS code here so automatically on the
2:58
right hand side all the white space
3:00
comments will be removed and it will be
3:02
compressed here on the right hand side
3:04
and then you can simply copy to
3:06
clipboard so it will also show you the
3:08
original size which is 658 bytes and
3:11
that reduced to 276 bytes 41%.9
3:16
reduction rate so if you are interested
3:20
you can first of all try out this tool
3:22
on the check out page I have given this
3:24
link here so if you are interested in
3:26
this in this code compressor and
3:29
minifier
3:31
it supports all these programming
3:32
languages you will see JavaScript HTML
3:35
Python Java C++ PHP so from the
3:38
drop-down you select your programming
3:40
language simply paste the code and then
3:42
it will minify it instantly right in the
3:45
browser itself so if you're interested
3:48
the link is given in the description so
3:50
once you get the source code you can
3:52
easily modify it and uh also add more
3:55
functionalities to it and now you can
3:57
see we are running it on local host and
4:00
you repeat the process you simply paste
4:03
the actual source code so in this case
4:06
the JavaScript
4:09
and you can toggle these options if you
4:11
don't want to remove empty lines you can
4:13
do this if you don't want to remove wide
4:16
space you can also do this as well so
4:19
as you can see it runs entirely in the
4:21
browser it's a fully fleshed application
4:23
source code compressor and minifier
4:27
so thank you very much for watching this
4:29
video and I will be seeing you in the
4:31
next video
#Scripting Languages