logo blogbang

Avec l'arrivée de Google Panda en France, toutes les optimisations sont bonnes à prendre pour réduire le temps de chargement des pages de son site Internet.

Je vous propose dans cet article, de charger la publicité Blogbang de manière asynchrone afin de réduire le temps d'affichage de vos pages Web.

Le javascript proposé se base sur Jquery que vous pouvez directement charger depuis :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>

Placez dans le body de vos pages, à l'endroit où vous souhaitez afficher le pavé publicitaire, un div identifié par "blogbang" :

<div id="blogbang">
<!-- L'endroit où va s'afficher la publicité blogbang -->
</div>

Placez dans le header de vos pages le script suivant qui se déclenchera après chargement de la page :

<!-- After document loading -->
<script type="text/javascript">

$( document ).ready( function() {

    // Load the blogbang ads
    var bb = document.createElement('script');
    bb.type = 'text/javascript';
    bb.async = true;
    bb.src = 'http://www.blogbang.com/d.php?id=xx&n=1&p=L&o=H&w=580&c=cccccc&bg=2';
    $('#blogbang')[0].appendChild(bb);
}
</script>

Remplacez les arguments de l'URL avec vos propres paramètres et le tour est joué !

Le bandeau publicitaire Blogbang sera chargée par les navigateurs après que votre page se soit chargée correctement. En cas de ralentissement des serveurs de Blogbang, vos pages s'afficheront toujours aussi rapidement.

UPDATE 27/10/2011 : Depuis la récente MAJ de blobang, le code présenté ci-dessus ne fonctionne plus malheureusement, et je n'ai pas de solution de contournement.

1. Le , 13:29 par Fabien
15d466613e509580c5d3836cac8d4c38

Potentiellement l'astuce peut marcher pour n'importe quel javascript non ?

2. Le , 13:33 par Ludovic
00517735187ed585e9c37a4b7a4c9c41

@Fabien : oui, cela devrait fonctionner pour la plupart des scripts. Concernant blogbang, cela fonctionne parfaitement.

3. Le , 21:57 par geqr
0713f562cbba16cad415cd2236ac7797

Bonjour, merci pour ce bout de code. Avez vous trouver un moyen de charger les pubs par exemple blogbang en ajax ?
Merci d'avance

Ajouter un commentaire

Le code HTML est affiché comme du texte et les adresses web sont automatiquement transformées.