Du bist hier: Seitenreport    Forum    Web-Entwicklung    Webdesign    Lösung zur Request Minderung!

Lösung zur Request Minderung!

Verfasst am: 07. 08. 2010 [18:40]
romacron
Dabei seit: 01.11.2009

1143 Beiträge
Beitrag hilfreich?

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]
babylon26903
Dabei seit: 28.01.2010
Themenersteller

26 Beiträge
Beitrag hilfreich?

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 ==
 
Verfasst am: 13. 08. 2010 [11:45]
Raptor
Dabei seit: 10.05.2009

1159 Beiträge
Beitrag hilfreich?

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;
}


 
Verfasst am: 13. 08. 2010 [11:49]
UFOMelkor
Dabei seit: 20.10.2009

348 Beiträge
Beitrag hilfreich?

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?

 
Verfasst am: 16. 08. 2010 [13:55]
joerg
Dabei seit: 09.06.2009

1540 Beiträge
Beitrag hilfreich?

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

 
Verfasst am: 17. 08. 2010 [09:11]
Chance
Dabei seit: 13.11.2009

140 Beiträge
Beitrag hilfreich?

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
 
Verfasst am: 17. 08. 2010 [11:17]
UFOMelkor
Dabei seit: 20.10.2009

348 Beiträge
Beitrag hilfreich?

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.

 
Verfasst am: 06. 09. 2010 [17:44]
joerg
Dabei seit: 09.06.2009

1540 Beiträge
Beitrag hilfreich?

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

 
Verfasst am: 06. 09. 2010 [19:48]
SGS
Dabei seit: 21.05.2009

199 Beiträge
Beitrag hilfreich?

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

 
Verfasst am: 06. 09. 2010 [22:23]
joerg
Dabei seit: 09.06.2009

1540 Beiträge
Beitrag hilfreich?

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

 




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:



6 Mitglieder waren innerhalb der letzten 15 Minuten online (273 heute gesamt):
elvisrockt, frankfutt, joergzimmermann, RebelSoldier, skuehn, x-f

Administratoren und Moderatoren:
[keine]

Seitenreport hat 18159 registrierte Mitglieder, 3005 Themen und 29116 Beiträge.
Der aktuelle Mitgliederzuwachs liegt bei durchschnittlich 13 bestätigten Neuregistrierungen pro Tag.
Pro Tag werden im Seitenreport Forum durchschnittlich 1 neues Thema und 7 Beiträge erstellt.
Die Durchschnittszahlen berechnen sich aus den letzten 7 Tagen.

Mehrfach empfohlen

Seitenreport ist einer der bekanntesten SEO und Website Analyse Dienste im deutschsprachigen Raum und wurde u.a. schon empfohlen:
von Mr. Wong im Wong Letter
vom Leserservice der Deutschen Post
vom Technik Blog SiN
und vielen anderen

Partnerprogramm

12% Lifetime Provision auf alle Buchungen von Dir geworbener Mitglieder sowie 0,50 € für jede Registrierung. Eines der besten deutschen Partnerprogramme laut den appCharts von 100partnerprogramme.de. Nimm jetzt teil am Seitenreport Partnerprogramm und verdiene gutes Geld dabei!

* = Partnerlinks