Need Guideline how to optimize the Performance of the best way

Hello Shuhib,

Yes, there are several tools available that can help you remove unused CSS and JS files from your website. Here are a few options:

PurgeCSS: PurgeCSS is a popular tool for removing unused CSS. It analyzes your code and detects the CSS classes and selectors that are not used, allowing you to remove them.
UnusedCSS: UnusedCSS is an online tool that scans your website and identifies unused CSS selectors. You simply provide the URL of your website, and it will generate a report of the unused CSS selectors.

Before using any of these tools, it's important to make sure you have a backup of your code in case any unintended changes occur. Additionally, it's worth noting that automated tools may not always accurately identify all unused CSS or JS files, so manual review may still be necessary.

...................................................
Sincerely,
George.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

hi dear NP Team,

many many thanks for your help

i've just tested purge css

the installation was easy

pnpm install purgecss -g

-g means globally

and excecute with command
1. create a random folder to output the modified css file
2. execute this command

purgecss --css FILENAME.css --content *.html *.js --output OUTPUTFOLDERNAME

3.replace the origin oversized css with them of the output-folder (it will be have same name)
and my css file is now from 1365 kb into 125 kb, and is from 41k lines into 5.6k. Everything works till now :D

looks great, many many thanks

do you know also a js and min.js code optimizer?

many thanks for your support

Last edited 10 July 2023 by Shuhib

i'm sorry this is a better command

purgecss --css *.css --content *.html *.js --output OutPutFolderName

with this command you can compress and purifying all Css files at once :D

and like earlier took all modified css files and replace with the old ones ... I ♥ NicePage

Hello Shuhib,

You're welcome!

For JavaScript and min.js code optimization, there are several tools available:
Closure Compiler: this is a popular JavaScript optimizer and minifier developed by Google.
UglifyJS: this is a widely used JavaScript minifier and optimizer
These tools provide options for configuring various optimizations and compression levels to suit your needs.

...................................................
Sincerely,
George.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

many many thanks for your help George,

closure and uglifyJS sounds great... but unfotunately it does'nt remove the useless JS codes, therefore do you know anything else which could remove the useless JS codes like purgecss? but for js instead for css :)

Last edited 18 April 2024 by Shuhib

Hello Shuhib,

You're welcome!

Unfortunately not, I am sorry. If you have any more questions, feel free to ask.

The best wishes from Nicepage.
...................................................
Sincerely,
George.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

yet, many many thanks for your help i think the best solution is the manual solution of chrome coverage right now

but it's unfortunately a manual solution lol 😅
https://developer.chrome.com/docs/devtools/coverage

Hello Shuhib,

You're welcome! Please let us know if you have any further questions. The best wishes from Nicepage.
...................................................
Sincerely,
George.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Last edited 22 April 2024 by Support Team