Each time someone views one of your web pages the HTML, images, flash movies etc have to be transmitted from the web server to the client's web browser. This is what we mean by bandwidth usage. Bandwidth is not an unlimited resource so we must allocate our clients a certain amount they can use each month.
Even our smallest package includes a generous amount of data transfer per month which is enough for many thousands of visitors.
To keep your bandwidth usage down, optimise all your image/media files as much as possible to reduce their file size. Even large photos can be reduced to as little as 30kb. Always avoid making large files available for download such as movies or audio files - this will make your bandwidth usage go through the roof!
You should consult your website logs, check AWStats and Webalizer to track what pages are being hit a lot, to find out how, go to http://www.site-helper.com/stats.html
Tips to reduce bandwidth:
- Try to avoid images: Use HTML and CSS instead
Images are very bandwidth consuming. Instead of using a background image, use the CSS code. For example, don't use black.jpg as your background, just use color:#000000. If you're using Photoshop, use the Save for Web & Devices (Alt+Shift+Ctrl+S) option to optimise it for minimum bandwidth. When you have an image with lots of colours, you should go for JPEG. Play around with the quality to change the filesize. Else, I would go for PNG (or GIF). Under no circumstances, use BMP.
- Disable file hotlinks
Sometimes other websites don't host images / files on their own host. Instead of that, they hotlink an image / file that is hosted on your site on theirs. This form is on the web known as bandwidth theft. If you want to make sure that people don't steal your bandwidth, check out altlab.com for a nice tutorial using the .htaccess file.
- Compress your CSS
CSS files can be pretty big, with lots of useless breaks and spaces. Use the CSS Compressor from arantius.com or isnoop.net to trim down the file size of your CSS.
- Compress your HTML with GZip
Just like the CSS, your HTML can contain a lot of whitespaces and useless breaks. If you have a PHP website, try the GZIP compression. This will trim down your file size big time. How to implement and enable GZIP, check the tutorial on techiecorner.com.
- Don't use HTML comments
Leaving comments out of your source code, the less filesize you transfer and thus you save more bandwidth.
- If a DIV or SPAN can do the job, avoid using TABLE
Using a TABLE is already a "no go" these days and it's format is pretty big. If a DIV or SPAN can do the job (with a little bit of CSS help), you'll surely transfer less data.
- Trim down filenames and locations
Pretty simple technique, saving you bandwidth. Change the folder and filenames to a smaller word / character, like this:
Formatted to save bandwidth: /img/001.jpg
Managing these files is hard (since you don't know by looking at the filename what it exactly contains), but you'll have less characters (data) in your file.
- Specify your ALT and TITLE
This is for your A and IMG tags in your HTML code. Make your ALT and TITLE brief and as short as possible. Example:
Original: <img src="images/001.jpg" alt="Picture of an elephant" title="This is a big elephant" />
Formatted to save bandwidth: <img src="images/001.jpg" alt="Elephant" title="Elephant" />
When your image isn't displaying anything but is just used for the layout, leave the ALT attribute empty.
- Use hosting sites for files
If you want to share (big) files and not let your bandwidth effect by it, host the file on hosting sites such as RapidShare and MegaUpload. Host the file and place the download link on your own blog or website.
- Use external sources to cache your RSS Feed
You can cache your RSS Feed to save bandwidth. Sign up at RSS Cache and see how it works.
- Don't submit your website to search engines
Searchbots from search engines such as Google act just like a returning visitor: They crawl your website, causing it for you to lose bandwidth. Do not add your URL to an search engine. If you want your website to be found, but don't want to waste your bandwidth on the bot, there are several webmaster tools that will slow down the crawling speed of the bots.
- Make your website / blog "Members only"
When you create a login-module on your website and restrict your page-viewing to registered member only, it'll help you save bandwidth too. When only those certain people can view pages, you'll surely have less visitors that consume your bandwidth.
- Use AJAX
- Ultimate tip: Don't spread the word
Pretty stupid tip, but it's the best one to save bandwidth: Don't spread the word of your website. If nobody knows that it exist, the only one that is consuming the bandwidth will be you.
- Compress images: Use JPG and PNG
If you use WordPress, we recommend installing:
When your bandwidth reaches your maximum allowance, then your site will be disabled and will be inaccessible until the following 1st of the month.
- WordFence - Secure your website with the most comprehensive WordPress security plugin. Firewall, malware scan, blocking, live traffic, login security & more.
- Login Security Solution - Security against brute force attacks by tracking IP, name, password; requiring very strong passwords. Idle timeout. Maintenance mode lockdown.
One of the downsides of Wordpress are people trying to hack it, so you see a lot of hits to wp-logon.php and xlmrpc.php. So we suggest you secure these.