Themler generates a lot of duplicate CSS code

Stagger Lee
1837 Posts
Stagger Lee posted this 16 May 2015

Just one example. And on many other places, maybe not so extreme like this example. Line numbers in CSS are different, just could not copy/paste them here from Firebug.

Themler simply generates CSS code for all separate templates without verifiyng if exactly same code exist in CSS.
If you fix this problem I believe you can reduce CSS file sizes for 1/3. It is now more than 400 KB in size, almost half of 1 MB. You cannot sustain business model like this, keep adding new options and not optimize CSS code. Not even minify code option.

.bd-bootstrapinput.form-control {
background-color: #ffffff;
border-radius: 0;
box-shadow: none;
}
.bd-bootstrapinput.form-control {
background-color: #ffffff;
border-radius: 0;
box-shadow: none;
}
.bd-bootstrapinput.form-control {
background-color: #ffffff;
border-radius: 0;
box-shadow: none;
}
.bd-bootstrapinput.form-control {
background-color: #ffffff;
border-radius: 0;
box-shadow: none;
}
.bd-bootstrapinput.form-control {
background-color: #ffffff;
border-radius: 0;
box-shadow: none;
}
.bd-bootstrapinput.form-control {
background-color: #ffffff;
border-radius: 0;
box-shadow: none;
}
.bd-bootstrapinput.form-control {
background-color: #ffffff;
border-radius: 0;
box-shadow: none;
}
.bd-bootstrapinput.form-control {
background-color: #ffffff;
border-radius: 0;
box-shadow: none;
}
.bd-bootstrapinput.form-control {
background-color: #ffffff;
border-radius: 0;
box-shadow: none;
}
.bd-bootstrapinput.form-control {
background-color: #ffffff;
border-radius: 0;
box-shadow: none;
}
.bd-bootstrapinput.form-control {
background-color: #ffffff;
border-radius: 0;
box-shadow: none;
}
.bd-bootstrapinput.form-control {
background-color: #ffffff;
border-radius: 0;
box-shadow: none;
}
.bd-bootstrapinput.form-control {
background-color: #ffffff;
border-radius: 0;
box-shadow: none;
}
.bd-bootstrapinput.form-control {
background-color: #ffffff;
border-radius: 0;
box-shadow: none;
}
.bd-bootstrapinput.form-control {
background-color: #ffffff;
border-radius: 0;
box-shadow: none;
}
.bd-bootstrapinput.form-control {
background-color: #ffffff;
border-radius: 0;
box-shadow: none;
}
.bd-bootstrapinput.form-control {
background-color: #ffffff;
border-radius: 0;
box-shadow: none;
}
.bd-bootstrapinput.form-control {
background-color: #ffffff;
border-radius: 0;
box-shadow: none;
}

Just one example. And on many other places, maybe not so extreme like this example. Line numbers in CSS are different, just could not copy/paste them here from Firebug. Themler simply generates CSS code for all separate templates without verifiyng if exactly same code exist in CSS. If you fix this problem I believe you can reduce CSS file sizes for 1/3. It is now more than 400 KB in size, almost half of 1 MB. You cannot sustain business model like this, keep adding new options and not optimize CSS code. Not even minify code option. .bd-bootstrapinput.form-control { background-color: #ffffff; border-radius: 0; box-shadow: none; } .bd-bootstrapinput.form-control { background-color: #ffffff; border-radius: 0; box-shadow: none; } .bd-bootstrapinput.form-control { background-color: #ffffff; border-radius: 0; box-shadow: none; } .bd-bootstrapinput.form-control { background-color: #ffffff; border-radius: 0; box-shadow: none; } .bd-bootstrapinput.form-control { background-color: #ffffff; border-radius: 0; box-shadow: none; } .bd-bootstrapinput.form-control { background-color: #ffffff; border-radius: 0; box-shadow: none; } .bd-bootstrapinput.form-control { background-color: #ffffff; border-radius: 0; box-shadow: none; } .bd-bootstrapinput.form-control { background-color: #ffffff; border-radius: 0; box-shadow: none; } .bd-bootstrapinput.form-control { background-color: #ffffff; border-radius: 0; box-shadow: none; } .bd-bootstrapinput.form-control { background-color: #ffffff; border-radius: 0; box-shadow: none; } .bd-bootstrapinput.form-control { background-color: #ffffff; border-radius: 0; box-shadow: none; } .bd-bootstrapinput.form-control { background-color: #ffffff; border-radius: 0; box-shadow: none; } .bd-bootstrapinput.form-control { background-color: #ffffff; border-radius: 0; box-shadow: none; } .bd-bootstrapinput.form-control { background-color: #ffffff; border-radius: 0; box-shadow: none; } .bd-bootstrapinput.form-control { background-color: #ffffff; border-radius: 0; box-shadow: none; } .bd-bootstrapinput.form-control { background-color: #ffffff; border-radius: 0; box-shadow: none; } .bd-bootstrapinput.form-control { background-color: #ffffff; border-radius: 0; box-shadow: none; } .bd-bootstrapinput.form-control { background-color: #ffffff; border-radius: 0; box-shadow: none; }
Vote to pay developers attention to this features or issue.
6 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 16 May 2015

Hello Stagger Lee,
we'll check what could be done about it.

Regards,
Aileen

Hello Stagger Lee, we'll check what could be done about it. Regards, Aileen
Stagger Lee
1837 Posts
Stagger Lee posted this 16 May 2015

They say Grunt is best for finding duplicate rules (with same properties) and clean it. Dont know how easy is to implement in web servers and cloud functions. Licence should fit for Themler project. Dont know if you already use it.

https://github.com/gruntjs/grunt/blob/master/LICENSE-MIT

http://gruntjs.com/

They say Grunt is best for finding duplicate rules (with same properties) and clean it. Dont know how easy is to implement in web servers and cloud functions. Licence should fit for Themler project. Dont know if you already use it. https://github.com/gruntjs/grunt/blob/master/LICENSE-MIT http://gruntjs.com/
isaiahparadis528
2 Posts
isaiahparadis528 posted this 19 August 2015

Hello Stagger Lee,
we'll check what could be done about it.

Regards,
Aileen

Hey I'm wondering if Themler still produces duplicate CSS? Is there a way to fix that?

> Hello Stagger Lee, > we'll check what could be done about it. > > Regards, > Aileen Hey I'm wondering if Themler still produces duplicate CSS? Is there a way to fix that?
Support Team
Support Team posted this 20 August 2015

Hello,
corresponding changes had been made to Themler and now there's no duplicated CSS code in the themes.

regards,
Aileen

Hello, corresponding changes had been made to Themler and now there's no duplicated CSS code in the themes. regards, Aileen
Stagger Lee
1837 Posts
Stagger Lee posted this 20 August 2015

Thank you.

Thank you.
shaulhadar
451 Posts
shaulhadar posted this 20 August 2015

Thanks Aileen, this is really good to know.

Thanks Aileen, this is really good to know.
You must log in or register to leave comments