What is wrong with bloated markup?

Daily Newsletters

Sign up to ZDNet UK's daily newsletter.

About this blog

Coretech

Web design & Free Software

Free Software tools & technologies for web design & front-end development.

Jeffrey @Zeldman is the Godfather of Web Standards. I learned to read [HTML] with Designing With Web Standards, a graciously simple and seminal book.

Zeldman gave a great interview with Jared Ponchot and Jeff Robbins for the informatively Drupalesque Lullabot podcast. Not surprisingly, it's about web standards and the future of web technologies.

There's a very interesting discussion about responsive web design (designing the one thing for different platforms) and which is also the title of a book by Ethan Marcotte. All very exciting stuff (and I know, I'm a safe distance behind the bleeding hedge).

But I am still unsure of one thing: what is wrong with bloated markup?

This issue came up with the discussion on Adobe's Muse AKA “Web DTP for the rest-of-us”. No need to code, just bish, bash, bosh, and out come your designs at the other end, ready-rolled HTML and CSS.

Admittedly, the code is convoluted. Does this matter though, as long as it is accessible and semantically correct, and if you only ever use Muse and no Olde Worlde hand-coder ever need get their grubby fingers on it?

By way of illustration, compare the SVG code below left with the HTML produced by Muse on the right. I never hand-code my SVG image files, I leave that to Inkscape, vector illustration program extrodinaire. Likewise, does it matter if I never hand-code my HTML?

SVG vs. Muse HTML

Talkback

To answer "what is wrong with bloated markup?" as briefly as your question warrants:
1. Increased bandwidth costs.
2. Increased browser work.

aardrian 24 August, 2011 17:26
Reply

Sometimes bloated markup also causes browser rendering problems, too. In my opinion, keeping things clean and simple tends to avoid issues altogether. The less complexity, the less chance for problems. I don't think bandwidth is as much of an issue any longer, even though it can make a difference for large corporate environments. But in that case, a web caching solution may need to be looked at anyway. No matter what way we slice it, bloated markup is very common now.

apexwm 24 August, 2011 21:27
Reply

@aardrian: thank you for your succint contribution
"1. Increase bandwidth costs." Not that important.
"2. Increased browser work." Ditto.

The HTML weighs in at 33Kb. Even if this is 4x the amount of a hand-crafted HMTL, that is still only an overhead of 25Kb, which is *relatively* small (the images alone are 116Kb). Offset a slower download time against front-end artisan developer costs and it's obvious there are savings to be made.

Likewise, increased browser work really isn't an issue with modern browsers being updated and super-modified every couple of days.

Jake Rayson 31 August, 2011 10:35
Reply

@Jake: What about this gem from Elliot Jay Stocks on Twitter @elliotjaystocks:
"Design and test with real web type across multiple systems. Design and test with multiple browser widths. All impossible if you don’t code."

Jake Rayson 1 September, 2011 13:05
Reply

@Jake: And another gem for the record. Jeffrey Zeldman in Lullabot podcast
"I don't think it's possible to make a photoshop tool that thinks semantically, that thinks flexibly and fluidly." http://bit.ly/GoZeldman

Jake Rayson 3 September, 2011 16:48
Reply

Post your comment

In order to post a comment you need to be registered and logged in.

You can also log in with Facebook. Log in or create your ZDNet UK account below

  • Login

Will not be displayed with your comment

By signing up for this service, you indicate that you agree to our Terms and Conditions and have read and understood our Privacy Policy. Questions about membership? Find the answers in the Community FAQ

Get ZDNet UK's daily newsletter

Enter your email address to sign up

ZDNet UK Live

Jake Rayson

@Andy Bolstridge > Unfortunately, we need the majority to work 9-5 And therein lies the lie. I work very hard indeed for my idleness, early starts...

1 hour ago by Jake Rayson on The Idle Self-employed
Burn-IT

What happens when one hosting platform "acquires data" from another? If I forced the first one to remove it, who is responsible for chasing the...

6 hours ago by Burn-IT on Google picks holes in EU's 'right to be forgotten'
JohnTalich

iSpring Pro is a nice tool, that allows PowerPoint to SCORM conversion. They also have free tool, that also generates SCORM compliant courses.

10 hours ago by JohnTalich on How To Convert PowerPoint To SCORM Compliant Course
aaron.sloman

I think the answer to the question requires a deeper analysis of where the income can come from who else is now competing for it, who else will be...

18 hours ago by aaron.sloman on The three big questions about Facebook's IPO
Brent Pieczynski

Your correctness about Government websites not being compliant with their own websites is correct. Most criticism of other people takes so many...

1 day ago by Brent Pieczynski on Privacy watchdog to chase big companies over cookie law
Kelvyn Taylor

802.11ac does promise some tricks to improve range & reliability, but not sure how these will work in practice until I get real products to play...

1 day ago by Kelvyn Taylor via Facebook on Next-generation 802.11ac routers
mrudang009

My wife and I love our new Kindle Fire. It's lightweight, easy to use and has a great interface. The first thing I recommend anyone with a new...

1 day ago by mrudang009 on Waterstones to sell Kindles with in-store offers
mrudang009

It basically unlocks all the Android marketplace apps and unlocks the device. I am one very happy Kindle owner!

1 day ago by mrudang009 on Waterstones to sell Kindles with in-store offers
Burn-IT

Skittles with tapes and coffee cups. Old tapes so we didn't have to rewind them afterwards.

1 day ago by Burn-IT on Ten IT jobs to save up for those rare lulls
Fraud_fighter

What is mildly amusing to me is when someone thinks a strong password is as strong as one may need, when the truth is usernames and passwords are...

1 day ago by Fraud_fighter on Passwords are here to stay: get used to it
Andy Bolstridge

Performance isn't really the big thing at the moment - not when my ADSL connection will only provide a 8mbps bottleneck to the 3.5gbps speeds these...

1 day ago by Andy Bolstridge via Facebook on Next-generation 802.11ac routers
pjc158

So when is Amazon buying Waterstones?

1 day ago by pjc158 on Waterstones to sell Kindles with in-store offers
J.A. Watson

@JoshArg - Well, I am writing this from my N150 Plus, running Ubuntu 12.04 and using a Bluetooth mouse (well, to be totally correct it is a...

1 day ago by J.A. Watson on Samsung N150 Plus Netbook - Ubuntu Netbook Edition 10.04
J.A. Watson

@duncanjmurray - At least n the case of the specific system I put the SSD into, it is not the case. The boot time improvement is substantial, but...

1 day ago by J.A. Watson on Netbook Upgrade - SSD IN, Windows OUT
archerthom

Sounds like only those who have bought their Kindle from Waterstones will be able to use them in-store - very disappointing. I have no intention...

1 day ago by archerthom on Waterstones to sell Kindles with in-store offers
AndyPagin

From my mainframe operating days... 1) Play hoopla with write permit rings & a can of screen cleaner. 2) Make enormous paper chains (Christmas...

1 day ago by AndyPagin on Ten IT jobs to save up for those rare lulls
61253

An OS X perspective Filenames beginning with a dot/period (.) should not be equated with HFS Plus resource forks; misunderstandings around ._ (dot...

1 day ago by 61253 on SharePoint deployment: Pitfalls of a pioneer
ians1

There are many legal download sites for music at least that do not charge an arm and a leg like itunes or Napster. The "real" cost of an mp3 file...

1 day ago by ians1 on The Pirate Bay infringes copyright, High Court decides
Jon Howells

@Crupal.. How does refusing your websites cookies help my privacy? A quick look at your page script reveals four sets of code provided by 3rd...

2 days ago by Jon Howells via Facebook on Privacy watchdog to chase big companies over cookie law
Paul Carloss

There are hundreds, if not thousands of filesharing torrent sites, The Pirate Bay (TPB) is only one of them, while the TPB is blocked many more...

2 days ago by Paul Carloss via Facebook on The Pirate Bay infringes copyright, High Court decides

Community highlights

Jack Schofield

Smartphones run HTML5 a lot slower than PCs

Blog Post Benchmarks run by Spaceport.io show that HTML5 runs "six to ten times slower"...

22 May, 2012 by Jack Schofield
Jake Rayson

3 reasons why Mac is best

Blog Post You thought you’d seen the end of the Flame Wars) between Mac and PC,...

22 May, 2012 by Jake Rayson
Lucy Sherriff

Samsung draws logic-worthy on/off ratio from graphene

Blog Post Researchers at Samsung’s Advance Institute of Technology have developed a...

22 May, 2012 by Lucy Sherriff
Jack Schofield

Windows 8 could speed multi-monitor uptake

Blog Post Microsoft has announced that it will improve multi-monitor support in Windows...

22 May, 2012 by Jack Schofield