homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

visibility hidden and display none
performance and indexing

5+ Year Member

Msg#: 4358568 posted 7:31 pm on Sep 4, 2011 (gmt 0)


I'm clear about what visibility:hidden and display:none do. I have a question however what's the difference between the two in terms of:

1. Performance (bandwidth and speed).
2. Google indexing.




WebmasterWorld Senior Member lucy24 us a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month

Msg#: 4358568 posted 9:50 pm on Sep 4, 2011 (gmt 0)

{display: none} may run a nanosecond faster if there's a large amount of text that the user's browser doesn't have to include in its calculations. Bandwidth will be unaffected, since {display: none} doesn't mean "leave this behind when you load up the page". Unless you've got further stuff happening server-side. I assume you'd have said so.

Google has been saying for years that it disapproves of invisible text-- like fistfuls of rich keywords hidden in {display: none} tags, or anything equivalent like foreground and background color set to the same value (identical to {visibility: hidden;}). But what it means in your specific case would come down to, well, your specific case.


WebmasterWorld Senior Member rocknbil us a WebmasterWorld Top Contributor of All Time 10+ Year Member

Msg#: 4358568 posted 3:59 pm on Sep 6, 2011 (gmt 0)

Visibility: hidden will still take up space in the page.

Display: none will take up no space in the page. I've seen no indication of rendering time of one over the other, but that's not to say there isn't one - it would have to be trivial.

In respect to either, pages may not get indexed if abused. An example of abuse is large blocks of text containing paragraphs that are not visible to average user on page load.

AFAIK there is no negative impact for either in legitimate applications, for example, hidden "help" containers opened only on user actions, or a "tabbed" page layout, where the supplemental tabs are set to display:none on load of the page - however, the latter may introduce a duplicate content issue if the hidden tabs that their own unique index-able URL's.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved