l4

HTML power at a glance

Site Genre: Pattern Group l

magnify imageFigure L4.1 Craigslist provides a clean, functional, and popular Web site without using any images.

Background

This pattern describes features built into HTML that help you reduce the number of images on a page so that Web pages have a LOW NUMBER OF FILES (L1) to be transferred. This pattern can be applied to Web sites that you’re about to develop or sites that you’ve already developed and deployed. It can be used alone or in conjunction with other patterns for making fast-loading Web pages, such as FAST-LOADING IMAGES (L2), SEPARATE TABLES (L3), REUSABLE IMAGES (L5), and FAST-LOADING CONTENT (L6).

Close

PROBLEM

Images are critical to good Web site design because they provide visual clues about interaction and how the page is organized. Web pages with too many images, however, are slow to load.

buy the book to find out more

SOLUTION

magnify image Figure L4.3 Often HTML features, including navigation bars, action buttons, dividing lines, bullets, and backgrounds, can be used in place of images for faster loading.

Wherever it’s still functional and aesthetically pleasing to do so, use built-in HTML features instead of images.

Other Patterns to Consider

Use this pattern along with REUSABLE IMAGES (L5) to achieve a LOW NUMBER OF FILES (L1). If you need ACTION BUTTONS (K4), use HTML as a faster alternative to a custom image. Pure HTML and text can also be used in place of images for NAVIGATION BARS (K2).

Close

 

Pattern Resources

PATTERN COMMENTS

POST A COMMENT and/or EXAMPLE WEB SITE

Sign in Form

(required)

(required, but not displayed)

Have a idea for a new pattern group? Join our disscussion on new pattern ideas.