Mobile Webseitenansicht ohne Duplicate Content möglich?

Hallo,

ich habe schon gesucht aber nicht das richtige gefunden: Ich möchte eine recht Große Webseite auch für Mobile Endgeräte Fit machen. Ich habe auch schon die Erweiterung laufen, die im Body z.B. "iPhone Mobile" als Klasse hinterlegt. Allerdings sollen nicht alle Bilder geladen werden, das kann die Mobile Webseite schon ordentlich groß machen ( body.mobile img{Display:none;} spar keine Transfergröße).

Einen 2. Startpunkt (und Zusätlich Mobile Switch) will ich eigentlich nicht, da wir dann den Content immer mehrfach pflegen müssen. Gibt es dafür noch eine elegantere Lösung? Für Wordpress beispielsweise gibts Plugins die Webseiten abgespecht darstellen. Bilder werden nicht mitgeladen usw. Gibt es sowas auch für Contao?

Grüße,

Mo

Zitat:

---

( body.mobile img{Display:none;} spar keine Transfergröße).

---

das ist logisch, da zuerst das bild geladen wird und anschließend wird es via css versteckt.

Du könntest doch den zweiten Baum anlegen und dort die Inhalte via Insertags reinladen, somit hättest du wieder nur eine Stelle um Texte zu ändern

Gut aber da Teilweise auch Bilder in den einzelnen Artikeln sind, werden diese mit übernommen ... die sind generell klein aber ggf. für Mobile ansicht noch zu groß. Aber an die Insert Tags habe ich jetzt nicht gedacht ;) Danke für den Tipp. Gibts noch ne möglichkeit für die Bilder, die weg zu bekommen?

ev. hilft dir diese Erweiterung weiter?

Vielleicht noch eine Idee.
Wenn du diese Erwetierung verwendest. [browsercss]
und dann bei

Code:

---

.mobile img {
visibility: hidden;
}

oder vielleicht eine class:

.mobile .hidden {
visibility: hidden;
}

---

Bin mir aber nicht sicher ob die Bilder dan geladen werden :)

Liebe Grüße
Matthias

Wenn Bilder über's HTML eingebunden werden (via <img>-Tag) kann das Laden nicht per CSS verhindert werden. Also auch nicht miitels "visibility: hidden;" oder "display: none;".

Wie schaut's denn mit der Erweiterung von @schman aus? Klingt doch vielversprechend...

Cheerio,
Alex

Mit einem trick kann man verhindern das Bilder geladen werden. Nun könnte man noch einfach body.mobile img{display:none;} setzen um die leeren img Tags zu entfernen dann würde es gehen. Werde das mal testen, danke für die Tipps! Kennt sich jemand mit dem "Mobile Switch" aus? Funktioniert das Tool gut? :)

/edit: so Display:none korrigiert :P

Zitat:

---

Zitat von mo2402

body.mobile img{display:hidden;}

---

dieses Eigenschaft/Wertepaar gibbet nich. ;)

Oh da habe ich wenig müll geschrieben, ich meinte Display:none ... sry war wohl mit gedanken woanders, CSS kann ich eigentlich ;)

Nun ja, mit "display: none;" wird nicht verhindert, dass die Bilder geladen werden, sie werden dann nur nicht angezeigt. Ich meine, das reicht in den meisten Fällen ja bereits, aber die Daten an sich werden trotzdem geladen (und nehmen damit Zeit & Bandbreite weg).

Cheerio,
Alex

Richtig, dass habe ich ja selber oben gesagt, aber mit Lazy Load kann ich das Laden der Bilder verhinden. Die Bilder werden dann aber durch einen Blank.gif Platzhalter ersetzt und nehmen im Inhalt noch immer den selben Platz weg, als wären die Bilder da. Diesen "Platzklau" kann ich dann mit display:none; verhindern ;)

Ach so, ja, den Eintrag hab' ich wohl übersehen. Joa, das sollte soweit gut klappen ;-)

Kannst ja bei Gelegenheit mal nen Link zur fertigen Seite hier reinstellen, damit man sich's anschauen kann.

Cheerio,
Alex

Kann ich machen, aber es wird wohl noch eine weile dauern. Habs mir aber im Kalender zur Erinnerung eingetragen ;)