Lösung zur Request Minderung!

Verfasst am: 07. 08. 2010 [18:40]
Beitrag hilfreich?
Gelöschter Benutzer Hallo Oskar,

Deine Abhandlung ist mal wieder TipTop. Gleichzeitig auch ein Aspekt für weitere Diskussionen im "Seitenreport-Progress"

Vielen Dank
 
Verfasst am: 13. 08. 2010 [11:18]
Beitrag hilfreich?
babylon26903
Themenersteller
Dabei seit: 28.01.2010
Beiträge: 26
 Hallo @all

also die Geschichte mit den Inline Images ist ja mal garnicht so schlecht! Hab das mal auf meiner Startseite probiert.
.....mmmhhhh! Damit mach ich mir aber dann mein Verh. Queltext zu Content kapputt!
Beim Hintergrundbild und diesem kleinen Pixel, welches für den gepunkteten Hintergrund im Inhaltsbereich angeht kein Problem. Hab ich ja in meiner CSS stehen! Aber die Thumbs ist zuviel. Denke ich zumindest!

Dadurch ist mir aber wieder eingefallen, wie ich die Thumbs in meine DB bekomme!! icon_smile.gif

Aufgefallen ist mir allerdings, das der Seitenaufbau dadurch echt schnell ist, bzw schneller wird. Hab leider keine Ahnung wie ich das messen kann, aber vom Gefühl her fand ich den Aufbau dadurch schnelller.

Den Hover effekt beim oberen Menü bekomme ich auch nicht hin! Weiß jemand was da in der CSS falsch ist?

Danke im voraus.
Gruß
Werner
In eigener Sache!!
Ich beim == ZDF == und ein weiteres mal auf == RTL ==
Profil
WWW
ICQ
YIM
 
Verfasst am: 13. 08. 2010 [11:45]
Beitrag hilfreich?
Raptor
Dabei seit: 10.05.2009
Beiträge: 1174
babylon26903 schrieb:

Den Hover effekt beim oberen Menü bekomme ich auch nicht hin! Weiß jemand was da in der CSS falsch ist?

Du setzt den hover-Effekt auf das a-Element, das Hintergrundbild aber auf das li-Element, da muss man sich schon für eines entscheiden.

Der folgende CSS-Code...
CSS
#foxmenu ul li{
 background-image:url("/images/index_sprite_2.jpg");
 background-position: -210px -1px;
 display:block;
 float:left;
 margin:0 1px 0 0;
}
 
#foxmenu ul li a{
 background:transparent no-repeat top left;
 color:#fff;
 display:block;
 float:left;
 height:19px;
 padding:5px 20px 0 20px;
 text-decoration:none;
}
 
#foxmenu ul li a:hover{
 background-position: -210px -26px;
 background:transparent no-repeat top right;
 color:#fff;
}

...sollte vermutlich so lauten:
CSS
#foxmenu ul li{
 background-image:url("/images/index_sprite_2.jpg");
 background-position: -210px -1px;
 display:block;
 float:left;
 margin:0 1px 0 0;
}
 
#foxmenu ul li a{
 color:#fff;
 display:block;
 float:left;
 height:19px;
 padding:5px 20px 0 20px;
 text-decoration:none;
}
 
#foxmenu ul li:hover{
 background-position: -210px -26px;
}

Meine Developer-Website mit den Web-Entwickler-Tools.
Meine Web-Entwicklungs-Dienstleistungen

Signatur-Regel: max. 4 Zeilen und 2 externe Links
Profil
WWW
 
Verfasst am: 13. 08. 2010 [11:49]
Beitrag hilfreich?
UFOMelkor
Dabei seit: 20.10.2009
Beiträge: 336
babylon26903 schrieb:

Dadurch ist mir aber wieder eingefallen, wie ich die Thumbs in meine DB bekomme!! icon_smile.gif


Zum Thema "Bilder in Datenbanken speichern" empfehle ich dir folgenden Link: http://www.php-faq.de/q-db-blob.html

babylon26903 schrieb:

Aufgefallen ist mir allerdings, das der Seitenaufbau dadurch echt schnell ist, bzw schneller wird. Hab leider keine Ahnung wie ich das messen kann, aber vom Gefühl her fand ich den Aufbau dadurch schnelller.


Das Firefox Plugin "Firebug" liefert hier gute Dienste. Die gewünschte Funktion befindet sich im Reiter "Netzwek".

babylon26903 schrieb:

Den Hover effekt beim oberen Menü bekomme ich auch nicht hin! Weiß jemand was da in der CSS falsch ist?


Auf den Unterseiten "Karte Deutschland" und "Unterkunft eintragen" klappt es doch bereits prima. icon_smile.gif
Wo genau has du Probleme?
Naturkosmetik in Bochum

Steppenhahn Ultramarathon-Community
Profil
WWW
 
Verfasst am: 16. 08. 2010 [13:55]
Beitrag hilfreich?
joerg
Dabei seit: 09.06.2009
Beiträge: 1459
 Hallo

Dank Oskar ist mir gestern zumindest klar geworden wie man die Technik mit den Inline Images überhaupt anwendet und habe auch bereits schon eine XML Datenbank von meinen Thumbs aufgebaut.

Mir sind einige Dinge zu diesem Inline Images oder Data-URL noch nicht so ganz klar.

Wie kann ich vorher ermittlen ob ich damit Vorteile erreichen kann im Vergleich zu der Verwendung von normalen Bildern?
Es hängt ja von der Datei-Grösse eines Bildes zumindest ab und dem was mich der HTTP Request kostet minus der Grösse wenn das Bild base 64 kodiert ist. Und halt eben wie das Caching Verhalten der normalen Bilder sich auch auswirkt.

Es müsste doch möglich sein sowas zu berechnen ob sich das prinzipiell lohnt CSS Sprites oder auch die inline Images anzuwenden.

Abgesehen davon das nicht jeder Browser damit umgehen kann und teilweise es von der Grösse wohl auch abhängig ist ob es einwandfrei dargestellt wird möchte ich folgendes auch noch wissen.

Hat jemand schon Erfahrungen aus der Praxis wie sich das im Bereich SEO auswirkt?

Gruß
Jörg
Zufällige Umleitung zu der Startseite einer meiner Domains
Meine ungewöhnlichen Tools
Profil
WWW
 
Verfasst am: 17. 08. 2010 [09:11]
Beitrag hilfreich?
Chance
Dabei seit: 13.11.2009
Beiträge: 132
 Inline Images werden nicht gecacht, oder ?
Bei CSS-Sprites wäre es der Fall.
Auch blähen meiner Kenntnis nach Inline Images den Quellcode auf.
Wenn man sich auf mobile Browser vorbereitet, ist es nicht so gut.


Ich habe eine andere Frage in diesem Bereich.
Ich binde zwei CSS ein. Eine Haupt CSS und eine CSS für das jeweilige Modul.
Ist es sinnvoll, diese beiden zusammenzufügen ?
www.piacos.de
www.psi-portal.de
Profil
WWW
ICQ
 
Verfasst am: 17. 08. 2010 [11:17]
Beitrag hilfreich?
UFOMelkor
Dabei seit: 20.10.2009
Beiträge: 336
 Hallo Stefan,

Inline Images werden gecached, wenn die Datei gecached wird, in der sie liegen. Wenn man also die CSS-Datei bzw. die HTML-Datei cached, wird auch das Inline Image gecached.

Was deine CSS-Dateien angeht: In den meisten Fällen ist es sinnvoll, ja. Dadurch, dass die CSS-Datei gecached wird, wird im Endeffekt mehr erspart als durch das Aufteilen der Dateien.
Naturkosmetik in Bochum

Steppenhahn Ultramarathon-Community
Profil
WWW
 
Verfasst am: 06. 09. 2010 [17:44]
Beitrag hilfreich?
joerg
Dabei seit: 09.06.2009
Beiträge: 1459
 Hallo

Durch diesen Thread habe ich dann mal einige Testseiten erstellt mit verschiedenen Techniken um eine Seite aufzubauen.

http://joerghuelsermann.de/test/bildtechnik/

Die Frage die sich mir jetzt stellt ist womit könnte ich diese Seiten noch testen um Unterschiede zu erkennen.

Gruß
Jörg
Zufällige Umleitung zu der Startseite einer meiner Domains
Meine ungewöhnlichen Tools
Profil
WWW
 
Verfasst am: 06. 09. 2010 [19:48]
Beitrag hilfreich?
SGS
Dabei seit: 21.05.2009
Beiträge: 194
 Hallo Jörg,

ich habe einmal alle Bild-Seiten aufgerufen:

1. Bilddatei: Alle Bilder stehen untereinander
2. Imagemap: Bilder stehen in Zeilen und Spalten
3. DataURL: keine Anzeige, nur Bilder mit roten Kreuzen
4. CSS Sprite: wie 1.
5. CSS Data URL: keine Anzeige aber keine roten Kreuze
6. CSS Bilddatei: wie 1.

Verwendet: IE7.0

Gruß

SGS
http://www.cdl-rlp.de
Profil
WWW
 
Verfasst am: 06. 09. 2010 [22:23]
Beitrag hilfreich?
joerg
Dabei seit: 09.06.2009
Beiträge: 1459
 Hallo SGS

3 und 5 ist klar der Internet Explorer unterstützt erst ab Version 8 und auch da abhängig von der Größe Dataurls.

Und das alle Bilder bei deiner Version untereinander stehen liegt wohl daran das ich dieses im CSS verwende.

display : inline-block;

An der Auswertung ändert das überhaupt nichts und langsam überlege ich mir alles an IE Versionen unter 8 umzuleiten.

Gruß
Jörg
Zufällige Umleitung zu der Startseite einer meiner Domains
Meine ungewöhnlichen Tools
Profil
WWW
 




Du bist nicht eingeloggt. Bitte beachte, dass Du eingeloggt sein musst, um Themen zu erstellen oder auf Beiträge zu antworten.

RSS Feed abonnieren

Werde in Echtzeit über neue Foren-Beiträge informiert:

RSS Feed abonnieren »


16 Mitglieder Mitglieder waren innerhalb der letzten 15 Minuten (275 heute gesamt) online:
athens24, beniafe, CasaRomanita, Ch1cK3n, dorsch, FlowFX, klaus, Linus, Malli1302, MatthiasHuehr, merkur, ptrarbach, rogab53, Ultima, winelady

Administratoren und Moderatoren:
seitenreport

Seitenreport hat 16336 registrierte Mitglieder, 2862 Themen und 27998 Beiträge.
Seitenreport hat einen Mitgliederzuwachs von durchschnittlich 24 bestätigten Neuregistrierungen pro Tag.
Pro Tag werden im Seitenreport Forum durchschnittlich 3 neue Themen und 17 Beiträge erstellt.
Die Durchschnittszahlen berechnen sich aus den letzten 7 Tagen.

SEO und Website-Analyse

Seitenreport ist eine der bekanntesten Website-Analyse-Dienste im WEB. Über 9.200 registrierte Mitglieder (keine Freemailer-Accounts), 1/4 Millionen Seitenaufrufe pro Monat, über 100 Premium-Kunden und namhafte Referenzen sprechen für sich. Seitenreport gibt es seit 2007. Wie Du davon profitierst? Hier kannst Du sicher sein, dass es um Qualität und Beständigkeit geht!

Seitenreport auf Facebook!

238 unserer Mitglieder sind bereits Seitenreport Fan auf Facebook. Dein Vorteil: Schnellere Kenntnis von neuen Features, News in Echtzeit, Tipps und Tricks für SEO und Web. Du kannst unsere Beiträge auch kommentieren und dadurch Deine Besucherzahlen und das Interesse an Deinem Account erhöhen. Folge Seitenreport auf Facebook!

Seitenreport Partnerprogramm

Eines der wenigen Partnerprogramm im Bereich SEO und WEB. Erhalte 12% Lifetime Provision auf alle Buchungen von Dir geworbener neuer Mitglieder! Jedes von Dir geworbene Mitglied wird dauerhaft mit Deinem Partnerkonto verknüpft und bei jeder kostenpflichtigen Buchung mit 12% provisioniert. Lifetime - so lange es Seitenreport gibt!
Seitenreport Partnerprogramm

* = Partnerlinks