Après avoir vu comment optimiser l'API bit.ly pour un affichage plus rapide des pages en déportant le traitement dans une page php, voyons comment aller plus loin en utilisant les possibilités asynchrones d'Ajax.
Ajax est un acronyme pour Asynchronous JavaScript and XML (XML et Javascript asynchrones), cela permet donc dans le cadre d'optimisation de l'affichage de page web, de faire le traitement de raccourcis de l'url par l'API bit.ly, tout en continuant d'afficher la page. Lorsque le traitement par l'API est terminé, la vignette avec url en bit.ly apparait.
C'est pleinement dans l'utilisation d'Ajax que le process est réalisé.
Nous avons par exemple une image, à cette image est associé un événement, lorsque l'évènement se produit, l'appel du javascript va lancer le calcul fait par l'API, en lui donnant les paramètres. Lorsque le calcul est terminé, le résultat apparait.
Cette utilisation d'Ajax est intéressante car d'une part l'affichage de la part est aussi rapide que s'il n'y avait pas de calcul de l'url via l'API, d'autre part inconvénient d'Ajax de ne pas être référencé, c'est pas gênant ici, puisque l'élément affiché est un lien qui sort du site.