Unruly Media, comme plusieurs autres régies, propose des publicités qui nuisent au temps de chargement de votre site. En effet, lors de l’optimisation de la vitesse de chargement de mon site internet : IBuzzyou.com, j’ai découvert que ce qui nuit le plus au temps de chargement de mes pages sont les publicités de plusieurs régies publicitaires dont Unruly Media. (Un article pour chaque régie concerné va être publié)

—-

Pourquoi les publicités de Unruly Media nuisent au temps de chargement de votre site web / blog ?

Dans mon test, j’ai installé uniquement le script de publicité de Unruly Media sur une page HTML ne contenant rien d’autre.

Publicité Unruly Media utilisé : Jeunes et Limités, une vraie vie de chien

Temps de chargement : 2.15s
Poids total de la page : 82.3KB
Nombre de requête : 25

Via le service : GTMetrix

Ces chiffres ne vous étonne pas ?

Moi si surtout que le service GTMetrix conseille des optimisations simples qui pourraient alléger le poids de la page, réduire le nombre de requête, donc limiter le temps de chargement de la publicité et améliorer l’expérience utilisateur sur votre site. Mais, assez souvent lorsque j’envoie des mails aux régies celles-ci ne réagissent pas, espérons qu’un article change la donne.

–

Performances YSlow et PageSpeed des publicités Unruly Media

YSlow : 80 %
PageSpeed : 87 %

Via le service : GTMetrix

Un bon score, mais qui nécessite encore des optimisations que je vais citer ci-dessous, mais qui sont fournis par GTMetrix un service gratuit et simple d’utilisation avec des explications sur comment les mettre en place !

–

Optimisations des publicités Unruly Media

- Utiliser un CDN pour les fichiers :

20 Fichiers ne sont pas sur un CDN

http://video.unrulymedia.com/wildfire_12572915.js

http://edge.quantserve.com/quant.js

http://video.unrulymedia.com/embed_v10.css

http://video.unrulymedia.com/embed_white_v2.css

http://cloud.video.unrulymedia.com/flowplayer_api.js

http://video.unrulymedia.com/tracking_v17.js

http://video.unrulymedia.com/embed_share_v24.js

http://video.unrulymedia.com/embed_tracking_v5.js

http://video.unrulymedia.com/annotations_2440.json

http://video.unrulymedia.com/jquery-ui-1.7.2.custom.min.js

http://video.unrulymedia.com/jquery.qtip-1.0.0-rc3.min.js

http://video.unrulymedia.com/annotations_v3.js

http://video.unrulymedia.com/genericPlayerFacade_v4.js

http://video.unrulymedia.com/sharing_icon_sprites.png

http://video.unrulymedia.com/sharing_bottom_sprites.gif

http://video.unrulymedia.com/spinner_large.gif

- Ajouter des Expires Headers

3 Fichiers statiques ne possède pas de date d’expiration élevé

• http://video.unrulymedia.com/wildfire_12572915.js
• http://edge.quantserve.com/quant.js
• http://video.unrulymedia.com/annotations_2440.json

- Utiliser une compression GZip

- Reduire le nombre de DNS Lookup

Les fichiers sont regroupés dans plus de 4 domaines différents

• ibuzzyou.fr
• video.unrulymedia.com
• edge.quantserve.com
• cloud.video.unrulymedia.com
• ajax.googleapis.com
• www.youtube.com
• pixel.quantserve.com
• stats2.unrulymedia.com
• stats3.unrulymedia.com
• s.ytimg.com

- Minifier le javascript

Minifier les javascripts via JSMin

• Minifying http://video.unrulymedia.com/annotations_v3.js could save 2.2KiB (28% reduction).
• Minifying http://video.unrulymedia.com/embed_share_v24.js could save 1.4KiB (17% reduction).
• Minifying http://video.unrulymedia.com/genericPlayerFacade_v4.js could save 1.0KiB (18% reduction).
• Minifying http://video.unrulymedia.com/embed_tracking_v5.js could save 935B (23% reduction).
• Minifying http://cloud.video.unrulymedia.com/flowplayer_api.js could save 843B (4% reduction).
• Minifying http://video.unrulymedia.com/tracking_v17.js could save 685B (16% reduction).
• Minifying http://video.unrulymedia.com/jquery-ui-1.7.2.custom.min.js could save 510B (4% reduction).
• Minifying http://edge.quantserve.com/quant.js could save 487B (9% reduction).
• Minifying http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js could save 449B (0% reduction).
• Minifying http://video.unrulymedia.com/jquery.qtip-1.0.0-rc3.min.js could save 321B (0% reduction).
• Minifying http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js could save 149B (1% reduction).
• Minifying http://video.unrulymedia.com/wildfire_12572915.js could save 139B (17% reduction).
• Minifying http://video.unrulymedia.com/annotations_2440.json could save 91B (9% reduction).

- Minifier le CSS

http://video.unrulymedia.com/embed_v10.css ( 19 % de reduction possible )

- Combiner les fichiers CSS

• http://video.unrulymedia.com/embed_v10.css
• http://video.unrulymedia.com/embed_white_v2.css

- Combiner les fichiers Javascript

• http://video.unrulymedia.com/wildfire_12572915.js
• http://video.unrulymedia.com/tracking_v17.js
• http://video.unrulymedia.com/embed_share_v24.js
• http://video.unrulymedia.com/embed_tracking_v5.js
• http://video.unrulymedia.com/annotations_2440.json
• http://video.unrulymedia.com/genericPlayerFacade_v4.js
• http://video.unrulymedia.com/jquery-ui-1.7.2.custom.min.js
• http://video.unrulymedia.com/jquery.qtip-1.0.0-rc3.min.js
• http://video.unrulymedia.com/annotations_v3.js

- Minifier HTML

de l’iFrame que crée le script de pub (20 % de reduction possible).

- Supprimer le CSS Inutilisé

http://video.unrulymedia.com/embed_v10.css : 155 bytes of 1.5kB is not used by the current page.

• a img line 40
• #player line 67

- Leverage Browser Caching

Régler le temps d’expiration à une semaine minimum sur http://edge.quantserve.com/quant.js (1 day)

- Spécifier Vary: Accept-Encoding » header

pour : http://cloud.video.unrulymedia.com/flowplayer_api.js

- Optimiser les images

http://video.unrulymedia.com/sharing_bottom_sprites.gif (3 % de reduction possible )

- Servir des fichiers depuis un domain sans cookies

http://edge.quantserve.com/quant.js

—-

Réponse de Unruly Media à propos de certains problème cités ci-dessus

* Most of the files labelled as not on a CDN, are in actual fact on a CDN, mainly Akamai – this needs to be manually corrected by the user of YSlow! (You can verify this by pinging the domains, and you’ll see the response comes back from Akamai)

* The three files without expires headers contain data that can change immediately, so they are correctly specified and two of these files are required so we can make urgent changes to the ad unit and the other is required by some advertisers.

* The files that are not minified are already gzipped, whilst we are investigating ways to minify these files automatically the benefits of minification when the files will be gzipped is not actually that big.

* In terms of the number of files, it is sometimes more efficient to have « long term cacheable » but smaller files than one massive squished together file that is unique to each site. That is because our ads are on many sites and many components of the js files can be reused without having to re-download a much larger unique file per site.

—-

En ayant exposé le temps de chargement des publicités Unruly Media qui est très long et après avoir cité les optimisations possibles j’espère que la régie publicitaire réagira et que la communauté francophone de webmaster m’aidera à faire réagir la régie en parlant de mon article sur leurs sites et les réseaux sociaux.