Learn how to embed images into your web pages with data URLs. The data: URI scheme includes images directly into your XHTML pages using code instead of external files, saving valuable HTTP requests.
more »
Learn how AOL and Yahoo! use CSS sprites to improve performance for their busy home pages. CSS sprites save HTTP requests by using CSS positioning to selectively display composite background images. To maximize accessibility and usability, CSS sprites are best used for icons or decorative effects.
more »
This article shows how to automatically highlight menu items that correspond to the current page using CSS and XHTML. These "you are here" waypoints help orient users and improve usability. Using CSS avoids the need for complex scripting which simplifies maintenance and improves performance.
more »
Learn how to reduce the number of HTTP requests required by your web pages by combining adjacent images and optionally imagemapping the links. This tutorial shows both client and server side techniques you can use to save precious HTTP requests and speed up your site.
more »
Websites have become less accessible and more complex over time according to recent studies. Learn how to buck the trend by creating fast, accessible CSS forms that work with modern browsers and gracefully degrade.
more »
Learn how to create that 'bookend' look with lists and CSS positioning. This CSS-layout technique saves a significant amount of XHTML code over tables.
more »
Using short, relative urls saves space, speeds page display, and eases migration headaches. The little-used relative base element can save even more space. Learn how to avoid long URLs while making search engines and IAs happy.
more »
Content negotiation can make your URLs shorter and more abstract. By rewriting URLs without file extensions to the right resources you can save bytes and migration headaches.
more »
You can improve HTTP compression by using all lowercase markup. We test five popular sites for improved compression. Remember, all characters are not created equal.
more »
Web page analysis and optimization tools can help locate and minimize performance bottlenecks. They can improve accessibility, spelling, XHTML markup, and even search engine visibility. We survey the webpage optimization tool landscape.
more »
Omitting redundant classes and default attributes shrinks xhtml code to speed page response times. Many tags and duplicate attributes can be safely removed with no change in appearance.
more »
By layering your content you can display useful content quickly to make your pages appear faster. Feedback can increase your users' pain threshold for delay.
more »