Forum Moderators: Robert Charlton & goodroi

Message Too Old, No Replies

Google Goes CSS

Just look at that source code!

         

g1smd

11:17 pm on May 16, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



The lightly tinted bar, with graded colouring, containing the search keywords, tipped me off to this!

Just look at that source code on any Google SERPs.

CSS up the wazoooo... (about time too!)

g1smd

11:50 pm on May 16, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I am getting this on google.com which appears to resolve to 66.102.9.99 and 66.102.9.104 and 66.102.9.147 right now.

However, If I directly visit those IP addreses individually, then I get old skool non-CSS SERPs.

.

Disappointed to see a flurry of <nobr> tags in there. They aren't proper, valid, HTML code tags.
I still also see a few remaining <font> tags lurking, so I guess the job isn't completely finished.

music_man

4:27 am on May 17, 2007 (gmt 0)

10+ Year Member



< moved from another location >

I like the new Google layout with the CSS etc. However I would like it if they could e.g show the inbox count for Mail on the top bar. A drop down with your groups, an alert for your calendar if you have one etc. Just more functionality would be nice.

[edited by: tedster at 4:34 am (utc) on May 17, 2007]

thecityofgold2005

9:23 am on May 17, 2007 (gmt 0)

10+ Year Member



It looks better. I have been getting it since yesterday here in the UK.

DXL

1:38 pm on May 17, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Its incredibly annoying that they moved the links from the center of the page to the top left. With respect to sites that I use frequently, nothing bothers me more than moving links where I expect them to be.

victor

10:00 pm on May 17, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



And a 40% drop in HTML coding errors. These guys are getting good at HTML :)

Patrick Taylor

10:06 pm on May 17, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Some time last year, web design guru Douglas Bowman went to work for Google. He "strives for simple, beautiful, efficiently-constructed design, and the balance of form and function." Maybe it's his influence at last.

tedster

1:09 am on May 18, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Folks, this topic is about the source code. There are other threads active about the visual layout of the new Google page.

BillyS

1:33 am on May 18, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



>>And a 40% drop in HTML coding errors. These guys are getting good at HTML :)

You're right! Guess it's too much to ask an industry giant like Google to validate their code. I only find 39 errors!

tedster

3:54 am on May 18, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Speaking of the source code - the menu choices at the top-left are actually written in javascript!

victor

8:29 am on May 18, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



You're right! Guess it's too much to ask an industry giant like Google to validate their code. I only find 39 errors!

And, given the 65% increase in the raw file size, that percentage reduction in errors per byte is even more impressive :)

That extra 65% on their home page is likely to translate into a substantial number of extra terabytes of data served every day.....May even set back the cause of global warming remediation by a noticeable time.

Of course, they could read up on include files for CSS and Javascript, then their page would be smaller than the existing non-CSS version.

But that would mean all of our browsers caching some Google content. Image the horror at Google Towers when they realize other people may be caching Google's data :)

willybfriendly

1:29 pm on May 18, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Opera 8.5

The "more" menu item doesn't appear to work. Too lazy to test it in another browser right now.

tedster

1:34 pm on May 18, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



It's working for me - Opera 9.10

willybfriendly

4:20 pm on May 18, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Well, it works in IE 6.

No joy in Opera 8 :(

I also note that the Directory is not included on the drop down list of options. Unrelted to the new markup, but telling none the less.

g1smd

7:13 pm on May 18, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I didn't look at the source code for the home page, only that for the SERPs.

I, too, was surprised to see that the CSS was included in the <head> section of the page.

OutdoorMan

7:36 pm on May 18, 2007 (gmt 0)

10+ Year Member



I, too, was surprised to see that the CSS was included in the <head> section of the page.

The source code looks a bit like my first web page -- made with Front page.

... At least that explains why they don't use a proper doctype.

BigDave

12:01 am on May 19, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



As for why Google might choose to go with CSS in the head rather than an include, there are many possible reasons.

To start with, while includes might reduce total bandwidth on your single server, how do you get your if-modified-since working right across hundreds of thousands of servers across all the data centers?

Not to mention, includes aren't as free as a lot of people believe. The include must still be requested and downloaded if updated AFTER the main HTML file is downloaded. It will be competing with the images for the available accesses to the google servers. Depending on all the different parameters, the larger HTML file with all the CSS in the <head> could easily render faster than having a separate include file. I believe that google cares more about the speed of rendering than the bandwidth.

g1smd

12:22 am on May 19, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Did you mean "includes" or did you mean "external file" (via link or @import method)?

BigDave

12:48 am on May 19, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I meant external files. As a programmer I think of any files like that is "includes".