Experimente mit dem neuen Dialog-Element

Moin!

Vor ein paar Wochen bekamen wir eine Anfrage für die Umsetzung eines Layouts in Contao. Das Layout war nicht überdurchschnittlich anspruchsvoll, abgesehen von einer Idee:

Die Referenzen (die ich mit unserer Portfolio-Erweiterung umgesetzt hätte) sollten in einem Overlay geöffnet werden.

„Das ist der ideale Einsatzzweck für das relativ neue HTML Dialog-Element“, dachte ich mir. Doch damit die Referenzen-Seite nicht unnötig lange Ladezeiten hat und sich die einzelnen Referenzen auch über Suchmaschinen finden lassen, musste ich noch ein paar Experimente machen.

Denn hätte ich den Inhalt des Dialog-Elements bereits beim Aufruf der Übersichtsseite geladen (und die jeweiligen Dialog-Elemente lediglich ausgeblendet), dann wäre das bei sehr vielen Referenzen schlecht für die Performance gewesen.

Stattdessen fand ich bei meiner Recherche für die Angebotserstellung eine bessere Lösung:

Mit meinem Proof of Concept ließen sich die Referenzen per AJAX in ein Dialog-Element laden und sogar im Session Storage (ähnlich Local Storage) speichern, um einen erneuten Aufruf zu beschleunigen. Zusätzlich waren die Referenzen als Unterseiten erreichbar, also auch für Suchmaschinen zu indizieren.

Ich war wirklich super happy mit meiner Lösung, denn sie war ein guter Kompromiss aus der gewünschten Darstellung und SEO/Pagespeed-Optimierung.

Leider hat sich die anfragende Agentur gegen unser Angebot entschieden. So ist das manchmal.

Aber solltest du an einer solchen Lösung interessiert sein, dann melde dich gerne. Das Dialog-Element wird mittlerweile von allen modernen Browsern unterstützt. Mein Prototyp wäre auch z.B. für die Anzeige von AGB/Datenschutz-Hinweisen bei einem Kontaktformular denkbar oder um in einem Onepager Referenzen ausführlicher vorzustellen.

Von weiteren Versuchen mit dem Dialog-Element werde ich dir vielleicht ein anderes mal berichten. Nutzt du das Dialog-Element für deine Projekte? Wenn ja, wie? Antworte mir dafür einfach auf diese Mail.

***

Letzte Chance zur Anmeldung: Möchtest du wissen, wie wir Projekte mit dem Nutshell Framework umsetzen? Wie wir deployer nutzen. Und wie wir Projekte im Team umsetzen? Dann melde dich hier an:

Hier gehts zur Anmeldung

Aktuell fehlen noch 19 Personen, damit ich das Interesse als „groß genug“ einstufen würde. Wenn du also noch eine Person kennst, für die eine Einführung in das Nutshell Framework interessant sein könnte, dann schick ihm oder ihr doch ebenfalls den Link zu Anmeldung.

***

In der nächsten Flaschenpost werde ich dir übrigens von meinen Tools erzählen, die ich aktuell bei der Arbeit einsetze. Bis dahin wünsche ich dir eine schöne Feiertagswoche.

Viele Grüße,
Dennis