Bitte um Performance Test (Seite 3)

Hallo Rüdiger

Dann würde ich die Bilder wohl mit diesem Selektor ansprechen #bildergalerie img

Im Grunde würde ich aber das Ganze in eine Liste setzen und dann den li Elementen display:inline-block geben.
Durch die Liste erreiche ich eine höhere Semantik das es sich um eine Galerie handelt. Dann kann man den Gedanken auch weiterspinnen und ide title Attribute mit figure und figcaption Elementen sichtbar machen.

Zumindest habe ich das auf dieser Seite so umgesetzt mit einer Galerie der Perry Rhodan Sammelkarten

prskspedia.de/spiel/phase5.php

Hallo Jörg,
Hallo Matthes.

ich beginne ausnahmsweise in der falschen Reihenfolge. Also zu Thema: Posten von Links
Ich verstehe Deinen Einwand und so wie du es formuliert hast. Hintergrund meines evtl. auch übersensibles Verhalten ist, vor ca. 2 Jahren habe ich für meinen damaligen Arbeitgeber (Sozialpädagogische Einrichtung) in 3 verschiedenen Foren einen Spendenaufruf gepostet (Inkl. Domain und Name der Einrichtung). Ich habe um Spenden für Kleidung und Altmöbel gebeten. Was ich zu diesem Zeitpunkt noch nicht wusste war, das Suchmaschinen auch Foren durchsuchen. Und so kam folgendes zustande. Wenn nun hilfesuchende Familien und Mitarbeiter von Jugendämter im Netz nach der Sozialpädagogischen Einrichtung gesucht haben, bekamen Sie als erstes und zweites Suchergebnis meinen Spendenaufruf zu sehen. Die Domain der Einrichtung selbst wurde diesem Zeitpunkt noch schlechter gerangt wie die Suchergebnisse aus den Foren. Viel schlimmer war jedoch die Tatsache das ich einen sehr folgenschweren Fehler gemacht habe. Denn die Einrichtung hatte zu diesem Zeitpunkt keinen karitativen Hintergrund also auch kein eingetragener Verein.

Die Einrichtung hat in folge meiner Handlung richtig großen Ärger bekommen. Keine Frage, mein Sinnen und handeln war Sozial geprägt! Aber da hat zu diesem Zeitpunkt niemand nach gefragt.
Nach dieser für mich sehr negativen Erfahrung, habe ich beschlossen keine Domain mehr in einem Forum zu posten.

Ich würde mich freuen, wenn meine Einlassung zum Thema für ein besseres Verständnis i.B.a. mein sensibles Handeln führen könnte.

Hallo Jörg,
So und nun zurück zum Technischen KrimsKrams...
- deinen Vorschlag die Galerie in eine Liste zu setzen schau ich mir heute mal in Ruhe an. In jedem Fall hört sich das für mich logisch an.

- zum Thema Zeichensatz: Deine Ausführung habe ich soweit verstanden. Ich muss gestehen, das ich überhaupt nicht kapiere wie das wieder hinbekommen kann!? Sorry, mir fehlt an dieser Stelle der Technische Background. Ich vermute mal, das bei fehlendem Background eine Unterstützung nicht möglich ist.

joerg schrieb:

Hallo Rüdiger

Dann würde ich die Bilder wohl mit diesem Selektor ansprechen #bildergalerie img

Im Grunde würde ich aber das Ganze in eine Liste setzen und dann den li Elementen display:inline-block geben.
Durch die Liste erreiche ich eine höhere Semantik das es sich um eine Galerie handelt. Dann kann man den Gedanken auch weiterspinnen und ide title Attribute mit figure und figcaption Elementen sichtbar machen.

Zumindest habe ich das auf dieser Seite so umgesetzt mit einer Galerie der Perry Rhodan Sammelkarten

prskspedia.de/spiel/phase5.php

Auch wenn mich dieser Beitrag mal daran erinnert die erwähnten Elemente mal da auch zu verwenden. Die Domain muss eh mal gründlich überarbeitet werden.

Was den Zeichensatz anbetrifft.

Grundsätzlich lohnt sich die verwendung einer dataurl nur wenn die Datenmenge des Requests den man spart maximal durch Verwendung der dataurl aufgehoben wird.

dataurls brauchen ungefähr ein drittel mehr an Datentransfer.

Und das dürfte bei einem Zeichensatz wohl nie zutreffend bei der Datenmenge die da in der Regel vorhanden ist.
Also eine zusätzliche Datei draus machen, danach hat man die Möglichkeit auch andere Formate noch zu verwenden um auch historische Browser zu unterstützen.

Was das Posten von Links in Foren betrifft es kann hier keiner nachvollziehen aus welchen Gründen du das nicht möchtest. Stelle die Gründe klar dann wirst du weniger gelyncht und darum hatte Matthes dich ja schon gebeten.
Verständnis setzt auch vorraus das man die Gegenseite verstehen kann und durch deine Andeutungen kann bisher niemand Verständnis entwickeln.

Gruß
Jörg

Hallo Rüdiger

Ich denke die zwei Links sollten dann ausreichen.

de.wikipedia.org/wiki/Data-URL

www.mediaevent.de/css/font-face.html

Hallo Jörg,

ich habe mir die Ziele deiner Links angesehen. Vielen Dank dafür! Die Erklärungen dort sind ausreichend gut geeignet für eine Umsetzung! Leider fehlen mir bislang die fundierten Kenntnisse um in Wordpress selbst die Anpassungen vorzunehmen. Ich denke ich werde mir zur Unterstützung einen Wordpress Spezi suchen. Meine bislang erworbenen Kenntnisse reichen für derartige Systemeingriffe noch nicht aus.

Gruß
Rüdiger

Hallo Jörg,

wenn es Deine Zeit erlaubt!? Würde ich mich freuen wenn Du noch einmal die Performance testen könntest. Einige deiner Tipps habe ich umgesetzt. Bei anderen hänge ich noch etwas hinterher.

- So versuche ich im Moment die Font- Ressource (http://fonts.googleapis.com/css?) die das Rendering blockiert und von extern eingebunden wird in die schon bestehende CSS zu integrieren.

- Dann habe ich einen Teil der Grafiken von Startseite per Inline Images / Data URIs base64-codiert direkt in die HTML- Quellcode eingebunden. Allerdings wirkt sich das sehr negativ auf das Verhältnis Content zu Quelltext aus. Derzeitiger Wert:4.9% kann ich das so lassen? Oder sollte ich das besser ändern?

Vielen Dank

Rüdiger

ruemenko schrieb:

Hallo Jörg,

wenn es Deine Zeit erlaubt!? Würde ich mich freuen wenn Du noch einmal die Performance testen könntest. Einige deiner Tipps habe ich umgesetzt. Bei anderen hänge ich noch etwas hinterher.

- So versuche ich im Moment die Font- Ressource (http://fonts.googleapis.com/css?) die das Rendering blockiert und von extern eingebunden wird in die schon bestehende CSS zu integrieren.

- Dann habe ich einen Teil der Grafiken von Startseite per Inline Images / Data URIs base64-codiert direkt in die HTML- Quellcode eingebunden. Allerdings wirkt sich das sehr negativ auf das Verhältnis Content zu Quelltext aus. Derzeitiger Wert:4.9% kann ich das so lassen? Oder sollte ich das besser ändern?

Vielen Dank

Rüdiger

- Habe die Grafiken wieder zurückgesetzt. Mal sehe ob ich die in die CSS bekomme

Hallo Rüdiger

Ich denke die eine Frage hast du selbst beantwortet.

Was das Rendering angeht das Problem ist immer noch das diese Fonts in der Regel viel Traffic verursachen.

Da du ja schon das defer Attribut bei js Dateien anwendest würde ich mich noch über die Kombination mit dem asynch Attribut erkundigen da die Seite eh auf HTML5 basiert.

Im Moment habe ich auch nicht die Zeit da ich mir einen Nginx Server installiere mir deine Seite genauer anzuschauen. Ausserdem sind hier auch andere die gerne helfen wenn man nicht speziell jemanden anspricht.

Ausserdem learning bye doing ist eine der besten Methoden um sich weiter zu entwickeln wenn man mit Überlegung an die Sache herrangeht.

Gruß
Jörg

OK,

dann mach ich mal so weiter!-learning bye doing-

Gruß

Rüdiger