website optimization

WebSiteOptimization.com

Higher traffic and speed guaranteed.™

   
   
Home Sitemap Publications Services About Contact
Newsletter:  

Search blog

By Year

By Category

Syndicate this site

RSS 1.0 RSS 2.0 Atom
home > speed > tweak > css-optimization

Inline Images with Data URLs

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 »

By website optimization on 28 Feb 2008 AM | | Comments (0)

Suture CSS or JavaScript Files to Reduce HTTP Requests

Learn how to "suture" CSS or JavaScript files together before delivery from the server to save HTTP requests. You'll have your organization and eat it too with this server-side approach to merging files. more »

By website optimization on 31 Oct 2007 PM | | Comments (0)

CSS Sprites: How Yahoo.com and AOL.com Improve Web Performance

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 »

By website optimization on 26 Sep 2007 AM | | Comments (5)

Mono-Image CSS Rollovers

Learn how to create menu rollovers with different graphic backgrounds with one image. Save HTTP requests by combining on and off images into one mini-sprite and position with CSS. more »

By website optimization on 31 Aug 2007 PM | | Comments (3)

Highlight the Current Page with CSS: The Body ID/Class Method

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 »

By website optimization on 30 Jun 2006 AM | | Comments (1)

CSS Overlays: Using CSS Positioning to Overlay Web Objects

Learn how to create an eye-catching overlay with CSS positioning. This CSS-layout technique is faster than image slicing requiring fewer HTTP requests. more »

By website optimization on 30 Apr 2006 PM | | Comments (6)

Accessible CSS Forms: Using CSS to Create a Two-Column Layout

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 »

By website optimization on 30 Mar 2006 AM | | Comments (42)

Bookend Lists: Using CSS to Float a Masthead

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 »

By website optimization on 25 Feb 2006 AM | | Comments (9)

Use an Optimization Tool

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 »

By website optimization on 22 Jun 2004 PM | | Comments (0)

CSS: Use Shorthand Hex Colors

Shorthand hex notation substitutes 3-character color values for 6-character colors when each of the color channels is identical in an RRGGBB hex triplet. Shorthand hexadecimal colors can help optimize your style sheets, especially when combined with shorthand properties and grouping. more »

By website optimization on 14 Jun 2004 AM | | Comments (0)

CSS: Substitute CSS2 Menus

Substituting CSS2-styled lists for graphic menus and JavaScript can streamline your pages and make them more accessible. more »

By website optimization on 3 May 2004 PM | | Comments (0)

CSS: Use Descendant Selectors

Descendant selectors are an elegant way to apply styles to specific areas of your page while reducing the need to embed classes within elements. more »

By website optimization on 6 Feb 2004 PM | | Comments (0)

CSS: Use Type Selectors

High-level type selectors style identical elements in your document without the need for extra classes. more »

By website optimization on 28 Jan 2004 AM | | Comments (0)

CSS: Group Common Styles into Shared Classes

You can group styles common to different rules into their own classes to save repeating yourself. By applying multiple classes to one element in CSS you can modularize your code to help optimize your style sheets. more »

By website optimization on 12 Jan 2004 AM | | Comments (1)

CSS: Group Selectors and Declarations

By grouping CSS selectors that share the same declaration and declarations that share the same selector you can apply multiple declarations to multiple selectors to optimize your style sheets. more »

By website optimization on 10 Dec 2003 AM | | Comments (0)

CSS: Group Declarations

Grouping common declarations for the same selector in CSS allows you to apply multiple declarations to one selector to optimize your style sheets. more »

By website optimization on 19 Nov 2003 PM | | Comments (0)

CSS: Group Selectors

Group selectors for the same declaration in CSS to shrink your style sheets. more »

By website optimization on 10 Nov 2003 PM | | Comments (0)

CSS: Use Shorthand Properties

Use shorthand properties in CSS to shrink your style sheets. more »

By website optimization on 4 Nov 2003 AM | | Comments (0)