Purchase Solution

File Size Considerations in Web Design

Not what you're looking for?

Ask Custom Question

Discuss the ways in which you can optimize a file in order to reduce file size and maintain quality. What factors would you consider?

Purchase this Solution

Solution Summary

The ways in which one can optimize a file in order to reduce file size and maintain quality are described.

Solution Preview

When a web page loads into a browser, it brings with it the content, the structural format code that holds the content, the CSS (style sheets) instructing the browser how the content should look and be arranged, the images within the content, and any scripts, frames, iframes, and other pieces of code that "brings" content to a page. Every character on a page, every < tag, colon, quote and equal sign - these all add up. For example, here is a breakdown of one of our web pages with six graphics on it:

Content Size
HTML 16K
CSS 9K
GRAPHICS 80K
SCRIPTS 45K
ADS 25K
-----------------------
Total 175K

The average base page, according to experts, should be about 30K, and grow to about 60K with all the graphics and scripts added in for the best loading speed, though less is always best. This page is way over the limit! So how do you get that number down?

I. Eliminate spaces
Often when writing articles and content in word processors and pasting the information into the HTML page, spaces are created at the end of paragraphs. If your web page editor permits multiple page search and replace, search and replace for _</p> (space then tag) to </p> (no space just tag) and see how many are found. With our over 400 web pages, some studies found and replaced over 49,500 spaces. This comes to just over 49K bytes of wasted space, but it still adds up. Spaces between tags are usually invisible on the screen, but they take up space. Check for spaces between " >" and " <" and see if they can go (be cautious of links next to links or code next to code as they will squish together with this search and replace). While empty ...

Purchase this Solution


Free BrainMass Quizzes
Inserting and deleting in a linked list

This quiz tests your understanding of how to insert and delete elements in a linked list. Understanding of the use of linked lists, and the related performance aspects, is an important fundamental skill of computer science data structures.

Basic UNIX commands

Use this quiz to check your knowledge of a few common UNIX commands. The quiz covers some of the most essential UNIX commands and their basic usage. If you can pass this quiz then you are clearly on your way to becoming an effective UNIX command line user.

Word 2010: Table of Contents

Ever wondered where a Table of Contents in a Word document comes from? Maybe you need a refresher on the topic? This quiz will remind you of the keywords and options used when working with a T.O.C. in Word 2010.

Excel Introductory Quiz

This quiz tests your knowledge of basics of MS-Excel.

Basic Networking Questions

This quiz consists of some basic networking questions.