En aquest article expliquem què és l'AJAX, quan s'ha de fer servir i quines contraindicacions té. També mostrem com esmenar algunes de les contraindicacions.
Què és l'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 a fer que un conjunt de tres tecnologies ja existents treballin juntes, de manera efectiva.
Aquestes tecnologies són:
- (X)HTML i CSS (Fulls d'Estil a Cascada), per donar una estructura i presentar la informació a la pàgina web.
- JavaScript, utilitzat per a la interacció dinàmica amb les dades.
- XML, utilitzat per a la interacció amb el servidor web. Encara que no és 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 mateix una tecnologia web independent, sinó un terme que abasta les tres tecnologies abans esmentades.
Per què serveix l'Ajax?
L'Ajax serveix per fer canvis en una pàgina web, a voluntat de l'usuari, sense haver de tornar a carregar tota la pàgina.
Per exemple, en una pàgina web l'usuari sol·licita alguna informació que s'ofereix 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 realitzades en HTML íntegrament consumiria força 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 a l'aplicació AJAX és un llenguatge dinàmic, capaç d'efectuar canvis en una pàgina web sense necessitat de recarregar-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.
Per això a nivell tècnic, s'obtinguin 3 avantatges: un temps de càrrega molt menor, estalvi de l'amplada 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ó a cercadors:
AJAX és utilitzat per Google, Yahoo, Amazon i una infinitat més de cercadors, portals i creadors de contingut, però no ho utilitzen de forma general i massiva tal com alguns pensen. Google, per exemple, que recolza que els administradors web utilitzin AJAX en les seves programacions, l'utilitza ell mateix a GMail, a Google Suggest, a Google Maps, però no en absolut 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 als cercadors. Això és així perquè les aranyes (spiders) dels cercadors no són capaces d'interactuar amb l'aplicació AJAX i aconseguir que s'activi l'ordre que mostra el contingut.
Per això és 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 a qualsevol altre cercador.
Encara que no tot són males notícies, certes maneres 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 podran 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 usuaris i almenys haurien de complir l'estàndard A del W3C (http://www.w3.org), ens trobem que la major part de scripts que milloren aparença i la interactivitat duna pàgina web tenen problemes daccessibilitat. L'AJAX també en 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ó. Tot i 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 existeixen a Internet no han solucionat 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 ia articles que tracten el tema de l'accessibilitat i l'AJAX).
AJAX, a utilitzar amb moderació
Tal com hem vist a l'apartat anterior, malgrat que les aplicacions AJAX aporten dinamisme, interactivitat i reducció d'amplada de banda a una pàgina web, també tenen inconvenients a nivell d'indexació a cercadors ia nivell d'accessibilitat. Per tant, hem de tenir en compte i neutralitzar el següent:
- 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 solucionar aquest detall, podem crear aquest contingut de forma redundant i fer-lo accessible a les aranyes a través d'un sitemap oa través d'enllaços al peu de pàgina de la web.
- 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, tret que utilitzem les llibreries de codi aprovades pel W3C o mitjans per 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 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
