homepage Welcome to WebmasterWorld Guest from 54.196.162.238
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Subscribe to WebmasterWorld

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
visibility hidden and display none
performance and indexing
Mister_L




msg:4358570
 7:31 pm on Sep 4, 2011 (gmt 0)

Hi,

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.

Thanks.

 

lucy24




msg:4358608
 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.

rocknbil




msg:4359119
 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