[TYPO3-german] OT: die durchdachte Webseite

[bernd wilke]

Am 13.11.13 10:11, schrieb Marco Brüggemann:
> Moin Leute,
>
> ich überlege gerade, wie ich eine optimale Webseite gestalte (rein
> technisch).
>
> Das Optimum wäre wohl, wenn die Webseite in 0 Sekunden verfügbar ist,
> und dann für alle Endgeräte optimiert dargestellt wird.
> Leider ist das nicht so richtig umsetzbar.
>
> Ich habe für meinen Grundaufbau schon eine ganze Menge Code und Daten:
> - Boilerplate - > soll versuchen die Webseite für die verschieden
> veralteten Browser aufzubereiten,
> - meine CSS-Einstellungen
> - zusätzliches CSS für die Printausgabe und für responsive Webdesigns
> - jQuery
> - lightbox
> - und natürlich Bilder
>
> Daher wollte ich mal Fragen wie Ihr das ganze seht:
>
> ist es euch im besonderen wichtig, dass die Webseite schnell angezeigt
> wird, oder vernachlässigt ihr das. Gibt es einen bestimmten Grund warum
> Ihr das vernachlässigt?
>
> Wie sehr ist es euch wichtig die alten Browser mit ins Boot zu holen?
> Was macht Ihr, um die Webseite für alte Browser zu optimieren
> (Boilerplate?)
>
> Nutzt ihr responsive Webdesigns?
>
> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
> - - - - - - - - - - - - - - - - - -
> Gibt es eigentlich eine Möglichkeit, nur die Inhalte zu laden, welche
> für das Ausgabegerät relevant sind? Ich denke daran, dass für Mobile
> Geräte das laden von großen Bildern unnötig ist. Auch werden Inhalte mit
> "display: none" versteckt aber dennoch geladen. Kann man vielleicht mit
> Javascript alle "display: none"-Inhalte vor dem laden entfernen und nur
> kleine Bilder laden?
>
> Gibt es eine Möglichkeit mit T3 verschiedene Templates bereitzustellen,
> so dass ein Mobilgerät sofort auf ein optimiertes Template umgeleitet wird?
>
> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
> - - - - - - - - - - - - - - - - - -
> Wie sind eure Überlegungen dazu?

da gibt es diverse Ansätze, auch je nach individuellen Anforderungen. 
z.B. sind für meine Website Antwortzeiten wohl nicht so wichtig: ich 
muss damit keinen Umsatz generieren (ich generiere auch gar keinen).
Für einen onlinehändler ist es schon wichtig, dass die Kunden nicht zu 
lange warten müssen, bevor sie etwas machen (kaufen) können. Bei langen 
Wartezeiten sind die Kunden schnell bei einem anderen Shop.

genauso gibt es sicherlich unterschiedliche Bedürfnisse die diversen 
Browser/Devices zu bedienen.

Je wichtiger einem ein Feature ist, desto mehr wird man daran arbeiten, 
dass es optimal arbeitet. Und meist gibt es mehrere Ansätze und 
gegensätzliche Optionen.

zb. ein Ansatz um Elemente gar nicht erst laden:
Content (Bilder und/oder HTML) wird erst durch AJAX geladen:
+ es wird nur genau das geladen, was benötigt wird (mit Lazy-loading 
auch nur dann wenn es dargestellt werden soll)
- der Browser muss das ganze AJAX abarbeiten (Last auf Client-Seite)
- statt einem Seitenaufruf erfolgen viele kleine: Die Übertragungen und 
der Seitenaufbau dauern länger

Ansatz: liefere für jedes Device spezifischen Content aus
+ schneller Seitenaufbau auf jedem Device
- viel Cache oder Rechenleistung auf dem Server nötig
- ggfls. viel Aufwand die diversen Devices individuell zu bedienen

Mittelweg: Responsive Design
nur eine Source zu pflegen, mehrere Anzeigen und im Idealfall werden nur 
die benötigten Resourcen geladen (es gibt da sehr unterschiedliche 
Realisierungen, die nicht alle optimal sind)

bernd
-- 
http://www.pi-phi.de/cheatsheet.html