Le 17 janv. 2014 à 23:58, Tom Livingston <[email protected]> a écrit :
> As an example, i've got 8 page templates well under way and my
> minified sheet is 23k. Does that sound bad?
I don’t think so, unless your page templates are of the very static kind with
little additional user interaction or animations. CSS animations in particular
tend to add quite a bit of weight to stylesheets. And things like Jquery-UI
tend to generate quite a bit of weight as well (their default stylesheet is
_very_ bloated). Size of a stylesheet is never really a problem for modern
browsers, they can easily parse through it without hick-up (unlike IE 6 which
had an upper limit of 6000 selectors, IIRC).
You mention Sass & mixins. There is something I noticed on 2 different sites
that rely heavily on those: the final stylesheet has multiple
@media min-width(value:x) {
.class1 { property:value }
}
@media min-width(value:x) {
.class2 { property:value }
}
instead of
@media min-width(value:x) {
.class1 { property:value }
.class2 { property:value }
}
(with real property and value names of course) - that adds a bit of bloat to
the sheet.
It is not clear to me if this is an inherent limit to Sass/mixins or a
particular set-up. I personally have a hard time getting into a workflow with
lots of Sass.
On the other hand, the 23k minified you mention, that boils down to what, 5~6k
gzipped? So from a network point of view, not worth worrying.
Philippe
--
Philippe Wittenbergh
http://l-c-n.com
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
