nicht angemeldet
Hallo,
das sind pro Punkt weniger als 80 B, im Moment hat der linke Navigationsbereich alleine über 8 kB, bei 25 Punkten á 80 B komme ich auf 2 kB, wenn ich jetzt nochmal 1 kB für das drumherum (möglicherweise ein div um die linken Listen etc.), komme ich bequem auf 3 kB.
Ok, ich gebe zu, dass sich der Code prinzipiell entscheidend verkürzen lässt, deine Rechnung scheint mir aber ziemlich übertrieben. Wenn ich versuche, den Code zu entschlacken, sodass immer noch alle Teile eindeutig über CSS adressiert werden können (ob das gegenwärtige Layout überhaupt mit dem entschlackten Markup gleichsam umsetzbar ist, habe ich nicht geprüft, davon gehe ich einmal großzügig aus), komme ich auf 4817 Byte, die aufgeklappte Navigation noch nicht einberechnet:
<div id="subnavi">
<form method="get" action="/Kategorien/Service/volltextsuche.html">
<span class="links"> <a href="/root.html" title="Link zur Rubrik Startseite">Startseite</a></span>
<span class="rechts"><a href="/Kategorien/Service/newsletter-abo.html" title="Interner Link zu 'Newsletter-Abo'" accesskey="n">Newsletter-Abo</a> | <a href="/Kategorien/Service/kontakt.html" title="Interner Link zu 'Kontakt'" accesskey="k">Kontakt</a> | <a href="/Kategorien/Service/sitemap.html" title="Interner Link zu 'Sitemap'" accesskey="s">Sitemap</a> | <a href="/Kategorien/Service/nutzungshinweise.html" title="Interner Link zu 'Nutzungshinweise'" accesskey="n">Nutzungshinweise</a> | <a href="/Kategorien/Service/impressum.html" title="Interner Link zu 'Impressum'" accesskey="i">Impressum</a> <input type="text" name="suchtext" id="suche" value="Suchbegriff" title="Hier können Sie den Suchbegriff eingeben"><input type="image" src="/images/icon_suchen.gif" alt="suchen" title="Hier können Sie die Suche starten" class="noborder"></span></form>
</div>
<div id="linkespalte">
<div id="navigation"><a href="#content" accesskey="c" title="Die folgende Haupt-Navigation überspringen und zum Inhaltsbereich gehen."><img src="/images/t.gif" alt="" width="10" height="7" border="0"></a>
<ul id="hauptnavigation">
<li><a href="/Kategorien/aktuelles.html" title="Link zur Rubrik Aktuelles">Aktuelles</a></li>
<li><a href="/Kategorien/Presse/pressemitteilungen.html" title="Link zur Rubrik Presse">Presse</a></li>
<li><a href="/Kategorien/ministerium.html" title="Link zur Rubrik Ministerium">Ministerium</a></li>
<li><a href="/Kategorien/ministerin.html" title="Link zur Rubrik Ministerin">Ministerin</a></li>
<li><a href="/Kategorien/reden.html" title="Link zur Rubrik Reden">Reden</a></li>
<li><a href="/Kategorien/gesetze.html" title="Link zur Rubrik Gesetze">Gesetze</a></li>
<li><a href="/Kategorien/Publikationen/Publikationen.html" title="Link zur Rubrik Publikationen">Publikationen</a></li>
<li><a href="/Kategorien/forschungsnetz.html" title="Link zur Rubrik Forschungsnetz">Forschungsnetz</a></li>
<li><a href="/Kategorien/service.html" title="Link zur Rubrik Service">Service</a></li>
<li><a href="/Kategorien/archiv.html" title="Link zur Rubrik Archiv">Archiv</a></li>
</ul>
<div id="irgendeineid">
<h2>UNSERE POLITIKBEREICHE</h2>
<ul id="zweinavigation">
<li><a href="/Politikbereiche/familie.html" title="Link zur Rubrik Familie">Familie</a></li>
<li><a href="/Politikbereiche/aeltere-menschen.html" title="Link zur Rubrik Ältere Menschen">Ältere Menschen</a></li>
<li><a href="/Politikbereiche/gleichstellung.html" title="Link zur Rubrik Gleichstellung">Gleichstellung</a></li>
<li><a href="/Politikbereiche/kinder-und-jugend.html" title="Link zur Rubrik Kinder und Jugend">Kinder und Jugend</a></li>
<li><a href="/Politikbereiche/zivildienst.html" title="Link zur Rubrik Zivildienst">Zivildienst</a></li>
<li><a href="/Politikbereiche/freiwilliges-engagement.html" title="Link zur Rubrik Freiwilliges Engagement">Freiwilliges Engagement</a></li>
<li><a href="/Politikbereiche/wohlfahrtspflege.html" title="Link zur Rubrik Wohlfahrtspflege">Wohlfahrtspflege</a></li>
</ul>
</div>
<form action="/bmfsfj/send/redirect.jsp" id="schnellfinden">
<h2>SCHNELL FINDEN</h2>
<div class="eckefinden">
<select name="url" id="themen" size="1" title="Hier können Sie ein Thema auswählen">
<option value="/root.html" selected="selected">AusgewählteThemen</option>
<option value="/Politikbereiche/familie,did=13672.html">Änderung des Bundeserziehungsgeldgesetzes</option>
<option value="/Kategorien/Publikationen/Publikationen,did=3028.html">Erziehungsgeld, Elternzeit</option>
<option value="/Kategorien/Publikationen/Publikationen,did=3576.html">Kindergeld 2005</option>
<option value="/Politikbereiche/Familie/familie-und-arbeitswelt.html">Familie & Arbeitswelt</option>
<option value="/Politikbereiche/Familie/kinderbetreuung.html">Kinderbetreuung</option>
<option value="/Politikbereiche/Familie/erziehungskompetenz.html">Erziehungskompetenz</option>
<option value="/Politikbereiche/Gleichstellung/gender-mainstreaming.html">Gender Mainstreaming</option>
<option value="/Politikbereiche/Gleichstellung/eu-richtlinien.html">EU-Richtlinien</option>
<option value="/Politikbereiche/Aeltere-Menschen/hilfe-und-pflege.html">Hilfe und Pflege</option>
<option value="/Politikbereiche/Kinder-und-Jugend/kinder-und-jugendliche-schuetzen.html">Kinder und Jugendliche schützen</option>
</select>
<input name="finden" type="image" class="noborder" id="finden" src="/bmfsfj/images/finden.gif" alt="finden" title="Thema finden">
</div>
</form>
Jetzt kann man sich natürlich noch darüber streiten, ob man #subnavi umstrukturiert und bei allen Links die seltsamen title-Attribute herauswirft (dessen Mehrwert ich in Screenreadern bezweifle). Allerdings werden die Autoren dafür Gründe gehabt haben, die bei einer Untersuchung Pro/Contra Frames hinsichtlich Ladezeiten nicht zur Debatte stehen. Ich käme auf 3957 Byte:
<div id="subnavi">
<form method="get" action="/Kategorien/Service/volltextsuche.html">
<ul>
<li id="link-startseite"><a href="/root.html">Startseite</a></li>
<li><a href="/Kategorien/Service/newsletter-abo.html" accesskey="n">Newsletter-Abo</a></li>
<li><a href="/Kategorien/Service/kontakt.html" accesskey="k">Kontakt</a></li>
<li><a href="/Kategorien/Service/sitemap.html" accesskey="s">Sitemap</a></li>
<li><a href="/Kategorien/Service/nutzungshinweise.html" accesskey="n">Nutzungshinweise</a></li>
<li><a href="/Kategorien/Service/impressum.html" accesskey="i">Impressum</a></li>
<li><label for="suche">Suchen:</label><input type="text" name="suchtext" id="suche" value="Suchbegriff" title="Hier können Sie den Suchbegriff eingeben"><input type="image" src="/images/icon_suchen.gif" alt="Suche starten" title="Hier können Sie die Suche starten" class="input-image"></li>
</ul>
</form>
</div>
<div id="linkespalte">
<div id="navigation">
<a href="#content" accesskey="c" id="skip">Die folgende Haupt-Navigation überspringen und zum Inhaltsbereich gehen.</a>
<h2>Haupt-Navigation</h2>
<ul id="hauptnavigation">
<li><a href="/Kategorien/aktuelles.html">Aktuelles</a></li>
<li><a href="/Kategorien/Presse/pressemitteilungen.html">Presse</a></li>
<li><a href="/Kategorien/ministerium.html">Ministerium</a></li>
<li><a href="/Kategorien/ministerin.html">Ministerin</a></li>
<li><a href="/Kategorien/reden.html">Reden</a></li>
<li><a href="/Kategorien/gesetze.html">Gesetze</a></li>
<li><a href="/Kategorien/Publikationen/Publikationen.html">Publikationen</a></li>
<li><a href="/Kategorien/forschungsnetz.html">Forschungsnetz</a></li>
<li><a href="/Kategorien/service.html">Service</a></li>
<li><a href="/Kategorien/archiv.html">Archiv</a></li>
</ul>
<div id="politikbereiche">
<h2>Unsere Politikbereiche</h2>
<ul id="zweinavigation">
<li><a href="/Politikbereiche/familie.html">Familie</a></li>
<li><a href="/Politikbereiche/aeltere-menschen.html">Ältere Menschen</a></li>
<li><a href="/Politikbereiche/gleichstellung.html">Gleichstellung</a></li>
<li><a href="/Politikbereiche/kinder-und-jugend.html">Kinder und Jugend</a></li>
<li><a href="/Politikbereiche/zivildienst.html">Zivildienst</a></li>
<li><a href="/Politikbereiche/freiwilliges-engagement.html">Freiwilliges Engagement</a></li>
<li><a href="/Politikbereiche/wohlfahrtspflege.html">Wohlfahrtspflege</a></li>
</ul>
</div>
<form action="/bmfsfj/send/redirect.jsp" id="schnellfinden">
<h2>Schnell finden</h2>
<div class="eckefinden">
<select name="url" id="themen" size="1" title="Hier können Sie ein Thema auswählen">
<option value="/root.html" selected="selected">AusgewählteThemen</option>
<option value="/Politikbereiche/familie,did=13672.html">Änderung des Bundeserziehungsgeldgesetzes</option>
<option value="/Kategorien/Publikationen/Publikationen,did=3028.html">Erziehungsgeld, Elternzeit</option>
<option value="/Kategorien/Publikationen/Publikationen,did=3576.html">Kindergeld 2005</option>
<option value="/Politikbereiche/Familie/familie-und-arbeitswelt.html">Familie & Arbeitswelt</option>
<option value="/Politikbereiche/Familie/kinderbetreuung.html">Kinderbetreuung</option>
<option value="/Politikbereiche/Familie/erziehungskompetenz.html">Erziehungskompetenz</option>
<option value="/Politikbereiche/Gleichstellung/gender-mainstreaming.html">Gender Mainstreaming</option>
<option value="/Politikbereiche/Gleichstellung/eu-richtlinien.html">EU-Richtlinien</option>
<option value="/Politikbereiche/Aeltere-Menschen/hilfe-und-pflege.html">Hilfe und Pflege</option>
<option value="/Politikbereiche/Kinder-und-Jugend/kinder-und-jugendliche-schuetzen.html">Kinder und Jugendliche schützen</option>
</select>
<input name="finden" type="image" class="input-image" id="finden" src="/bmfsfj/images/finden.gif" alt="finden" title="Thema finden">
</div>
</form>
</div>
</div>
Damit könnte man die Rechnung wiederholen, das wäre eine faire Grundlage.
Mathias
Struppi
Der Martin