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.

  • Check-list Docker : 10 questions à se poser avant de démarrer un projet

    De plus en plus de projets utilisent la conteneurisation comme outil d’accélération du déploiement de systèmes informatiques. Malheureusement ces nouvelles technologies autour de la conteneurisationsont pas sans impacts sur l'architecture de la solution mise en place et quand aux choix à réaliser avant de démarrer un projet. Voici un ensemble de questions que je juge pertinents de se poser avant de démarrer un projet avec des containers Docker. Les containers apportent de nouveaux paradigmes auxquels nous n'avons pas encore suffisamment de reculs pour adopter des réflexes naturels.

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.