Combining CSS
-
One recommendation from a page speed analysis of my site was to combine CSS (external style sheets) but after reading more on the topic others say that this is not always best. Any thoughts on either approach?
-
Hi Brett,
The reasoning behind combining CSS files is to reduce the number of files that need to be requested when the page is loaded. If you load one CSS file instead of five CSS files, your page should load somewhat faster. This is especially true when dealing with larger CSS files (for example, five large CSS files combined to one really large CSS file will usually make the site load faster). I'd recommend combining CSS files if you can. Depending on what system you are working with, and how much control you have over the code, you may not be able to. What reasons were given to not combine files?
Matthew
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Combine poorly ranking pages into a single page?
I'm doing on-page optimizations for an apartment management company, and they have about seven apartments listed on their site. Rather than include everything on the same page - /apartments/apartment-name/ - they have the following setup: /apartments/apartment-name/contact /apartments/apartment-name/features /apartments/apartment-name/availability /apartments/apartment-name/gallery /apartments/apartment-name/neighborhood With very few exceptions, none of these pages appear to rank for anything, and those that do either rank very poorly for seemingly random keywords or for keywords like the apartment complex name (alongside the main landing page for the complex). I'm of the mind to recommend combining the pages into a single one that contains all the info, eliminates the chances for duplicate content (all of the neighborhood pages contain the same content verbatim), and prevents keyword cannibalization. Thoughts? Thanks.
On-Page Optimization | | Alces1 -
Unused CSS Tool Recomendations
Hey moz, Im currently converting my site to mobile as its an older template based on tables it will make a lot of CSS redundant. I cant delete as i go incase a page uses it im unaware of so need to clean it up when its done. Is there a tool that crawls my entire website and highlights the unused CSS in the files? Ive found a few paying tools that claim to do so but am reluctant to just spend money on something without a recommendation. Cheers!
On-Page Optimization | | ATP1 -
How many css and Javascript on ecommerce site?
Hello, I want any tool which seach css and javascript of whole ecommerce cite? Please suggest. Thanks! Dev
On-Page Optimization | | devdan0 -
Is it better to put all your CSS in 1 file or is it no problem to use 10 files or more like on most frameworks?
Is it better to put all your CSS in 1 file or is it no problem to use 10 files or more like on most frameworks?
On-Page Optimization | | conversal0 -
Two Word Company Name (Combined to One) & SEO
Hi All, I'm dealing with a company that has a two word name like "GreatCompany". They rank #1 for that but not for "Great Company". The phrase is not super competitive, but obviously they are not writing the company name with two words anywhere on their site. Has anyone had to deal with something like this? Thinking about creative solutions but I'm fairly sure we're going to need to use the name both ways to have an effect here (or use PPC to augment) but I don't really love the idea of doing that... will feel very odd and inconsistent for visitors. Thanks!
On-Page Optimization | | ketanmv0 -
CSS Sprites
I have 6 social icons linked from the header area of my site and I am trying to replace them with a CSS Sprite but cannot get it to work. The current icons are located in a header widget area of my theme through a text box. When I add the new html in the text box and the CSS in the style sheet, the sprite does not show up. Are there any good tutorials on this subject?
On-Page Optimization | | casper4340 -
CSS family names and whitespace
A CSS validation notes the following: Family names containing whitespace should be quoted. If quoting is omitted, any whitespace characters before and after the name are ignored and any sequence of whitespace characters inside the name is converted to a single space. Not sure what this means or how to fix. Help. thanks
On-Page Optimization | | casper4340 -
Will google see you bold/emphasis words if done in css?
We do not use header tags in our website. I understand bolding or emphsising words can be equally as effective but if done so in css will the google crawlers and spiders etc be able to put a weighted value on this style of code???
On-Page Optimization | | gsbureau0