Hello!<br />
<br />
I would like to know if anyone has some tips regarding traffic load. <br />
My website consists of a graphical header with buttons and a large news section through which visitors can browse. When they click a newsheader the page reloads (with <!-- w --><a class="postlink" href="http://www.page.com?newsid=34">www.page.com?newsid=34</a><!-- w -->) - since an average visitor clicks 40 newsitems the page reloads 40 times placing a heavy load on my webserver. Is there any way to do something about this? I don't want to use frames :| So that is not really an option...<br />
<br />
any tips are more than welcome!<br />
<br />
regards,<br />
<br />
P3x :rocker:<!--content-->once the user Download <!--more-->s the page it will load from cache if the header graphic is the same through out the site.<br />
<br />
no traffic load from this.<!--content-->AH! Thanks for that info
<!--content-->as scoutt says, one of the tricks to reduce bandwidth usage is using the same graphics as much as possible as they're stored in the cache, other things to cut back on are:<br />
<br />
tables<br />
images - reduce file size<br />
white sapce in coding - remove as much as possible<br />
<br />
css - have external stylesheets (same for javascript)<br />
css rollovers instead of image rollovers<br />
comb through your visitors and block any unwanted spiders <br />
(i once got 300 page views a day from a naughty little spider,use your .htaccess file)<br />
<br />
check your page size here (<!-- m --><a class="postlink" href="http://www.searchengineworld.com/cgi-bin/page_size.cgi">http://www.searchengineworld.com/cgi-bin/page_size.cgi</a><!-- m -->)<!--content-->CSS. External CSS. External Javascript. <br />
<br />
Don't indent your tags too much in source code, single indent per nest is enough. <br />
<br />
Take out white space on the right-hand end of lines in the source code.<br />
<br />
Optimise all image file-sizes.<!--content-->Originally posted by leoo24 <br />
<br />
css rollovers instead of image rollovers<br />
comb through your visitors and block any unwanted spiders <br />
(i once got 300 page views a day from a naughty little spider,use your .htaccess file)<br />
<br />
<br />
<br />
Aha, ok - could you please tell me what css rollovers are? I DO use image rollovers...so hm about that. And also, how would I recognise a spider from the access list? <br />
<br />
Thanks in advance,<br />
<br />
P3x<!--content-->you can use css to rollover an image but i prefer to use color rollovers, it's where you change the a:hover in your link css, examples being a:hover{color:#ff9900;}, {text-decoration:underline;} etc<br />
you can also give the cell/div that the link is contained in a rollover, this being a simple example:<br />
<br />
<td onmouseover="this.style.backgroundColor='#ff9900';" onmouseout="this.style.backgroundColor='#ffffff';" ><br />
<br />
the following site has ip lists of spiders you would want:<br />
<!-- m --><a class="postlink" href="http://www.iplists.com/">http://www.iplists.com/</a><!-- m --><br />
<br />
if you get a spider disobeying your robots.txt or hitting your site hard and isn't in the list do a traceroute on the ip, if you get nothing post in search engine tactics forum and someone will find out who it is for you<!--content-->On your source code, do a find and replace on whitespace (not carriage returns or line feeds, just coded whitespace). <br />
<br />
Find "{space}{space}" and Replace: "{space}"<br />
<br />
This will cut your HTML files down by at least 5% in many cases. <br />
<br />
I have seen 50% in some extreme cases.<!--content-->There's a nifty little article on A List Apart about CSS Rollovers (<!-- m --><a class="postlink" href="http://www.alistapart.com/stories/rollovers/">http://www.alistapart.com/stories/rollovers/</a><!-- m -->) that you might find useful. They have some other neat DOM tricks that can help, as well.<!--content-->
<br />
I would like to know if anyone has some tips regarding traffic load. <br />
My website consists of a graphical header with buttons and a large news section through which visitors can browse. When they click a newsheader the page reloads (with <!-- w --><a class="postlink" href="http://www.page.com?newsid=34">www.page.com?newsid=34</a><!-- w -->) - since an average visitor clicks 40 newsitems the page reloads 40 times placing a heavy load on my webserver. Is there any way to do something about this? I don't want to use frames :| So that is not really an option...<br />
<br />
any tips are more than welcome!<br />
<br />
regards,<br />
<br />
P3x :rocker:<!--content-->once the user Download <!--more-->s the page it will load from cache if the header graphic is the same through out the site.<br />
<br />
no traffic load from this.<!--content-->AH! Thanks for that info
<!--content-->as scoutt says, one of the tricks to reduce bandwidth usage is using the same graphics as much as possible as they're stored in the cache, other things to cut back on are:<br /><br />
tables<br />
images - reduce file size<br />
white sapce in coding - remove as much as possible<br />
<br />
css - have external stylesheets (same for javascript)<br />
css rollovers instead of image rollovers<br />
comb through your visitors and block any unwanted spiders <br />
(i once got 300 page views a day from a naughty little spider,use your .htaccess file)<br />
<br />
check your page size here (<!-- m --><a class="postlink" href="http://www.searchengineworld.com/cgi-bin/page_size.cgi">http://www.searchengineworld.com/cgi-bin/page_size.cgi</a><!-- m -->)<!--content-->CSS. External CSS. External Javascript. <br />
<br />
Don't indent your tags too much in source code, single indent per nest is enough. <br />
<br />
Take out white space on the right-hand end of lines in the source code.<br />
<br />
Optimise all image file-sizes.<!--content-->Originally posted by leoo24 <br />
<br />
css rollovers instead of image rollovers<br />
comb through your visitors and block any unwanted spiders <br />
(i once got 300 page views a day from a naughty little spider,use your .htaccess file)<br />
<br />
<br />
<br />
Aha, ok - could you please tell me what css rollovers are? I DO use image rollovers...so hm about that. And also, how would I recognise a spider from the access list? <br />
<br />
Thanks in advance,<br />
<br />
P3x<!--content-->you can use css to rollover an image but i prefer to use color rollovers, it's where you change the a:hover in your link css, examples being a:hover{color:#ff9900;}, {text-decoration:underline;} etc<br />
you can also give the cell/div that the link is contained in a rollover, this being a simple example:<br />
<br />
<td onmouseover="this.style.backgroundColor='#ff9900';" onmouseout="this.style.backgroundColor='#ffffff';" ><br />
<br />
the following site has ip lists of spiders you would want:<br />
<!-- m --><a class="postlink" href="http://www.iplists.com/">http://www.iplists.com/</a><!-- m --><br />
<br />
if you get a spider disobeying your robots.txt or hitting your site hard and isn't in the list do a traceroute on the ip, if you get nothing post in search engine tactics forum and someone will find out who it is for you
<!--content-->On your source code, do a find and replace on whitespace (not carriage returns or line feeds, just coded whitespace). <br /><br />
Find "{space}{space}" and Replace: "{space}"<br />
<br />
This will cut your HTML files down by at least 5% in many cases. <br />
<br />
I have seen 50% in some extreme cases.<!--content-->There's a nifty little article on A List Apart about CSS Rollovers (<!-- m --><a class="postlink" href="http://www.alistapart.com/stories/rollovers/">http://www.alistapart.com/stories/rollovers/</a><!-- m -->) that you might find useful. They have some other neat DOM tricks that can help, as well.<!--content-->