What programming languages need to know to minify objects and combine those correctly in website?

Hello,

What programming languages need to know to minify css, js files and combine them as single files to make loading time more less in website?

to optimize website speed?

Thank you

Note - I moved this post back to Blogging and removed the warning issued to the OP for posting in the incorrect sub-forum.

sageshark said:

Note - I moved this post back to Blogging and removed the warning issued to the OP for posting in the incorrect sub-forum.

Click to expand...

Thank you so much @sageshark <3

21KSuccessStory said:

Hello,

What programming languages need to know to minify css, js files and combine them as single files to make loading time more less in website?

to optimize website speed?

Thank you

Click to expand...

The same programming language in which your site is made...

Then you need to use some bundling tools like Bowser to automate these "packaging" processes.

To minify and combine CSS and JS files, you don't need a specific programming language, but you should be familiar with some tools and techniques. Here's what you can use:

CSS and JS Minification: Use tools like UglifyJS (for JS) and CSSNano (for CSS). These tools reduce file sizes by removing unnecessary spaces, comments, and shortening variable names.
Combining Files: Use task runners like Gulp or Webpack.

They help automate the process of combining your CSS and JS files into a single one for each type (or a few chunks) to reduce HTTP requests.
No need for deep programming knowledge here, but a basic understanding of JavaScript and task runners will definitely help.

SirLouen said:

The same programming language in which your site is made...

Then you need to use some bundling tools like Bowser to automate these "packaging" processes.

Click to expand...

SourLemon said:

To minify and combine CSS and JS files, you don't need a specific programming language, but you should be familiar with some tools and techniques. Here's what you can use:

CSS and JS Minification: Use tools like UglifyJS (for JS) and CSSNano (for CSS). These tools reduce file sizes by removing unnecessary spaces, comments, and shortening variable names.
Combining Files: Use task runners like Gulp or Webpack.

They help automate the process of combining your CSS and JS files into a single one for each type (or a few chunks) to reduce HTTP requests.
No need for deep programming knowledge here, but a basic understanding of JavaScript and task runners will definitely help.

Click to expand...

Thank you very much for both of you. <3

I have wordpress website. But when I use WP Rocket at maximum optimization it still shows so much CSS issues, JS issues in site speed window. That's the problem actually.

That's why I'm asking is there any manual method I can do those combining things without harming the website.

21KSuccessStory said:

Hello,

What programming languages need to know to minify css, js files and combine them as single files to make loading time more less in website?

to optimize website speed?

Thank you

Click to expand...

Any modern framework including (but not limited to) Nuxt.js, Next.js, Solid.js and so on.

But that said, even then you could be unoptimised. If you want to have a "meaan" website, you have to take control of each resource that gets loaded. There is no "automatic" way to do it since it is you who knows what you are loading (or your dev/theme) in your website.

The network tab in your chrome browser is a blessing. Use it to your advantage.

Minifying css and js doesn't make much of the difference (unless it's some ugly spaghetti code). And as others already mentioned there's no reason to make it manually

21KSuccessStory said:

Thank you very much for both of you. <3

I have wordpress website. But when I use WP Rocket at maximum optimization it still shows so much CSS issues, JS issues in site speed window. That's the problem actually.

That's why I'm asking is there any manual method I can do those combining things without harming the website.

Click to expand...

Don't waste your time on technical details; just copy and paste using minifier org

Gogol said:

Any modern framework including (but not limited to) Nuxt.js, Next.js, Solid.js and so on.

But that said, even then you could be unoptimised. If you want to have a "meaan" website, you have to take control of each resource that gets loaded. There is no "automatic" way to do it since it is you who knows what you are loading (or your dev/theme) in your website.

The network tab in your chrome browser is a blessing. Use it to your advantage.

Click to expand...

Thank you much for this input. Yes. I have tried using WP rocket plugin. But still showing red errors in JS and Css files. Need to ifind a way to optimize these files and combine those manually.

koxokot890 said:

Don't waste your time on technical details; just copy and paste using minifier org

Click to expand...

Thank you so much. I'll look on to this.,

rettu said:

Minifying css and js doesn't make much of the difference (unless it's some ugly spaghetti code). And as others already mentioned there's no reason to make it manually

Click to expand...

Thank you so much.

21KSuccessStory said:

Thank you much for this input. Yes. I have tried using WP rocket plugin. But still showing red errors in JS and Css files. Need to ifind a way to optimize these files and combine those manually.

Click to expand...

Hmm that's the problem. You are relying on a third party plugin as well as Wordpress to do it for you. It doesn't always work like that. This is where modern frameworks are better. Those "zappy" sites you see on the internet are mostly built with some modern framework or the other.

This works because if you follow the correct way, the framework's bundler bundles everything for you and it knows if something went wrong. They also have automatic optimisation available for image (For example look into the built-in Image component in next.js, and also what it can do if unoptimized prop is set as true or false). You use tailwind for tree shaking (e.g. removing css rules you did not use) or even css in js for lightning fast styles loading.

If you want a better site, you have to control your code. Otherwise you have to hope some third party plugin to do it for you, which either won't work, or will bring it's own problem with the optimisation.