Bandbreedte besparen

Lontronics · Bericht door **Lontronics** » 28 mar 2005, 14:59

Opnieuw de welbekende vraag hoe er bandbreedte bespaard kan worden.

Ik beheer een volledige website met fotoalbums en forum.
De load wordt ongeveer verdeeld over die twee waarbij het totaal ca. 4Gb per maand is.
En laat dit nou net de datalimiet zijn

Wat ik met de fotoalbums kan doen dat is me bekend, het gaat me nu om het forum.

Tot op heden heb ik de volgende zaken aangepast/ veranderd/ verwijderd om bandbreedte te besparen:
- logo verwijderd
- template instellingen in css voor overal_header.tpl, simple_header.tpl en admin/page_header.tpl
- achtergrondafbeeldingen uit template verwijderd
- aanpassing in page_header.php : if ( !empty($userdata['user_popup_pm']) && $s_privmsg_new != 0 )
- gzip aan

Tja, en toen waren de ideeen een beetje op....

Ik wil de aviators en de smilies op de server zelf houden, dus geen externe linking.

En w.b. externe linking, de linking naar foto's op de website van buitenaf is geblokkeerd.

Verder zijn zoekmachines middels robots.txt geblokt (alleen index.php toegang).

Wie heeft er nog ideeen?

Groeten,
Jan

Alpha · Bericht door **Alpha** » 28 mar 2005, 15:06

extra bandbreedte kopen

want je ken wel op minimaal draaien maar als je forum ook maar iets mee bezoekers krijgt dan heb je hetzelfde probleem... en zowiezo... om alles weg te halen, maakt het ook nogal saai...

Marconius · Bericht door **Marconius** » 28 mar 2005, 15:15

Kun je de link geven van je forum?

Lontronics · Bericht door **Lontronics** » 28 mar 2005, 15:18

Onderin mijn post

Maar hier is hij nog een keer: http://hayabusaclubholland.nl/?frame=forum

Marconius · Bericht door **Marconius** » 28 mar 2005, 15:54

Er is een pure tekst style. Deze zou je kunnen installeren. Ook al heb ik het gevoel dat er niet veel bandbreedte wordt gemaakt door het forum. Het zit hem meer in het foto album.

Lontronics · Bericht door **Lontronics** » 28 mar 2005, 16:00

Op zich gezien het aantal posts e.d. heb je gelijk. Het blijkt echter dat het forum veel als naslagwerk wordt gebruikt. Bovendien hebben we een grote hoeveelheid leden die dagelijks kijkt maar niets post. Wel verkeer dus, geen input.

De fotoalbums daar wordt ook aan gewerkt, en w.b. de pure tekst style; volgens mij zou ik dan dus alleen nog extra besparen op de icoontjes?

Maar ik was er al bang voor dat er weinig meer te besparen viel

Groeten,
Jan

Rico · Bericht door **Rico** » 28 mar 2005, 16:02

Forum pruning?
Na zoveel dagen, weken, maanden berichtewn weg?

Lontronics · Bericht door **Lontronics** » 28 mar 2005, 16:05

Is een optie die ik heb overwogen, maar zoals gezegd, een hoop van de topics zijn gevuld met zinvolle info. Oftewel, worden gebruikt als een soort naslagwerk.
Omdat het forum op zich niet zo groot is haal ik handmatig af en toe e.e.a. weg, zodat ik er zeker van ben dat er geen zinvolle info verloren gaat.
Maar zowieso wordt hierdoor weinig verkeer bespaard. Immers, alleen de actuele en interessante topics worden bekeken

Groeten,
Jan

Rico · Bericht door **Rico** » 28 mar 2005, 16:17

Die buttons vervangen door tekst (nieuw onderwerp) enz

Lontronics · Bericht door **Lontronics** » 28 mar 2005, 16:38

Tja, is een idee. Maar ik heb de buttons eens bekeken en qua formaat valt het vlgs mij wel mee. ca. 800 bytes tot max. 1.7kb.

Ik zal in ieder geval eens kijken of ik ze een eigen smaakje mee kan geven en tegelijkertijd nog een beetje kleiner kan krijgen

Bee · Bericht door **Bee** » 28 mar 2005, 18:34

Ik zie in de overall_header.tpl:

Code: Selecteer alles

<script language="Javascript" type="text/javascript">
<!--
if (self == top) top.location='http://hayabusaclubholland.nl/?frame=forum/';
// --> 
</script>
<link rel="stylesheet" href="templates/subSilver/subSilver.css" type="text/css">
<style type="text/css">
<!--
body { background-color: #FFFFFF;}
-->
</style>

Prop dat in een apart bestandje, en je bespaart weer een beetje bandbreedte.

Daarnaast kan je alle classes in de stylesheet waar th in komt vervangen door de tag th alleen, en daarna uit alle templates de classes in de th tags verwijderen, die extra classes heb je niet nodig, en scheelt toch weer een beetje. En zo kunnen we nog veel meer gaan tweaken. Haal bijvoorbeeld het javascriptje uit het frameset, dat is vervelend, en elke keer als het frame geladen wordt kost het weer wat bytes.

Vele kleine beetjes maken een hele hoop.

EDIT: ik zie nog wel meer onzin:
Ik weet niet hoe het in je overall_header.tpl staat, maar dit zie ik als het menu:

Code: Selecteer alles

		<table width="100%" border="0" bgcolor="#99aaB1" align="center" cellpadding="0" cellspacing="1">
		<tr><td>
		<table width="100%" border="0" bgcolor="#FFFFFF" cellpadding="0" cellspacing="1">
			<tr><td class="row1" height="20" align="center" valign="center" nowrap="nowrap">
			<span class="mainmenu">
			&nbsp;<a href="faq.php" class="mainmenu"><img src="templates/subSilver/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="FAQ" hspace="3" />FAQ</a>&nbsp;
			&nbsp;<a href="search.php" class="mainmenu"><img src="templates/subSilver/images/icon_mini_search.gif" width="12" height="13" border="0" alt="Zoeken" hspace="3" />Zoeken</a>&nbsp; 
			&nbsp;<a href="memberlist.php" class="mainmenu"><img src="templates/subSilver/images/icon_mini_members.gif" width="12" height="13" border="0" alt="Ledenlijst" hspace="3" />Ledenlijst</a>&nbsp; 
			&nbsp;<a href="groupcp.php" class="mainmenu"><img src="templates/subSilver/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="Gebruikersgroepen" hspace="3" />Gebruikersgroepen</a>&nbsp; 
						&nbsp;<a href="profile.php?mode=register" class="mainmenu"><img src="templates/subSilver/images/icon_mini_register.gif" width="12" height="13" border="0" alt="Aanmelden" hspace="3" />Aanmelden</a></span>&nbsp;
						&nbsp;<a href="profile.php?mode=editprofile" class="mainmenu"><img src="templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="Profiel" hspace="3" />Profiel</a>&nbsp; &nbsp;<a href="privmsg.php?folder=inbox" class="mainmenu"><img src="templates/subSilver/images/icon_mini_message.gif" width="12" height="13" border="0" alt="Log in om je privé berichten te bekijken" hspace="3" />Log in om je privé berichten te bekijken</a>&nbsp; &nbsp;<a href="login.php" class="mainmenu"><img src="templates/subSilver/images/icon_mini_login.gif" width="12" height="13" border="0" alt="Inloggen" hspace="3" />Inloggen</a>&nbsp;
			</span>
			</td></tr>
		</table>
		</td></tr>
		</table>

Een dubbele tabel, die maar enkel nodig is. Verder kan de spantag ook weg, de class kan worden meegegeven aan de td waar het instaat.

Lontronics · Bericht door **Lontronics** » 28 mar 2005, 18:44

Hallo Bee,

We hebben het over php, en de echte code is:

Code: Selecteer alles

<script language="Javascript" type="text/javascript">
<!--
if (self == top) top.location='http://hayabusaclubholland.nl/?frame=forum/{NAME_FILE}';
// --> 
</script>
<link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css">
<style type="text/css">
<!--
body { background-color: {T_BODY_BGCOLOR};}
-->
</style>

Dit is dus een stukje code wat iedere keer geupdate wordt en waar ik volgens mij weinig mee kan. Maar misschien zie ik dat verkeerd en dan ben ik supernieuwsgierig hoe ik met bovengenoemde code om kan gaan.
Vlgs. mij maakt een include van php-code nl. niets uit.

Dat van die th tags daar ga ik eens naar kijken. Zoals je zegt, alle kleine beetjes bij elkaar schelen nogal wat bytes

Bee · Bericht door **Bee** » 28 mar 2005, 18:47

Code: Selecteer alles

<style type="text/css"> 
<!-- 
body { background-color: {T_BODY_BGCOLOR};} 
--> 
</style>

is naar mijn mening niet nodig, omdat je die instelling ook in de stylesheet kan stoppen

Lontronics · Bericht door **Lontronics** » 28 mar 2005, 18:59

Het gekke is dat die er ook al staat.

Dit stukje code staat echter in de head en zorgt ervoor dat de achtergrond buiten de pagina ook blank wordt. Oftewel, je geeft geen margins op en zonder dit stukje code zou die marge niet gedefinieerd zijn.

Ik ben het helemaal met je eens, maar als ik het weglaat krijg ik OF in Mozilla OF in Internet-Explorer, afhankelijk van wat ik ermee doe (aanpassen background in css) een grijze rand.

Dit is het eerste stukje code van overall_header.tpl, waar je ook kunt zien dat zowel in body alsook erboven de background wordt gedefinieerd ivm bovengenoemd probleem:

Code: Selecteer alles

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<script language="Javascript" type="text/javascript">
<!--
if (self == top) top.location='http://hayabusaclubholland.nl/?frame=forum/{NAME_FILE}';
// --> 
</script>
<link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css">
<style type="text/css">
<!--
body { background-color: {T_BODY_BGCOLOR};}
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
	if ( {PRIVATE_MESSAGE_NEW_FLAG} )
	{
		window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
	}
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<a name="top"></a>

Jan

Lontronics · Bericht door **Lontronics** » 28 mar 2005, 21:48

Trouwens gelijk even de vraag waarvoor

Code: Selecteer alles

<a name="top"></a>

voor gebruikt wordt.
Ik vermoedt om terug te kunnen naar de top v.d. pagina, alleen vlgs mij wordt dit niet gebruikt....

Groeten,
Jan

Bee · Bericht door **Bee** » 28 mar 2005, 21:54

In de meeste templates niet, daar kan het eruit gehaalt worden. Verder heb ik een vraag: zou je de volledige overall_header.tpl kunnen posten, daar kunnen nog wel wat meer dingen uit gesloopt worden denk ik

Lontronics · Bericht door **Lontronics** » 28 mar 2005, 22:00

Hallo bee, daar is hij dan:

Code: Selecteer alles

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<script language="Javascript" type="text/javascript">
<!--
if (self == top) top.location='http://hayabusaclubholland.nl/?frame=forum/{NAME_FILE}';
// --> 
</script>
<link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css">
<style type="text/css">
<!--
body { background-color: {T_BODY_BGCOLOR};}
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
	if ( {PRIVATE_MESSAGE_NEW_FLAG} )
	{
		window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
	}
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<a name="top"></a>
<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center"> 
<tr> 
<td class="bodyline">

<table width="100%" border="0" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
	<tr><td><div align="center" class="titel">Hayabusa Club Holland Forum</div></td></tr>
	<tr><td class="mainmenu" align="center" valign="center" nowrap="nowrap"><br>
	&nbsp;<a href="{U_FAQ}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a>&nbsp;
	&nbsp;<a href="{U_SEARCH}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_search.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a>&nbsp; 
	&nbsp;<a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_members.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a>&nbsp; 
	&nbsp;<a href="{U_GROUP_CP}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>&nbsp; 
<!-- BEGIN switch_user_logged_out -->
	&nbsp;<a href="{U_REGISTER}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>&nbsp;
<!-- END switch_user_logged_out -->
	&nbsp;<a href="{U_PROFILE}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a>&nbsp; 
	&nbsp;<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>&nbsp; 
	&nbsp;<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a>&nbsp;
	</td></tr>
</table>

Overigens zal ik <a name="top"></a> verwijderen

Volgens mij kan er verder niet veel meer uit.
Ik heb div. websites gemaakt, maar zie weinig overbodige code meer.
Zelfs de mega tags met trefwoorden etc.. heb ik al weggehaald omdat het forum toch voor zoekmachines wordt geblokt.

mosymuis · Bericht door **mosymuis** » 29 mar 2005, 08:22

fast sjonny schreef:Overigens zal ik <a name="top"></a> verwijderen

Lijkt me niet verstandig, in bijna alle templates zijn "top" links aanwezig, die niet meer werken als je dat anchor weghaalt.

Lontronics · Bericht door **Lontronics** » 29 mar 2005, 10:12

Ik gebruik maar een (1) vaste template en dat is een aangepaste versie van de subSilver, zonder achtergrondplaatjes etc..
Hierin wordt top niet gebruikt, en dus heb ik hem verwijderd.
Maar idd, voor mensen met meerdere templates, eerst even goed kijken alvorens te verwijderen

Jan

Lontronics · Bericht door **Lontronics** » 29 mar 2005, 12:24

Okay, verder heb ik nu de link naar gebruikersgroepen nog verwijderd aangezien ik geen gebruikersgroepen gebruik.

De overall_header ziet er dan als volgt uit, volgens mij kan hier niet meer aan gesleuteld worden:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<script language="Javascript" type="text/javascript">

</script>
<link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css">
<style type="text/css">

</style>

<script language="Javascript" type="text/javascript">

</script>

</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline">

<table width="100%" border="0" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr><td><div align="center" class="titel">Hayabusa Club Holland Forum</div></td></tr>
<tr><td class="mainmenu" align="center" valign="center" nowrap="nowrap"><br />
 <a href="{U_FAQ}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a> 
 <a href="{U_SEARCH}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_search.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a> 
 <a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_members.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a> 

 <a href="{U_REGISTER}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span> 

 <a href="{U_PROFILE}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a> 
 <a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a> 
 <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a> 
</td></tr>
</table>
<br />

Mocht Bee dit lezen;
Zou je mij nog eens wat exacter uit willen leggen wat je nou met die th tags wilde? Ik heb nl. eens zitten snuffelen maar snap niet helemaal waar jij die besparing vandaan wilt halen.

Groeten,
Jan