ilch Forum » Allgemein » HTML, PHP, SQL,... » html kürzen

Geschlossen
  1. #1
    User Pic
    CeeJay Hall Of Fame
    Registriert seit
    23.03.2007
    Beiträge
    2.425
    Beitragswertungen
    18 Beitragspunkte
    Hi Leute!

    Ich habe einen HTML-Code, den ich nur zu gerne kürzen würde, weil das Laden etliche Jahre dauert xD

    Leider hab ich da nicht mehr so den Durchblick traurig

    Hier der Code:

    <html>
    <head>
    <link rel="SHORTCUT ICON" href="http://www.dj-ceejay.net/favicon.ico" type="image/x-icon">
    <title>{TITLE}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    
    <style type="text/css">
    <!--
    #apDiv1 {
    	position:absolute;
    	width:794px;
    	height:18px;
    	z-index:1;
    	left: 196px;
    	top: 28px;
    }
    #Tabelle_01 tr td {
    	font-size: 9px;
    	font-family: Verdana;
    }
    -->
    </style>
    </head>
    <center><body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('include/designs/djceejaynew/bilder/news_rollover.png','include/designs/djceejaynew/bilder/shop_rollover.png','include/designs/djceejaynew/bilder/downloads_rollover.png','include/designs/djceejaynew/bilder/gallery_rollover.png','include/designs/djceejaynew/bilder/links_rollover.png','include/designs/djceejaynew/bilder/guestbook_rollover.png','include/designs/djceejaynew/bilder/discography_rollover.png','include/designs/djceejaynew/bilder/biography_rollover.png','include/designs/djceejaynew/bilder/tourdates_rollover.png','include/designs/djceejaynew/bilder/prices_rollover.png','include/designs/djceejaynew/bilder/contact_rollover.png','include/designs/djceejaynew/bilder/press_rollover.png')">
    <!-- Save for Web Slices (design_slice_mit_mouseover_und_normal_Design.psd) -->
    <table id="Tabelle_01" width="1001" height="701" border="0" cellpadding="0" cellspacing="0">
    	<tr>
    		<td colspan="22">
    			<img src="include/designs/djceejaynew/bilder/index_01.jpg" width="1000" height="7" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="1" height="7" alt=""></td>
    	</tr>
    	<tr>
    		<td rowspan="5" align="left" valign="top">
    			<img src="include/designs/djceejaynew/bilder/index_02.jpg" width="9" height="204" alt=""></td>
    		<td rowspan="5" align="center" valign="top" background="include/designs/djceejaynew/bilder/mp3_player_background.jpg">{_boxes_mp3player}</td>
    		<td rowspan="5">
    			<img src="include/designs/djceejaynew/bilder/index_04.gif" width="28" height="204" alt=""></td>
    		<td colspan="19">
    			<img src="include/designs/djceejaynew/bilder/index_05.jpg" width="807" height="18" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="1" height="18" alt=""></td>
    	</tr>
    	<tr>
    		<td colspan="18">
    	    <img src="include/designs/djceejaynew/bilder/index_06.jpg" width="800" height="17" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/index_07.jpg" width="7" height="17" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="1" height="17" alt=""></td>
    	</tr>
    	<tr>
    		<td colspan="17">
    			<img src="include/designs/djceejaynew/bilder/index_08.png" width="641" height="123" alt=""></td>
    		<td colspan="2" rowspan="3">
    			<img src="include/designs/djceejaynew/bilder/index_09.jpg" width="166" height="169" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="1" height="123" alt=""></td>
    	</tr>
    	<tr>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/index_10.jpg" width="65" height="42" alt=""></td>
    		<td colspan="2"><a href="index.php?news" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('News','','include/designs/djceejaynew/bilder/news_rollover.png',1)"><img src="include/designs/djceejaynew/bilder/news_normal.png" alt="News" name="News" width="58" height="42" border="0"></a></td>
    		<td colspan="2"><a href="index.php?shop" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Shop','','include/designs/djceejaynew/bilder/shop_rollover.png',1)"><img src="include/designs/djceejaynew/bilder/shop_normal.png" alt="Shop" name="Shop" width="56" height="42" border="0"></a></td>
    		<td colspan="3"><a href="index.php?downloads" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Downloads','','include/designs/djceejaynew/bilder/downloads_rollover.png',1)"><img src="include/designs/djceejaynew/bilder/downloads_normal.png" alt="Downloads" name="Downloads" width="114" height="42" border="0"></a></td>
    		<td colspan="3"><a href="index.php?gallery" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Gallery','','include/designs/djceejaynew/bilder/gallery_rollover.png',1)"><img src="include/designs/djceejaynew/bilder/gallery_normal.png" alt="Gallery" name="Gallery" width="75" height="42" border="0"></a></td>
    		<td colspan="2"><a href="index.php?links" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Links','','include/designs/djceejaynew/bilder/links_rollover.png',1)"><img src="include/designs/djceejaynew/bilder/links_normal.png" alt="Links" name="Links" width="59" height="42" border="0"></a></td>
    		<td colspan="3"><a href="index.php?guestbook" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Guestbook','','include/designs/djceejaynew/bilder/guestbook_rollover.png',1)"><img src="include/designs/djceejaynew/bilder/guestbook_normal.png" alt="Guestbook" name="Guestbook" width="109" height="42" border="0"></a></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/index_17.jpg" width="105" height="42" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="1" height="42" alt=""></td>
    	</tr>
    	<tr>
    		<td colspan="17" rowspan="2" background="include/designs/djceejaynew/bilder/index_18.jpg"><center>{HMENU}</center></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="1" height="4" alt=""></td>
    	</tr>
    	<tr>
    		<td colspan="3">
    			<img src="include/designs/djceejaynew/bilder/index_19.jpg" width="193" height="28" alt=""></td>
    		<td colspan="2">
    			<img src="include/designs/djceejaynew/bilder/index_20.jpg" width="166" height="28" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="1" height="28" alt=""></td>
    	</tr>
    	<tr>
    		<td colspan="3" align="left" valign="top">{_boxes_lastlocation}
         </td>
    		<td colspan="17" valign="top"><center><table width="83%" height="291" border="0" cellpadding="0" cellspacing="0">
    		  <tr>
    		    <th align="left" valign="top" scope="col">{EXPLODE}</th>
    	      </tr>
          </table></center></td>
    		<td colspan="2" valign="top">{_boxes_nextlocation}<br><br><b>Your Voice!</b><br>
    	    {_boxes_vote}</td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="1" height="293" alt=""></td>
    	</tr>
    	<tr>
    		<td colspan="3" rowspan="4">
    			<img src="include/designs/djceejaynew/bilder/index_24.jpg" width="193" height="168" alt=""></td>
    		<td colspan="5"><a href="index.php?discography" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Discography','','include/designs/djceejaynew/bilder/discography_rollover.png',1)"><img src="include/designs/djceejaynew/bilder/discography_normal.png" alt="Discography" name="Discography" width="179" height="55" border="0"></a></td>
    		<td colspan="2"><a href="index.php?biography" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Biography','','include/designs/djceejaynew/bilder/biography_rollover.png',1)"><img src="include/designs/djceejaynew/bilder/biography_normal.png" alt="Biography" name="Biography" width="92" height="55" border="0"></a></td>
    		<td colspan="3"><a href="index.php?tourdates" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Tourdates','','include/designs/djceejaynew/bilder/tourdates_rollover.png',1)"><img src="include/designs/djceejaynew/bilder/tourdates_normal.png" alt="Tourdates" name="Tourdates" width="93" height="55" border="0"></a></td>
    		<td colspan="2"><a href="index.php?prices" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Prices','','include/designs/djceejaynew/bilder/prices_rollover.png',1)"><img src="include/designs/djceejaynew/bilder/prices_normal.png" alt="Prices" name="Prices" width="56" height="55" border="0"></a></td>
    		<td colspan="2"><a href="index.php?contact" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Contact','','include/designs/djceejaynew/bilder/contact_rollover.png',1)"><img src="include/designs/djceejaynew/bilder/contact_normal.png" alt="Contact & Imprint" name="Contact" width="73" height="55" border="0"></a></td>
    		<td colspan="3"><a href="index.php?impressum" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Press','','include/designs/djceejaynew/bilder/press_rollover.png',1)"><img src="include/designs/djceejaynew/bilder/press_normal.png" alt="Press" name="Press" width="148" height="55" border="0"></a></td>
    		<td colspan="2" rowspan="4">
    			<img src="include/designs/djceejaynew/bilder/index_31.jpg" width="166" height="168" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="1" height="55" alt=""></td>
    	</tr>
    	<tr>
    		<td colspan="17">
    			<img src="include/designs/djceejaynew/bilder/index_32.jpg" width="641" height="29" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="1" height="29" alt=""></td>
    	</tr>
    	<tr>
    		<td colspan="2"><a href="http://www.myspace.com/djceejaylife" target="_blank"><img src="include/designs/djceejaynew/bilder/index_33.png" alt="" width="76" height="52" border="0"></a></td>
    		<td colspan="2"><a href="http://www.facebook.com/home.php?#!/pages/DJ-CeeJay/103801809662850?ref=sgm" target="_blank"><img src="include/designs/djceejaynew/bilder/index_34.jpg" alt="" width="52" height="52" border="0"></a></td>
    		<td><a href="http://www.blogger.com/profile/09123262066690736214" target="_blank"><img src="include/designs/djceejaynew/bilder/index_35.jpg" alt="" width="51" height="52" border="0"></a></td>
    		<td><a href="http://twitter.com/djceejaylive"><img src="include/designs/djceejaynew/bilder/index_36.jpg" alt="" width="49" height="52" border="0"></a></td>
    		<td colspan="3"><a href="http://dj-ceejay.musicload.de/kuenstler/1148622"><img src="include/designs/djceejaynew/bilder/index_37.jpg" alt="" width="122" height="52" border="0"></a></td>
    		<td colspan="4"><a href="http://www.youtube.com/djceejay"><img src="include/designs/djceejaynew/bilder/index_38.jpg" alt="" width="77" height="52" border="0"></a></td>
    		<td colspan="2"><a href="http://itunes.apple.com/de/artist/dj-ceejay/id323413184?ign-mpt=uo%3D4"><img src="include/designs/djceejaynew/bilder/index_39.jpg" alt="" width="100" height="52" border="0"></a></td>
    		<td colspan="2"><a href="http://www.napster.de"><img src="include/designs/djceejaynew/bilder/index_40.jpg" alt="" width="114" height="52" border="0"></a></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="1" height="52" alt=""></td>
    	</tr>
    	<tr>
    		<td colspan="17">
    			<img src="include/designs/djceejaynew/bilder/index_41.png" width="641" height="32" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="1" height="32" alt=""></td>
    	</tr>
    	<tr>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="9" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="156" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="28" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="65" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="11" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="47" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="5" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="51" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="49" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="43" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="22" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="57" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="14" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="4" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="52" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="7" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="66" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="34" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="9" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="105" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="159" height="1" alt=""></td>
    		<td>
    			<img src="include/designs/djceejaynew/bilder/Abstandhalter.gif" width="7" height="1" alt=""></td>
    		<td></td>
    	</tr>
    </table>
    <!-- End Save for Web Slices -->
    </body>
    </center>
    </html>


    Vielen Dank für die Hilfen!
    Nichts ist so sicher, wie die Änderung.
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    Ich würde als erstes mal die 50 Zeilen Platzhalter weg machen. Und wen du den Code kleiner halten willst, solltest du mit Divs Arbeiten
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    CeeJay Hall Of Fame
    Registriert seit
    23.03.2007
    Beiträge
    2.425
    Beitragswertungen
    18 Beitragspunkte
    Hallo Chapter!

    Danke für deine Antwort - wie funktioniert das mit den Div´s? Wäre für eine kleine Hilfestellung sehr dankbar!

    LG
    Nichts ist so sicher, wie die Änderung.
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    Schau mir mal css4you.de an, das hab ich auch gelernt. Ist Net schwer
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    Den Code aufräumen bringt bestimmt so gut wie gar nichts.

    - Schneller Server
    - Kleine Grafiken

    Kann mir nicht vorstellen, dass das was bringen wird.

    //edit: Die vielen PreLoads sind auch ned förderlich.

    //edit2: Deine Seite ist aber ned wirklich langsam...


    Zuletzt modifiziert von MaddinXx am 24.06.2010 - 23:18:04
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    ZitatZitat geschrieben von MaddinXx
    //edit2: Deine Seite ist aber ned wirklich langsam...

    Also bei mir lädt deine Seite auch sehr schnell. lächeln
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    XxMaTzExX Mitglied
    Registriert seit
    28.05.2008
    Beiträge
    1.039
    Beitragswertungen
    14 Beitragspunkte
    ZitatZitat geschrieben von jankrug

    ZitatZitat geschrieben von MaddinXx
    //edit2: Deine Seite ist aber ned wirklich langsam...

    Also bei mir lädt deine Seite auch sehr schnell. lächeln



    dito
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    CeeJay Hall Of Fame
    Registriert seit
    23.03.2007
    Beiträge
    2.425
    Beitragswertungen
    18 Beitragspunkte
    Hmm... ich find´s wirklich interessant, das jetzt von euch zu hören...

    Vorab mal vielen Dank für die Antworten lächeln

    Also bei mir ist das so, das die Seite Anfangs sehr lange lädt, bzw. die Website ist da, aber im Kopf meines Browsers werden immer irgendwelche Daten übertragen bzw. das Symbol, das mir zeigt, das mein Browser noch arbeitet, läuft die ganze Zeit - deshalb dachte ich, ich kürz mal den Code, da der mir ziemlich voll aussieht.

    Ich probier´s mit dem Link von Chapter - nochmals vielen Dank für die Antworten!
    Nichts ist so sicher, wie die Änderung.
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    Swamp Mitglied
    Registriert seit
    02.02.2006
    Beiträge
    2.094
    Beitragswertungen
    21 Beitragspunkte
    Hallo.
    Die Seite baut sich bei mir ebenfalls schnell auf.
    Mit den DIV's zu arbeiten finde ich nicht schlecht. Man muss nur ein bisschen üben dann wird das. Und man behält ne bessere Übersicht des HTML Codes.
    Wer zuletzt lacht, hat den schlechtesten Ping.
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    ZitatZitat geschrieben von CeeJay
    Also bei mir ist das so, das die Seite Anfangs sehr lange lädt, bzw. die Website ist da, aber im Kopf meines Browsers werden immer irgendwelche Daten übertragen bzw. das Symbol, das mir zeigt, das mein Browser noch arbeitet, läuft die ganze Zeit

    Das ist dein Player oben links, bzw. das Lied des Players. lächeln
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    CeeJay Hall Of Fame
    Registriert seit
    23.03.2007
    Beiträge
    2.425
    Beitragswertungen
    18 Beitragspunkte
    @jankrug:

    Daran hab ich jetzt nicht gedacht zunge

    Ich werde den Song dann einfach mal komprimieren lächeln

    Melde mich bald mit feedback!
    Nichts ist so sicher, wie die Änderung.
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    MyHugole Mitglied
    Registriert seit
    14.01.2010
    Beiträge
    72
    Beitragswertungen
    1 Beitragspunkte
    Hier kannst Du die Performance Deiner Webseite testen:

    gtmetrix.com/

    In der Analyse siehst Du dann auch, wo Du für Geschwindigkeitsverbesserungen anseetzen kannst.

    MyHugole
    Männer mir nach, ich folge Euch.
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.629
    Beitragswertungen
    1192 Beitragspunkte
    Hey guter Link!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    CeeJay Hall Of Fame
    Registriert seit
    23.03.2007
    Beiträge
    2.425
    Beitragswertungen
    18 Beitragspunkte
    Huhu!

    Ich hab jetzt mal den ersten Song vom Player neu hochgeladen (natürlich vorher etwas komprimiert) und violá - die Seite ist wie neu!

    Vielen Dank für die ganzen hilfreichen Tip´s und Trick´s!
    Nichts ist so sicher, wie die Änderung.
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten