Selbsterstellte Seite lädt langsam

Ankömmling

Motto: Glücklich ist, wer das, was er liebt, auch wagt, mit Mut zu beschützen.

Freitag, 26. November 2010, 18:22

Selbsterstellte Seite lädt langsam

Hi leute,
Ich wurde von meiner FanSubs-Gruppe beauftragt die HP der Seite zubasteln, da ich so ziemlich die einzige war die sich etwas mit HTML auskannte. Leider stelle ich fest, das die Seite ziemlich lange zum Laden braucht, woran könnte das liegen? (Ist nicht nur bei mir, auch bei anderen dauert es ziemlich lange, während andere Seite schnell laden) Hat jemand da vielleicht eine Idee. Da ich mich nicht so gut auskenne, könnte es natürlich sien, das der Code irgendwelche macken hat, könnte sich das vielleicht ein netter User mal anschauen :hilfe:

Danke im vorraus^^

Spoiler

Quellcode

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>TalesFanSubs</TITLE>
%%META%%
 
<STYLE TYPE="text/css">
a:link {
font-weight:700;
 font-size:12;
 font-family:Verdana;
 color:#EFEFEF;
 text-decoration:none;
}
a:visited {
font-weight:700;
 font-size:12;
 font-family:Verdana;
 color:#EFEFEF;
 text-decoration:none;
}
a:hover {
font-weight:700;
 font-size:12;
 font-family:Verdana;
 color:#FFFFFF;
 text-decoration:underline:
 }
a:active {
font-weight:700;
 font-size:12;
 font-family:Verdana;
 color:#EFEFEF;
 text-decoration:none;
 }
 
body {
font-weight:400;
 color:EFEFEF;
 font-size:10;
 font-family:Verdana;
 margin-top:10;
 margin-left:10;
 background-color:215d7f;
 background-image:url(http://www.repage8.de/memberdata/talesfansubs/hp_hg.jpg);
 background-repeat:no-repeat;
 }
 
</STYLE>
</HEAD>
<BODY>
 
 <title>Tales Fan Subs</title><center> 
  <table bordercolorlight="black" http:="" www.repage8.de="" memberdata="" talesfansubs="" v2_bg.gif="" )="" style="table-layout: fixed; width: 950px;" bgcolor="black" border="0" cellpadding="0" cellspacing="0"> <col width="186"> <col width="610"> <col width="186"> 
    <tbody> 
      <tr> 
 
 <td colspan="3" align="center" bgcolor="black"><img style="width: 980px; height: 160px;"src="http://www.repage8.de/memberdata/talesfansubs/v2banner.png"></td> 
      </tr> 
      <tr>    
 <td style="width: 170px;" background="http://www.repage8.de/memberdata/talesfansubs/v3_navi.gif" valign="top"><img alt="" src="http://www.repage8.de/memberdata/talesfansubs/v2_navi_links_main.gif" border="0" 
<a href="http://www.repage8.de/member/talesfansubs/index.html" class="nav">  Home</a><br>
<a href="http://www.repage8.de/member/talesfansubs/dasteam.html" class="nav">  Staff</a><br>
<a href="http://www.repage8.de/member/talesfansubs/fansubs.html"
class="nav">  Fansubs?</a><br>
<a href="http://www.repage8.de/member/talesfansubs/partner.html" class="nav">  Partner werden</a><br>          
<a href="http://www.repage8.de/member/talesfansubs/kodex.html" class="nav">  Kodex</a><br>
<a href="http://www.repage8.de/member/talesfansubs/newsarchiv.html" class="nav">  Newsarchiv</a><br>         
<a href="http://www.youtube.com/user/TalesFanSubs" target="_blank">  Youtube-Kanal</a><br>
<a href="https://twitter.com/#!/TalesFanSubs" target="_blank">  Twitter</a><br>
<a href="http://www.repage8.de/member/talesfansubs/umfrage.html" class="nav">    Umfrage des Monats</a> 
<center><br><br><img alt="" " src="http://www.repage8.de/memberdata/talesfansubs/v2_projects.gif" border="0" ></center>
<a href="http://www.repage8.de/member/talesfansubs/projekte.html" class="nav">  Übersicht</a><br>
<a href="http://www.repage8.de/member/talesfansubs/top.html" class="nav">  Tales of Phantasia</a><br>
<a href="http://www.repage8.de/member/talesfansubs/eternia.html" class="nav">  Tales of Eternia</a><br>
<a href="http://www.repage8.de/member/talesfansubs/tos.html" class="nav">  Tales of Symphonia</a><br>
<a href="http://www.repage8.de/member/talesfansubs/tostk.html" class="nav">  ToS - Tethe'alla Kapitel</a><br>
<a href="http://www.repage8.de/member/talesfansubs/tosuw.html" class="nav">  ToS - Vereinte Welt</a><br>
<a href="http://www.repage8.de/member/talesfansubs/tota.html" class="nav">  Tales of the Abyss</a><br>
<a href="http://www.repage8.de/member/talesfansubs/download.html" class="nav">  Sonstige Downloads</a><br>
       <p><p>
     <br>  
<img alt="" src="http://www.repage8.de/memberdata/talesfansubs/v2_partner.gif" border="0"<p><p>
 
<center>
<a href="http://legend-of-harvest-tales.userboard.org/portal.php" target="_blank"><img  src="http://i683.photobucket.com/albums/vv197/SaphirCurtiss/LoHT/Partnerbild.gif" border="0" alt="Legend of Harvest Tales Forum" /</a> <br><p>
<a href="http://www.animefansubs.org" target="_blank"><img width="88" height="66" src="http://www.animefansubs.org/index-dateien/trusted_af.gif" border="0" alt="Trusted Fansub Group by animefansubs.org" /></a> </center>
 
 
          <p><br></p> 
         </td> 
  <td style="width: 610px;" align="left" bgcolor="#151f3a" valign="top">
 <img src="http://www.repage8.de/memberdata/talesfansubs/PreviewToV.jpg">
          %%CONTENT%% 
</p></td>        
 <td style="width: 170px;" background="http://www.repage8.de/memberdata/talesfansubs/v3_navi.gif" valign="top"> <img alt="" src="http://www.repage8.de/memberdata/talesfansubs/v2_navi_links_sh.gif" border="0" 
<center>
<br>%%SHOUTBOX%%<br><p>
<img alt="" " src="http://www.repage8.de/memberdata/talesfansubs/v2_status.gif" border="0" >
</p><small> Tales of the Abyss <br>Folge 6</small>
<img alt="" " src="http://www.repage8.de/memberdata/talesfansubs/time.jpg" border="0" >
</p><small> ToS Tethe'alla Kapitel <br>Folge 3</small>
<img alt="" " src="http://www.repage8.de/memberdata/talesfansubs/time.jpg" border="0" >
<p> </p>
<img alt="" src="http://www.repage8.de/memberdata/talesfansubs/v2_counter.gif" border="0" >
<p> </p>
Besucher: %%COUNTER%%
         </td> 
      </tr> 
    </tbody> 
  </table></center>
</BODY>
</HTML>

zum Lesen den Text mit der Maus markieren

~Weil kleine Leute die größten sind~

SillyMoon

Knappe

Motto: ich bin der brennende schinken

2

Freitag, 26. November 2010, 20:14

Liegt wahrscheinlich an euren hoster, welchen hoster benutzt ihr den?
ping ihn mal an:
Konsole ( cmd ) öffenen dann eintippen:
ping -t

Beispiel: ping google.de -t

dann kannst du sehen wie schnell er ist.

Edit Wenn das eure seite is: *entfernt by Kuma, bitte Regeln überprüfen*
Dann: Eure seite lädt bei mir eigendlich ziemlich schnell ^^
Aber: auf 1600x900 auflösung ist rechts noch ein dicker fetter grüner balken :P

;( :jagen:

Jeff Thunderbolt

Shoutbox-Camper

Motto: Es ist alles eine Frage der Definition

3

Freitag, 26. November 2010, 20:40

Ich kann jetzt auch nicht wirklich behaupten, dass die Seite langsam lädt.
Ich geh mal davon aus, dass du als Auflösung 1366x768 hast, du daran die Homepage "ausrichtest" und es aber auf höheren Auflösungen zu einem unpassenden blauen Rand auf der rechten Seite führt.
Wenn ich mir deinen Quelltext anschaue, würde ich sagen, dass der Editor ziemlicher Mist ist, da einige "unpassende" Dinge drin auftauchen.

Zitat

<table bordercolorlight="black" http:="" www.repage8.de="" memberdata="" talesfansubs="" v2_bg.gif="" )="" style="table-lay...usw.

wtf?

Zitat

<img alt="" " src="http://www.repage8.de/memberdata/talesf...

Ich könnte mir zwar nicht vorstellen, dass es an den Fehlern im Quelltext liegt (vor allem, weil ja die Seite an sich korrekt dargestellt wird (zumindest im FireFox)) aber vielleicht sollte man das trotzdem mal saubermachen.

~Dark Thunder

HP
Forentreffen

Kuma

A Pony

4

Freitag, 26. November 2010, 22:32

Die Img Dateien sind zu groß! 600Kb allein für den background, welches übrigens 9MB Ram verbraucht, bei dieser Riesigen Auflösung.
Die Rechnung lautet jpeg: Breite*Höhe*3 = Ram verbrauch in Bytes. 3 = Ohne Transparenz, 4 = mit Transparenz.

Dann der Header, ebenfalls in so einer riesigen Auflösung. Dann verwendest du ein Tabellen-Layout, was das ganze nochmals verlangsamt. Tabellen sollten wirklich nur dann verwendet werden, wenn es um Tabellarische Inhalte geht.(Auch wenn unser altes Design ebenfalls Tabellenlayout verwendet ^^, ich bin mir die Ironie bewust). Dann sollten alle css Dateien unbedingt in eine einzige css Datei ausgelagert werden, da css Dateien 1 mal geladen werden. Wenn die CSS Befehle aber im HTML steht, wird unnötig viel Traffic verbraucht.

PS: Bitte nicht auf diese Seite Verlinken, da sie Illegalen Inhalt beinhaltet, danke

Sephie-chan

Ankömmling

Motto: Glücklich ist, wer das, was er liebt, auch wagt, mit Mut zu beschützen.

5

Sonntag, 28. November 2010, 02:46

Danke euch allen für die schnelle Hilfe, hat mir schon sehr weiter geholfen^^

Zitat

Dann verwendest du ein Tabellen-Layout, was das ganze nochmals verlangsamt. Tabellen sollten wirklich nur dann verwendet werden, wenn es um Tabellarische Inhalte geht.(Auch wenn unser altes Design ebenfalls Tabellenlayout verwendet ^^, ich bin mir die Ironie bewust). Dann sollten alle css Dateien unbedingt in eine einzige css Datei ausgelagert werden, da css Dateien 1 mal geladen werden. Wenn die CSS Befehle aber im HTML steht, wird unnötig viel Traffic verbraucht.

Gibt es denn eine gute alternative zu Tabellen? Ich kenn mich in dem Bereich nicht so aus, wusste nur durch mein Schul-Informatik wie man das einigermaßen machen muss. Wie kann ich CSS-Dateien in eine einzige auslagern und woran erkenne ich sie? Tut mri Leid, das ich so viel frage, aber mit CSS kenn ich mich überhaupt nicht aus. :kA:

~Weil kleine Leute die größten sind~

Kuma

A Pony

6

Sonntag, 28. November 2010, 09:12

Was du brauchst nennt sich DIV-Layout. Div Layout sind einmal schlanker und können messbar schneller die Seite darstellen.

http://intensivstation.ch/templates/

CSS Dateien kann man mit tag einbinden:

	Quellcode
1	<link rel="stylesheet" type="text/css" media="screen" href="meine.css">

Sephie-chan

Ankömmling

Motto: Glücklich ist, wer das, was er liebt, auch wagt, mit Mut zu beschützen.

7

Mittwoch, 1. Dezember 2010, 09:29

Oh okay, danke für die schnelle und vor allem gute Hilfe. hab als erste Maßnahme mal einen neuen Header gemacht, der deutlich schlanker ist. (Kein Wunder, der alte Hearder war im png-Vormat, ich glaub da hab ich wohl gepennt :müde: