AJAX, una tècnica a utilitzar amb moderació

En aquest article expliquem què és el AJAX, quan ha d'usar-i què contraindicacions té. També mostrem com esmenar algunes de les contraindicacions.

Què és el AJAX?

Les sigles AJAX signifiquen: Asynchronous JavaScript And XML. És a dir, la combinació de JavaScript i XML de manera asincrònica.

És una tècnica desenvolupada per a aplicacions web interactives, que consisteix en fer que un conjunt de tres tecnologies ja existents treballin juntes, de manera efectiva.

Aquestes tecnologies són:

1. (X) HTML i CSS (Fulles d'Estil en Cascada), per donar una estructura i presentar la informació en la pàgina web.
2. JavaScript, Utilitzat per a la interacció dinàmica amb les dades.
3. XML, Utilitzat per a la interacció amb el lloc web. Tot i que no és simpre necessari utilitzar XML amb les aplicacions AJAX, ja que per exemple, amb fitxers de text pla també es pot emmagatzemar la informació.

Igual que el DHTML, AJAX no és de per si una tecnologia web independent, sinó un terme que abasta les tres tecnologies abans esmentades.

Per a què serveix l'Ajax?

L'Ajax serveix per efectuar canvis en una pàgina web, a voluntat de l'usuari, sense haver de recarregar tota la pàgina de nou.

Per exemple, en una pàgina web l'usuari sol·licita alguna informació que és oferta des de la mateixa pàgina web (com veure la descripció d'un producte) i en prémer sobre l'enllaç, a la mateixa pàgina (sense carregar-la de nou) apareix la informació sol·licitada .

El procés de mostrar les dades realitzat en HTML íntegrament consumiria bastant ample de banda, ja que tot l'HTML hauria de tornar a ser carregat per només mostrar els canvis efectuats. En canvi, amb una aplicació AJAX és molt més ràpid i no consumeix ample de banda.

El JavaScript utilitzat en l'aplicació AJAX és un llenguatge dinàmic, capaç d'efectuar canvis en una pàgina web sense necessitat de re-carregar-la. AJAX s'assegura que només la informació necessària sigui sol·licitada i processada, emprant SOAP o un altre llenguatge de serveis web basat lleugerament en XML.

D'aquí que a nivell tècnic, s'obtinguin 3 avantatges: un temps de càrrega molt menor, estalvi de l'ample de banda de l'usuari i càrrega molt menor del servidor on està allotjada la web.

Els problemes d'AJAX

Problemes amb la indexació en cercadors:

AJAX és utilitzat per Google, Yahoo, Amazon i una infinitat més de cercadors, portals i creadors de contingut, però no l'utilitzen de forma general i massiva tal com alguns pensen. Google, per exemple, que dóna suport que els administradors web utilitzen AJAX en les seves programacions, l'utilitza ell mateix en GMail, a Google Suggest, a Google Maps, però no en absolutament totes les seves pàgines web.

El problema amb AJAX és que el contingut que es mostra dins de l'aplicació que utilitza AJAX, no s'indexa en els cercadors. Això és així perquè les aranyes (spiders) dels cercadors no són capaços d'interactuar amb l'aplicació AJAX i aconseguir que s'activi la comanda que mostra el contingut.

D'aquí que sigui una mala idea per exemple, crear un llistat amb el nom dels nostres productes i fer que amb una aplicació AJAX en prémer sobre un nom de producte, es mostri la descripció del producte i la seva fotografia, a la dreta del llistat. Si fem això, les descripcions dels productes i les seves imatges no quedaran indexades ni a Google ni en qualsevol altre cercador.

Encara que no tot són males notícies, certes formes de treballar amb AJAX sí que indexen, per exemple, les que juguen a mostrar o no mostrar continguts utilitzant marges positius i negatius. Així que només cal que tinguem en compte a l'hora de programar si les aranyes poden passar o no podran passar.

Problemes amb l'accessibilitat:

Si partim de la base que les nostres pàgines web haurien de ser sempre accessibles a tot tipus de navegadors i d'usuaris i almenys haurien de complir l'estàndard A del W3C (http://www.w3.org), Ens trobem en que la major part d'scripts que milloren aparença i la interactivitat d'una pàgina web tenen problemes d'accessibilitat. El AJAX també els té.

Com hem vist a l'inici d'aquest article, la utilització d'AJAX implica la utilització de JavaScript, i alguns navegadors no suporten aquest tipus de programació. Encara que com veurem més endavant això té solució.

Però tinguem en compte que una gran part de les aplicacions AJAX que trobarem a les llibreries que hi ha a Internet no han esmenat aquest problema i per tant, són aplicacions que no compleixen els estàndards W3C (al final d'aquestes línies oferim enllaços a llibreries de codi ja articles que tracten el tema de l'accessibilitat i AJAX).

AJAX, a fer servir amb moderació

Tal com hem vist en l'apartat anterior, tot i que les aplicacions AJAX aporten dinamisme, interactivitat i reducció d'ample de banda a una pàgina web, també tenen inconvenients a nivell d'indexació en cercadors i a nivell d'accessibilitat. Per tant, hem de tenir en compte i neutralitzar el següent:

1. Si utilitzem AJAX a les nostres pàgines web, hem de ser conscients que el contingut que es mostri dins de l'aplicació AJAX no serà indexat pels cercadors. Per esmenar aquest detall, podem crear aquest contingut de forma redundant i fer-lo accessible a les aranyes a través d'un mapa del web o mitjançant enllaços al peu de pàgina de la web.
2. Si utilitzem AJAX per fer més interactiva la nostra pàgina, hem de tenir en compte que no complirem el nivell A d'accessibilitat, llevat que utilitzem les llibreries de codi aprovades pel W3C o mitjans per a navegar per la web sense necessitat d'utilitzar JavaScript.

Enllaços relacionats

Nova informació sobre la indexació d'AJAX a Google (març 2010): http://code.google.com/intl/es/web/ajaxcrawling/

Exemples de pàgines web que utilitzen AJAX i llibreries amb codi AJAX per ser utilitzades per a administradors web:
http://ajaxpatterns.org/Ajax_Examples

Articles on s'explica com aconseguir codi AJAX que sí que compleix amb el nivell A d'accessibilitat del W3C:
http://www.maxkiesler.com/

Llistat amb errors comuns d'accessibilitat:
http://www.w3.org/TR/WCAG20-SCRIPT-TECHS/#N11799