221 posts
  • Has been part of the Envato Community for over 4 years
  • Located in United Kingdom
  • Has sold $1,000+ on Envato Market
  • Has collected 10+ items on Envato Market
+2 more

When I’m creating WP sites for clients I have a strong urge to break down my CSS files into separate areas. For example, reset.css, typography.css, and so forth. The only thing that stops me is knowing that it negatively affects load speed. In a number of themes I’ve purchased I have found this to be quite common. Is it considered good practise to do this in the themes I sell?

501 posts
  • Has referred 1000+ members
  • Has sold $500,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
+7 more


You could just do it this way and then compress all css files into one min.css at the end. Therefore you can work as you are most comfortable and once compressed the page speed issue will not apply.

Using this method, you will need to included an uncompressed example head section in your download package and also a section in your docs explaining how to replace the compressed css with the uncompressed if your buyers wish to make css changes. If not done right though it could lead to lots of support requests.

This is the way we work it in our TF & CC files because we usually have reset, main & skin stylesheets, plus all of our js functionality is developed as plugins for ease of reuse & hence lots of individual import statements. Then we compress both css & js for the live sites and include the above instructions & example for any buyer who wants to get their hands dirty in the css / js code.


Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes