Git Product home page Git Product logo

Comments (4)

dchaplinsky avatar dchaplinsky commented on August 11, 2024

I have some additional arguments to implement that.

That's how long it takes to build sass files one by one and then merge:
$ time ./manage.py assets rebuild
Building asset: merges/css/common.css

real 0m8.803s
user 0m6.120s
sys 0m2.663s

That's how long it takes to combine sass files into one big SASS file and then convert it to CSS:
Merging:
$ time ./manage.py assets rebuild
Building asset: merges/css/common.css

real 0m0.901s
user 0m0.658s
sys 0m0.238s

Converting to css:
$ time sass media/merges/css/common.css
real 0m0.494s
user 0m0.390s
sys 0m0.094s

I.e. 6x times faster. And it's to hard to style something when page reload takes ≈10 seconds.

from webassets.

dchaplinsky avatar dchaplinsky commented on August 11, 2024

This is my approach to it:
https://gist.github.com/1203153

When instantiating filter you may specify two additional params: as_output, which will enable noop in input method and will process the stream in output method and includes_dir, the dir where includes required for sass are living.

Please let me know what do you think.

from webassets.

dchaplinsky avatar dchaplinsky commented on August 11, 2024

Before:

$ time ./manage.py assets rebuild
Building asset: merges/css/common.css
Building asset: merges/js/common.js
Building asset: merges/js/beta.js
Building asset: merges/css/beta.css

real 0m12.478s
user 0m8.566s
sys 0m3.811s

After:

$ time ./manage.py assets rebuild
Building asset: merges/css/common.css
Building asset: merges/js/common.js
Building asset: merges/js/beta.js
Building asset: merges/css/beta.css

real 0m1.965s
user 0m1.570s
sys 0m0.393s

from webassets.

miracle2k avatar miracle2k commented on August 11, 2024

Note the commit above, which may also help speed up the sass compiles.

from webassets.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.