Skip to main content

Using tags to improve speed, convenience of webpages - pt 1

Background
When it comes to designing webpages, be it for a personal blog or for a full-blown commercial website, the web designer is faced with a dilemma:

  • The less code you can have on your webpages, the faster they will load. Hence, even the top websites ignore standards on a regular basis.
  • The more structured your webpages are, the more accessible they will be to screen readers, aggregators, search engines, and even to browsers. This often means more code.

I gleefully call this the Speed vs. Accessibility Paradox. However, there are two good reasons for why you may not have given it conscious thought, or probably hadn't even realized that it exists.

Firstly: the consistent demand for loading web pages and web-based applications faster. Web 2.0 and beyond presents and insists on a fluid, desktop-like online experience. The number of readers who do not use screen readers or scripts to gather information far outweighs the number of those who do. Browsers will ignore most common markup violations anyway, and in addition, web pages are no longer expected to behave as documents per se -- database management systems have evolved enough to handle that department, and some of the great ones are free.

Secondly: history, and practice. It all started when, overwhelmed by the popularity of the World Wide Web in its early days, there was a desperate need to include stylistic markup in HTML pages, e.g. <font>. The browser wars escalated the trend of deviating from HTML specifications, and although CSS eventually kicked in, no browser today is 100% standards compliant yet. Therefore it's no wonder that many web designers continue to ignore web standards; likewise, there seems little chance of deprecated HTML/XHTML tags becoming obsolete overnight.

It goes without saying that the trade-off between reducing code to make web pages load faster and including code to adhere to standards and improve accessibility won't have a significant impact on the site's performance -- unless of course the site in question draws in a large traffic on a daily basis and could do with some optimization (such as search engines, which constantly need to improve), or is seeking to explore a potential audience.It's up to the web designer to choose which factor to compromise on, and how much.

In this series I'll look at some 'foul styling', i.e. using XHTML tags to sidestep CSS when we can, and some ways to make your web pages more accessible to screen readers and regular readers alike:

Using tags to improve speed, convenience in webpages - pt 2
*hang on*
Using tags to improve speed, convenience in webpages - pt 3
*soon*

Popular posts from this blog

How to get rid of the Blogger navbar

There's hardly a Blogger user to be found who hasn't been irked by the navbar. True, it’s not entirely useless – it lets you quickly log on to Blogger and provides a quick customization link. But by just being there the navbar brings a generic look to your blog, which is enough to make readers not take it seriously. On top of that, the navbar allows any Blogger user to flag your blog! (Which, assuming you’re one of the good guys, puts you at the mercy of the goodwill of your diverse readership.)Therefore it’s imperative that you hide your Blogger navbar, or at least know how to. In case you’re wondering, the Blogger Terms of Service doesn’t say anything about the navbar, so you’re good to go.Hiding the Blogger navbar1. Sign in to your Blogger account. This will take you to your Dashboard. Click on the Layout link of your blog.2. Click on the Edit HTML link on the Layout page. Don’t worry, you don’t have to know anything about HTML! I’ll take care of the code.Scroll down the Ed…

Miscellaneous security software (part 1)

This is part 9 in my Optimizing Broadband|Windows|Firefox series and part 1 of my reviews of miscellaneous security software. Covers anti-spyware, anti-adware, registry cleaners, junk file cleaners, and install monitors.The following aren't really reviews, but should provide you with everything you need to know.

Anti-spyware and anti-adware reviews
Most antivirus applications today come with built-in anti-spywares, so unless you're suspicious something is wrong with your PC you don't need to worry. However, it would be a good idea to install a third-party anti-spyware and anti-adware once in a while to make sure everything's under control. The chief anti-spyware and anti-adware brands are Windows Defender (from Microsoft), Ad-Aware 2007 Free (Lavasoft), AVG Anti-Spyware Free Edition (Grisoft) and Spybot S&D (Safer Networking). Note that I haven't mentioned any paid software, such as the popular Spy Sweeper (Webroot Software). It hardly makes any sense to spend m…

Adding a line break in Excel

I keep forgetting this! To add a line break/create a new line in an Excel cell, press Alt+Enter. Problem solved!