Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Tipps & Tricks ›

Schnellere Bildladezeiten

Eingetragen von fhe_sol (14)
am 22.07.2016 - 08:20 Uhr in
  • Tipps & Tricks
  • Drupal 7.x oder neuer

Hallo Community,

habe eine kleine Frage und vielleicht hat jemand darauf ja einen guten Rat und zwar:

Ich habe einen Node mit Inhalt und einem Fullwidth Header Image. Das Bild wird über Views eine Blockregion über dem INhalt fullwidth angezeigt.
Leider passiert es dass das Bild zum Teil beim Laden der Seite erst nach dem Text angezeigt wird.

Performanceverbesserungen Caching, Aggregration, Boost und Tinypng habe ich bereits alles verwendet und installiert jedoch passiert dieses Ereigniss immer wieder. Hat jemand da einen Rat wie das Bild schneller oder zumindestens zeitgleich geladen werden kann?

Viele Grüße & Danke

‹ Wie mit Rules die Uhrzeit in einem Datumsfeld ändern? Wert setzen mit einer Variablen (Datum TT.MM.JJJJ) + einer Zeitangabe ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Verwendest Du das Modul ais?

Eingetragen von maria-rita (501)
am 24.07.2016 - 12:00 Uhr

Hallo,

probier das mal aus. Hier der Link: https://www.drupal.org/project/ais

Viele herzliche Grüße

Marita Betz

Barrierefreies Webdesign
Marita Betz
http://www.barrierefreies-webdesign-mb.de

  • Anmelden oder Registrieren um Kommentare zu schreiben

Halllo,hmm der Browser

Eingetragen von Hyp1 (1461)
am 25.07.2016 - 10:55 Uhr

Halllo,

hmm die Browser funktionieren nun mal so, dass Images asynchron geladen werden.
Stell Dir mal vor Du müsstest warten bis alle Images geladen werden, bevor die ganze Seite
angezeigt wird.
Also die HTML Seite mit dem DOM Tree wird geladen,
dann werden alles Ressourcen im HTML asynchron geladen.
Der Effekt das die Bilder langsam geladen werden tritt eigentlich,
nur auf, wenn der User das erste mal auf die Seite geht.
Wurde die Seite einmal gerendert, sollten eigentlich alle Ressourcen
vom lokalen Browser Cache geladen werden (Das geht sehr schnell!).

Ich kenne eigentlich nur einen Weg die Bilder aus Drupal schneller ausliefern zu lassen:
Du müsstest die Bilder von einem anderen Webserver (light httpd?) aus laden lassen,
welcher keinen PHP Interpreter hat und nur die Images von Drupal Verzeichnis ausliefert
Dadurch muss kein PHP Interpreter geladen werden um Bilder zum Browser zu senden.

MfG

Robert

https://awri.ch
Ich habe eine Schweizer Tastatur und daher kein scharfes ß ;-)

  • Anmelden oder Registrieren um Kommentare zu schreiben

PHP liefert in der Regel nur bei private files diese aus

Eingetragen von C_Logemann (823)
am 25.07.2016 - 12:08 Uhr
Hyp1 schrieb

Ich kenne eigentlich nur einen Weg die Bilder aus Drupal schneller ausliefern zu lassen:
Du müsstest die Bilder von einem anderen Webserver (light httpd?) aus laden lassen,
welcher keinen PHP Interpreter hat und nur die Images von Drupal Verzeichnis ausliefert
Dadurch muss kein PHP Interpreter geladen werden um Bilder zum Browser zu senden.

Es ist richtig, daß lighttp oder nginx reine Files schneller ausliefern kann als der Apache-Webserver. Letzteren kann man zwar oft auch tunen und z.B. diue Verarbeitung von ".htaccess"-Anweisungen verbieten, wenn man die relevanten Regeln direkt in die Config übernimmt. Aber die PHP-Verarbeitung hat nur dann einen Einfluss, wenn Drupal explizit de Files per PHP ausliefert. Das geschieht in der Regel nur bei private Files. Hier möchte man eigentlich auch dies nicht umgehen mit anderen Technologien, die wiederum nicht überprüfen (können), ob der Zugriff auf ein File erlaubt ist.

Bei Bildern sollte man immer zunächst mal diese optimieren bezüglich Auflösung und Komprimierung und/oder Farbtiefe, bevor man die Webanwendung misstrauisch anschaut. Je kleiner die Datei um so besser. In modernen Browsern kann man Bilder, die ohnehin auf Vektoren basieren bei den Grafikern (oft bei Logos) dann per SVG (auch noch mal auf notwendige Pfade reduziert) ganz kleine Datenmengen bekommen.
Im Frontend kann man dann viele Tricks anwenden, um massenhafte Datei-Abfragen zu reduzieren mit CSS/JS-Aggregation und z.B. manuell mit CSS-Sprites. Es gibt auch die Möglichkeit, kleinere Bilder (z.B. Icons) direkt als Bild-Informationen ins CSS zu bekommen.
Mein Kooperationspartner Walter Ebert hält zum Thema Frontende Performance insbesondere auch über Bild-Einindung regelmäßig Vorträge auch in der Drupal-Community. Seine Slides hat er auf seiner Website verlinkt: http://walterebert.de/

# DrupalCenter-Moderator # Mitglied im Drupal e.V. # https://www.drupal.org/u/c_logemann
# CTO der Nodegard GmbH: CMS Security & Availability Management

  • Anmelden oder Registrieren um Kommentare zu schreiben

Zitat:C_Logemann

Eingetragen von Hyp1 (1461)
am 25.07.2016 - 14:28 Uhr
Zitat:

C_Logemann schrieb
Aber die PHP-Verarbeitung hat nur dann einen Einfluss, wenn Drupal explizit de Files per PHP ausliefert. Das geschieht in der Regel nur bei private Files. Hier möchte man eigentlich auch dies nicht umgehen mit anderen Technologien, die wiederum nicht überprüfen (können), ob der Zugriff auf ein File erlaubt ist.

Dem kann ich nur bedingt zustimmen:
Man muss es einfach richtig konfigurieren:
https://www.nginx.com/resources/wiki/start/topics/recipes/drupal/
Der NGIX läuft ja als Reverse Proxy und soll nur statischen content ausliefern.
Ein direkter Zugriff den URL eines Files würde auch hier direkt auf NGIX(der ja auf einem anderen Port läuft) einen 403 auslösen.
Dies wird vorwiegend gemacht um das Apache " c10k problem" zu lösen.
Und kann z.B: durch Load Blancing sehr hoch skaliert werden.
Es bringt zwar weniger als bei public files aber es bringt etwas!
Man darf nicht vergessen dass NGIX stqatischen content besser cached, schneller ausliefert und besser skalierbar ist als .Apache.
Ausserdem reduziert er die Requests und Bandbreite(wenn anderer Server) auf dem Server wo Drupal läuft.

Oben geht leider nicht hervor ob er ein public oder private Filesystem nutzt
und um wieviele Images bzw. gleichzeitige Benutzer es geht.

Grüsse

Robert
PS: Da gibt es auch ein Drupal Modul für NGIX https://www.drupal.org/project/nginx_accel_redirect

https://awri.ch
Ich habe eine Schweizer Tastatur und daher kein scharfes ß ;-)

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • [gelöst]Pflichtfeld vom User deaktivieren lassen
  • Konto löschen, wie? (Drupalorg/Drupalcenter)
  • Layout-Builder hängt
  • Drupal 8/9 SEO-Beratung/Coaching
  • Verschachtelte UND / ODER Abfrage mit hook_views_query_alter
  • Kartenansicht, Position des Users und Nodes anzeigen
  • Hilfe zu Views und Filter?
  • Views für 2 Kategorien
  • [gelöst]Probleme nach löschen eines Menüpunktes im Adminmenü
  • [gelöst]Zufallsausgabe von Inhalt
  • Variable aus dem inkludierten Partial Template auslesen
  • Probleme beim Versand von Mails via Drupal 9
Weiter

Neue Kommentare

  • Danke das ist die Lösung
    vor 12 Stunden 36 Minuten
  • Ah, das sind wertvolle Hinweise
    vor 15 Stunden 37 Minuten
  • Schau Dir mal folgenden
    vor 15 Stunden 49 Minuten
  • Du kannst die Eigenschaften
    vor 15 Stunden 54 Minuten
  • Bitte meinen Account auch löschen
    vor 15 Stunden 54 Minuten
  • Danke, den hook kannte ich natürlich
    vor 17 Stunden 24 Minuten
  • Ich würde das mit
    vor 19 Stunden 49 Sekunden
  • php war es nicht
    vor 1 Tag 7 Stunden
  • Ich mache so Sachen:-)
    vor 1 Tag 9 Stunden
  • Bei Google musst Du erst ab
    vor 2 Tagen 20 Stunden

Statistik

Beiträge im Forum: 246097
Registrierte User: 18884

Neue User:

  • Stine_64
  • uniquename
  • xapizm

» Alle User anzeigen

User nach Punkten sortiert:
wla9016
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3917
ronald3832
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 4 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association