Jump to content


Photo
- - - - -

Bandwidth saving tips.


  • Please log in to reply
7 replies to this topic

#1 Woolfy

Woolfy

    Young Padawan

  • Members
  • Pip
  • 86 posts
  • Location:England.

Posted 23 July 2005 - 06:31 AM

It may be plain obvious that you want to keep bandwidth down to make your pages and images load quicker, and to save you a bundle, and if your site is quite busy, and you're working with a sliced layout, I have some tips for you lucky people out there :ph34r: NOTE: bandwidth is sometimes referred to B/W.

1, Optimize ALL your images.
Yes, that means every single one of them. On a layout, this is most importent. I use Macromedia Fireworks, and I initialy slice at the highest quality image format avalible. When in Dreamweaver, I always click the 'optimize in Fireworks' button. By doing this from Dreamweaver, It'll also fix the <img src="blah.jpg"> tags.

2, Optimize your HTML.
This is where it gets a little complicated. You can either do this by hand, or by using HTML Shrinker light. To do this by yourself, you will need to get all your code onto one line, with no spaces inbetween any tags. The only spaces you must miss out, is the spaces in the actuall text of the website. I hate this job, so I let HTML shinker do it for me -_-

3, Thumbnail images.
For large images (wether it be large in pixels or large in bytes), always provide a thumbnail. The viewer of the thumbnail will decide if he wants to view a large picture or not, saving you B/W.

4, DON'T EVER have backround music.
They take up WAY to much space, bandwidth, and piss the viewer off if they are listening to, ohh, say, System of a Down.

5, External CSS (thanks to greg)
Use external stylesheets or scripts when possible. For example, if you write your CSS in each page, it will have to load on the visitor's computer every time he visits a different page. When you use an external CSS file, however, it will only have to load once.

6, HTML and images (thanks to Jaymz)
Never use images when you can use HTML or CSS to do the same thing.

7, Reuse, reduce (thanks to Jaymz)
Reuse repeating sections when possible, for example, if all of your content boxes are the same, use the same background image.

8, Text>Images (thanks to Jaymz)
Never use images to replace text. This eats bandwidth and is completely unnecessary.

9, External Javascript (thanks to Jaymz)
If you use javascript, link to an external .js file instead of putting the javascript in the head of every document.

10, Hotlinking
Urge your veiwers to upload link buttons, banners, pictures, etc, to their own server. This will save A LOT of bandwidth if loads of people want to use them on their site.

Edited by Woolfy, 23 July 2005 - 02:39 PM.


#2 greg

greg

    Jedi In Training

  • Members
  • PipPip
  • 499 posts
  • Location:New York City
  • Interests:Fine art, web and graphic design, naval architecture, chess, and sports.

Posted 23 July 2005 - 09:45 AM

Great tips, but here's one more:

5. Use external stylesheets or scripts when possible. For example, if you write your CSS in each page, it will have to load on the visitor's computer every time he visits a different page. When you use an external CSS file, however, it will only have to load once.

#3 Woolfy

Woolfy

    Young Padawan

  • Members
  • Pip
  • 86 posts
  • Location:England.

Posted 23 July 2005 - 10:04 AM

Added :P Thanks for that.

#4 Jaymz

Jaymz

    Retired P2L Staff

  • Members
  • PipPipPipPip
  • 4,104 posts

Posted 23 July 2005 - 11:33 AM

6. Never use images when you can use HTML or CSS to do the same thing.
7. Reuse repeating sections when possible, for example, if all of your content boxes are the same, use the same background image.
8. Never use images to replace text. This eats bandwidth and is completely unnecessary.
9. If you use javascript, link to an external .js file instead of putting the javascript in the head of every document.

:P

#5 Woolfy

Woolfy

    Young Padawan

  • Members
  • Pip
  • 86 posts
  • Location:England.

Posted 23 July 2005 - 02:34 PM

6. Never use images when you can use HTML or CSS to do the same thing.
7. Reuse repeating sections when possible, for example, if all of your content boxes are the same, use the same background image.
8. Never use images to replace text. This eats bandwidth and is completely unnecessary.
9. If you use javascript, link to an external .js file instead of putting the javascript in the head of every document.

:P

You lucky thing. Your tips are added.
Oh, and I added another.

#6 Donna

Donna

    Retired P2L Queen!

  • P2L Staff
  • PipPipPipPip
  • 12,330 posts
  • Gender:Female
  • Location:B.C Canada

Posted 23 July 2005 - 03:06 PM

You forgot to turn your PC off easiest way to safe bandwidth :P

#7 Woolfy

Woolfy

    Young Padawan

  • Members
  • Pip
  • 86 posts
  • Location:England.

Posted 24 July 2005 - 04:05 AM

lol @ Donna! That's ISP bandwidth :blink: I get an infinite amount :(

#8 johnsim

johnsim

    Young Padawan

  • Members
  • Pip
  • 12 posts
  • Location:netherlands
  • Interests:maya modeling/animating<br>Webdesign and DTP<br>

Posted 10 August 2005 - 05:40 AM

great tips! Very usefull




1 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users


    Facebook (1)