search

publiclab / image-sequencer

A pure JavaScript sequential image processing system, inspired by storyboards
https://sequencer.publiclab.org
GNU General Public License v3.0
110 stars 210 forks source link

Increase the Lighthouse performance ( audits in chrome ) #837

Open subhahu123 opened 5 years ago

subhahu123 commented 5 years ago

Please describe the problem (or idea)

screenshot_2019-03-05_23-26-46

https://developers.google.com/web/tools/lighthouse/

screenshot-developers google com-2019 03 05-23-37-24

harshkhandeparkar commented 5 years ago

Can you please provide some more info on this?

subhahu123 commented 5 years ago

Can you please provide some more info on this?

about what ????????

harshkhandeparkar commented 5 years ago

Can you describe the performance and briefly tell what lighthouse performance and chrome audits are? Tell what needs to be improved in the PR body itself as many people might not know what you are talking about. Thanks.

Divy123 commented 5 years ago

I would like to work upon this issue... @subhahu123 please provide some insights.

subhahu123 commented 5 years ago

I would like to work upon this issue... @subhahu123 please provide some insights.

please go to developer tools of chrome keeping the webisite open and then go to audit tab and test it

subhahu123 commented 5 years ago

I would like to work upon this issue... @subhahu123 please provide some insights.

if see the above mentioned image it shows that website has low performance it may be due to js and css u can delete unused css and descrease their sizes also for js

Divy123 commented 5 years ago

Sure I think this can be an effective way to improveon perforamance. @jywarren your thoughts please upon this...

jywarren commented 5 years ago

This is cool -- can we copy in the list of issues and start breaking them into separate tasks? Thank you!

rmcorre commented 5 years ago

Hello, I'm a first-timer and was just browsing some of your issues. Don't know if it's appropriate to add comments but I may have a solution that I use with webpack for defering and purifying css. I've found similar modules on NPM for grunt usage but haven't worked with grunt before. These plugins don't modify your original files. They ouput new files to your dist folder. I've tested them on some of my personal projects and improvements when testing with LightHouse are amazing. Please let me know if your interested and I can further more info.

harshkhandeparkar commented 5 years ago

Hello @rmcorre of course you can comment. Everybody can participate in a discussion. This is how a community grows.

For the CSS, there is a separate issue open for it #925 for deferring unused css and #860 for minifying css. I am already working on minifying css. I also have an open pr for it but the pr also does other things. Thank you!

niravasher commented 5 years ago

Hello, we cannot change dist/bootstrap and we already have grunt which compiles and minifies js files. So any ideas how can we improve the performance more? @jywarren @publiclab/is-reviewers

harshkhandeparkar commented 5 years ago

Minifying css is left but I will address that in #825.

harshkhandeparkar commented 5 years ago

What else do the dev tools suggest?