Tag Archives: minified

Protoculous, Prototype et Scriptaculous compressés !

23 Août

Une petite minute de nostalgie pour les anciens utilisateurs de Prototype.js, ce framework javascript qui a rendu à nouveau populaire l’utilisation de ce langage au sein des pages web.

A l’heure où jQuery domine le monde des frameworks javascript, que Scriptaculous et Prototype.js sont au point mort, l’auteur de Protoculous sort une nouvelle version de cet outil.

Protoculous, c’est quoi ?

Prototype et Scriptaculous sont des librairies javascript relativement lourdes à charger dans une page web. Le but de Protoculous est de réduire cette taille au maximum afin d’accélérer le chargement des pages web.

La version 2.0 intègre les librairies Prototype et Scriptaculous compressées ainsi qu’un fichier spécial, Protoculous.js, qui regroupe les deux librairies dans un seul fichier. Le but est de réduire le nombre de fichiers chargés dans vos pages web si vous utilisez les deux librairies. Vous passez ainsi de 7 fichiers à 1 seul, réduisant par conséquent le nombre de requêtes HTTP devant être effectuées vers votre serveur.

L’utilisation de Protoculous vous fera gagner des points dans l’outil d’évaluation Google Page Speed et rendra l’affichage de votre site web plus rapide.

Google Plus One async code Minified

2 Août

Google just released his new async snippet to boost the loading of their « +1 » button.Google Plus One Minified

As the Google Analytics snippet, it could be improved and save you a few bytes !

Lets’s minify it !

This snippet is based on the HTML5 Boilerplate’s Google Analytics snippet.

Simply replace this code (original from Google) :

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();

With this one :

(function(d,t){var p=d.createElement(t),s=d.getElementsByTagName(t)[0];p.async=1;
p.src='https://apis.google.com/js/plusone.js';
s.parentNode.insertBefore(p,s)}(document,'script'));

If you need a translation (go here to see the country codes), simply add this line before the code :

window.___gcfg = {lang: 'THE-LANG'};

Now, this code is as small as it can !

Please spread this tip if you find it interesting and don’t forget to link back to here 😉

Update : According to a trusted source ( http://mathiasbynens.be/notes/async-analytics-snippet#async ), it is now not necessary to keep async=1 in the snipped, to there is 10 more bytes saved !

(function(d,t){var p=d.createElement(t),s=d.getElementsByTagName(t)[0];
p.src='https://apis.google.com/js/plusone.js';
s.parentNode.insertBefore(p,s)}(document,'script'));