Startseite arrow Joomla arrow Effekthascherei: AJAX-Tools für Joomla
Effekthascherei: AJAX-Tools für Joomla
Artikel bookmarken:
Delicious
Technorati
Mister Wong
07.02.2007

Das Zauberwort AJAX geht auch an Joomla nicht spurlos vorbei. Wer ab und zu im Extension Directory vorbeischaut, stellt fest, dass immer mehr Zusatzmodule sich mit diesem Modewörtchen schmücken.

Damit ist in der Regel gemeint, dass sie allerlei putzige optische Effekte an Bord haben:

  • Bilder guckt man heutzutage mit Lightbox, Slimbox, Thickbox oder Greybox an.
  • Rückmeldungen zu Benutzerkommentaren müssen inzwischen mit schicken Fading-Effekten eingeblendet werden, damit man sie auch wahrnimmt.
  • Module fahren per Mausklick aus und verstecken ihre Inhalte dann verschämt wieder.

Auch die Template-Clubs lassen sich nicht lumpen und bauen immer mehr Effekte in Joomla-Templates ein, über deren praktischen Nutzen man durchaus streiten kann. Die neuesten Templates von RocketTheme und JoomlArt strotzen nur so vor AJAX-Klimbim.

Da wird es Zeit, einmal die Nachteile abzuklopfen, die der AJAX-Hype im Zusammenhang mit Joomla mit sich bringt.

  • Unverträglichkeiten,
  • Nutzlast,
  • Usability.

Denn hier steckt der Teufel im Detail, und das merkt man schnell, wenn man sich mit diesen Tools beschäftigt.

Unverträglichkeiten

Joomla ist von Haus aus nicht mit den für die AJAX-Effekte erforderlichen JavaScript-Bibliotheken ausgerüstet. Folglich muss ein Plugin, das schicke Dinge tun will, selbst eine solche Bibliothek mitbringen. Davon fallen mir aus dem hohlen Bauch gleich einige ein: MooTools, JQuery, Script.aculo.us und Prototype. Und die gibt es natürlich auch in unterschiedlichen Versionen.

Da sind Konflikte vorprogrammiert, wenn zum Beispiel ein Funktionsaufruf gleich benannt ist - oder ein Tool eine neuere Version und ein anderes Tool eine ältere Version einer bestimmten Bibliothek installiert. Alle tragen sie ihre JavaScript-Dateien selbsttätig in den Seitenheader ein - und schon macht es rumms.

Die Support-Foren der großen Template-Clubs sind derzeit voll von Hilfeersuchen: Das Template installiert MooTools, ein Zusatztool installiert JQuery oder Prototype, und nichts geht mehr.

Nutzlast

Die benötigten JavaScript-Bibliotheken werden beim Laden der Seite auf das eigentliche Transfervolumen noch draufgepackt. Sicher haben wir mittlerweile eine überwiegende Abdeckung mit DSL, aber eine flott ladende, schlanke Seite verursacht immer noch einen gewissen Designerstolz. Und wenn eine Website mir erstmal 80 kB an JavaScripts rüberschiebt, komme ich doch ins Grübeln: Braucht die Website das wirklich, um ihre Message zu transportieren?

Usability

Hier wird es spannend. Denn die AJAX-Effekte stellen das erwartete Verhalten von Webseiten auf den Kopf. So funktioniert zum Beispiel das Vorwärts- und Rückwärts-Navigieren mit den entsprechenden Schaltflächen im Browser nicht mehr wie gewohnt, wenn JavaScript für wesentliche Funktionen benutzt wird - etwa bei Bildern, die via Lightbox aufgerufen werden.

Websites nähern sich damit in ihrem Verhalten an Desktop-Software an. Ob man nun das eine oder das andere bevorzugt, sei dahingestellt: Es handelt sich in jedem Fall um einen Bruch in der Bedienung.

Auch lohnt es sich, achtzugeben, was in der URL-Leiste des Browsers passiert. Die dort stehende Adresse entspricht unter Umständen nicht einmal mehr der tatsächlichen URL der betreffenden Seite. Was mag das in puncto Suchmaschinen bewirken? Oder was, wenn jemand eine solche Seite bookmarken möchte?

Man sollte sich außerdem manchmal fragen, was man seinen Benutzern zumutet. Was hat ein Besucher davon, wenn er eine Reihe Artikelüberschriften sieht und der zugehörige Introtext erst per Klick mit einem Schicki-Micki-Fade-Effekt eingeblendet wird? Genau: Gar nichts. Er muss nämlich, um zum Inhalt zu gelangen, einen weiteren (völlig überflüssigen) Mausklick machen und die Effektdauer abwarten. So verärgert man seine Besucher.

Fazit

Im Augenblick erleben wir einen wahren AJAX-Wildwuchs mit einer Vielzahl an problematischen Konstellationen. Dass es auf Dauer so nicht funktionieren kann, ist klar, und so hat das Joomla-Entwickler-Team auch bereits die Entscheidung getroffen, in die Version 1.5 die MooTools-Bibliothek zu integrieren. Wenn es dabei bleibt, sollten zumindest solche AJAX-Plugins, die diese Bibliothek nutzen, zukünftig schlanker ausfallen können, da sie keine eigenen Bibliotheken mehr installieren müssen, und die derzeitigen Inkompatibilitäten könnten reduziert werden. Mit anderen Erweiterungen auf Basis von Prototype oder JQuery wird es wohl weiterhin Probleme geben.

Trotzdem sollte man sich überlegen, welches Aufwand-Nutzen-Verhältnis mit dem Einsatz von AJAX verbunden ist. Oft wird es vernünftiger sein, eine bestimmte Problemstellung auf herkömmlichem Wege zu lösen, dabei auf optisches Brimborium zu verzichten, und stattdessen dem Benutzer ein performantes, standardkonformes Surf-Erlebnis zu bieten und von den Suchmaschinen gemocht zu werden.

Wenn eine effektlastige Lösung jedoch ausdrücklich benötigt wird, sollte man sich, wenn möglich, auf eine Technologie - z.B. MooTools - festlegen und versuchen, alle benötigten Effekte damit zu realisieren.

Kommentare (11)Add Comment
...
geschrieben von zenadept, 07.02.2007
Abend,

ja, wenn man die schicken Module vom RocketTheme im Frontend nutzt, dann aber bitte nur eins auf jeder *Seite*. Das Newsmodul zu kopieren, die Parameter anzupassen und so unterschiedlichen Content auf der selben Seite darzustellen, scheitert. War mir irgendwie klar, habs getestet und geschmunzelt. Die Freiheit die mir Joomla! im Umgang mit Modulen gibt, nimmt mir dann so ein schickes rt_modul wieder weg *g*. Aber das gehört wohl einfach dazu. Ist alles noch Neuland. Mit der Zeit wird das aber besser. So war/ist das auf den Joomla! Baustellen.

Gruss
Überschriftenliste
geschrieben von Alex, 09.03.2007
Was hat ein Besucher davon, wenn er eine Reihe Artikelüberschriften sieht[...]?

Das kommt aufs den Kontext an. Bei vielen Blogs will ich mir auch mal einen Überblick verschaffen können. Aber eine Übersichtsseite findet man nicht, stattdessen sind auf der Startseite 10 Artikel die zusammen 20 A4 Seiten abdecken abgebildet. Wenn ich nun wissen will, worum es überhaupt geht, muss ich ewig scrollen und übersehe nachher noch die für mich interessante Überschrift.
Überschriftenliste
geschrieben von Administrator, 10.03.2007
Hallo Alex,

ich meinte die in letzter Zeit in Mode kommende Art mit Überschriften -> Klick und Fade -> Introtext wird sichtbar -> Klick zum eigentlichen Artikel. Aus Usability-Sicht ist das eine Sünde, manche Webmaster finden es wohl schick. Aber es ist ein Klick zuviel bis zum Content.
Überschriftenliste
geschrieben von Alex, 23.04.2007
Nochmal ich ;-) auch wenns schon n weilchen her ist, dass ichs letzte mal vorbei geschaut hab...
Naja auch ich hab das so realisiert, dass man die Introtexte erst nicht sieht. Aber bei mir kann man eben auf den Titel klicken und kommt dann direkt zum Content oder man klickt eben auf einblenden und sieht dann den Content ausfahren (ich mach mir die Mühe mit den Introtexten halt nicht, ansonsten währe der Titel aber trotzdem ein Link zum Haupttext - also definitiv kein klick zuviel (außer man will den introtext unbedingt vorher lesen, dann müsste man halt ausklappen und danach zum Content springen...)
wie kann ich mit ajax meine Werbeartikel Seite aufwerten?
geschrieben von Harald Mahlich, 31.05.2007
Hallo, ich habe bereits ein paar ajax tools auf meine Werbeartikel seite integriert. hat vielleicht jemand tipps für weitere Anwendung??
geht es hier überhaupt um ajax?
geschrieben von besserwisser, 01.06.2007
dass das ganze gefade sinnlos ist, stelle ich gar nicht in frage, wobei es schon oft die seiten sehr aufwertet, solange es nicht überfrachtet ist.
aber bitte macht mir hier nicht AJAX schlecht. AJAX ist nicht das gefade und geslide, das sind die JavaScript-Frameworks. (MooTools, Prototype, etc.) AJAX heißt nur, dass ich über eine funktion, die es im ganz normalem javascript gibt, einen inhalt in die seite lade, ohne die ganze seite neu zu laden. sehr vorteilhaft, da man nicht die ganzen bilder und scripts neu laden muss, was sehr bandbreiten-sparend ist. das macht übrigens auch Web 2.0 aus. mehr nicht...
übrigens...
geschrieben von besserwisser, 01.06.2007
ist hier auf der seite nicht auch ajax und js-framework verwendet? oder warum wird mein kommentar überprüft, während ein ladebalken erscheint und danach wird mein kommentar auch reingefadet...
@besserwisser
geschrieben von Admin, 02.06.2007
Es geht in diesem Artikel um ajaxifizierte Komponenten für Joomla, die in der letzten Zeit immer kurioser werden. Ich habe die dabei möglicherweise auftretenden Probleme in puncto Technik und Usability beschrieben.

Dass die Kommentarfunktion hier auch AJAX verwendet, ist da kein Widerspruch.
google & javascript
geschrieben von infin, 13.10.2007
die search robots verwenden kein javascript - also auch kein ajax - wer inhalte ausschließlich via ajax einbindet hat da verlohren
so ein schmarrn
geschrieben von Milos, 03.05.2008
@google & [removed] das ist doch wohl nich dein ernst, man kann mit AJAX Frameworks wunderbar die generierte URL gestalten. Man muss nur wissen wie! Es ist generell schlecht von dir zu sagen das man da verloren hat - denn es stimmt nicht.

1. man spart Bandbreite
2. man kommt schneller (auch mit z.B. Modem) zum Ziel
3. u.s.w

Wenn ich die Zeit hätte würde ich ein komplettes Portal auf einer so dermaßen guten AJAX Basis bauen das es kracht. Ich finde das AJAX Frameworks, speziell Prototype genial sind.

AJAX
smilies/smiley.gif smilies/wink.gif smilies/cheesy.gif smilies/grin.gif
Besten Dank für den konstruktiven Kommentar
geschrieben von Admin, 03.05.2008
Zeig mir doch einfach mal eine dieser Joomla-Ajax-Komponenten, bei der die generierte URL vernünftig ausgegeben wird, so dass man eine Seite bookmarken kann, die Inhalte suchmaschinenfreundlich und barrierearm erreichbar sind und bei der die Browser-Navigation erhalten bleibt.

Was man mit den Frameworks alles anstellen könnte, wenn man denn die Zeit dazu hätte smilies/wink.gif , war nicht das Thema dieses Artikels.

Kommentar schreiben
quote
bold
italicize
underline
strike
url
image
quote
quote
smile
wink
laugh
grin
angry
sad
shocked
cool
tongue
kiss
cry
kleiner | groesser

busy
 
Artikel bookmarken:
Delicious
Technorati
Mister Wong

Kommentare

Joomla 1.6: SEO verbessern
Hallo zur Info dein Link von oben geht nicht mehr Community ausdrückl...

17 Joomla-Template-Clubs im Vergleich
Ich bin Gavick Mitglied. Hilfestellung im Forum gibt es fast gar nich...

17 Joomla-Template-Clubs im Vergleich
vielen dank für die info, ich finde die beschreibung in den "agb" von...

17 Joomla-Template-Clubs im Vergleich
Hallo, üblicherweise gilt das Nutzungsrecht bei den Template-Clubs "...

17 Joomla-Template-Clubs im Vergleich
hallo, vielen dank für diese tolle übersicht. was ich noch nicht gan...

17 Joomla-Template-Clubs im Vergleich
Vielen Dank für die ausführliche Liste. Es ist gar nicht einfach ein...

Déja vu: Entwickler verlassen das Mambo-Projekt und gründen ...
Hallo Wolli, wenn es sich in der Tat um die Version 4.5 handeln sollt...

Die besten Joomla-Templates

RocketTheme Template Club