If you use your own CSS file with your own CSS fonts, then we’ll notice that Sharepoint doesn’t send cache headers if you use the below CSS code:

@font-face {
  font-family: 'Roboto';
  src: url('/_catalogs/masterpage/css/fonts/Roboto/Regular/Roboto-Regular.woff2') format('woff2'),
       url('/_catalogs/masterpage/css/fonts/Roboto/Regular/Roboto-Regular.woff') format('woff'),
       url('/_catalogs/masterpage/css/fonts/Roboto/Regular/Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

To have this resource sent back from the Sharepoint server with cache headers, you just need to add ?ctag=0 at the end:

@font-face {
  font-family: 'Roboto';
  src: url('/_catalogs/masterpage/css/fonts/Roboto/Regular/Roboto-Regular.woff2?ctag=0') format('woff2'),
       url('/_catalogs/masterpage/css/fonts/Roboto/Regular/Roboto-Regular.woff?ctag=0') format('woff'),
       url('/_catalogs/masterpage/css/fonts/Roboto/Regular/Roboto-Regular.ttf?ctag=0') format('truetype');
  font-weight: 400;
  font-style: normal;
}

You could use Array.isArray(obj) but it’s not available for IE8 and it doesn’t seem very good on the performance side. The best one on the different browsers is to test: obj instanceof Array

[niveau débutant]

Il existe un moyen de compresser encore plus les photos JPG (et PNG, et GIF) grâce à une technique avancée de compression. Il va d’abord falloir installer quelques programmes, après quoi vous verrez que c’est extrêmement simple et utile au quotidien !

Pour faire cela nous allons utiliser le logiciel IrfanView (cliquez sur « Download » dans la colonne de gauche puis sur le bouton « Download Now – Get it from CNET Download.com! »).
Une fois téléchargé vous pouvez lancer l’installation : vous pouvez laisser les options par défaut, attention cependant parce qu’Irfan View va vous proposer d’installer la toolbar de Google, et je vous déconseille de le faire :

Maintenant il va s’agir d’ajouter le plugin RIOT (RIOT signifie Radical Image Optimization Tool). Pour cela télécharger l’ensemble des plugins disponibles sur cette page : http://www.irfanview.com/plugins.htm (cliquez sur « Brothersoft.com – download IrfanView plugins » puis sur le bouton « Download now »).

Une fois le fichier téléchargé, double cliquez dessus pour lancer l’installation.

Il apparait qu’IrfanView ne fournit pas la dernière version du plugin RIOT, on va donc devoir la télécharger via http://download.criosweb.ro/download.php?sid=R-dll&type=installer (attention de bien cliquer sur le bouton gris qui est tout en haut et qui se nomme « Download RIOT DLL version ») :

Cela a pour effet de télécharger un fichier .zip : faites un clic droit sur ce fichier nouvellement téléchargé puis choisissez « Extraire ici », ou « Extraire tout », ou « Dézipper ici » (cela peut varier selon la configuration de votre ordinateur).
Une fois décompressé, vous allez trouver un fichier qui se nomme « Riot-plugin.exe ». Double cliquez dessus. Durant l’installation il devrait vous proposer d’installer le plugin pour IrfanView :

Il va vous demander si vous souhaitez installer « DriveScanner 2011 »; choisissez Ne pas installer DriveScanner 2011

C’est bon ! Toute l’installation est effectuée, on peut passer à la suite…

Il va falloir ouvrir IrfanView qui se trouve dans votre menu Démarrer :

Deux possibilités….

1. Si vous souhaitez modifier un ensemble de photos d’un coup

Ouvrez une image au hasard (ça n’a pas d’importance ici) dans IrfanView, puis faites File > Save for web... (plugin). Si vous avez une alerte avec le message suivant, alors cliquez sur « No » :

Cliquez sur « Batch » dans la barre :

Répondez « Yes » au message d’alerte qui apparait et dit « To use the Batch Optimizer I need to unload the current image. Proceed ? ».
Cliquez sur le bouton « Add images » puis sélectionnez toutes les photos dont vous voulez réduire la taille.
Ensuite choisissez où les photos compressés seront enregistrées en cliquant en bas à droite sur le bouton avec trois petits points :

Vous pouvez éventuellement cliquer sur le bouton « Settings » et cocher les cases qui vous intéressent (dans mon cas, toutes !)
Il ne reste plus qu’à cliquer sur « Start » et la magie opère…

Les nouvelles photos auront une taille entre 30% et 90% plus petite que les photos d’origine, sans perdre en qualité et en résolution 🙂

2. Si vous souhaitez modifier une seule image

Ouvrez l’image que vous souhaitez optimiser dans IrfanView. Puis faites File > Save for web... (plugin). Si vous avez une alerte qui dit « This file contains a high resolution image. RIOT can handle such images, but processing can be quite slow in this situation. Do you want to resize it first ? (recommanded) The original image won't be modified », alors cliquez sur « No ».

Vous verrez ensuite un comparatif de votre image, avec en haut à droite la taille de la version optimisée : assurez vous que vous avez toujours un chiffre inférieur à la version d’origine !
Selon le format de votre image (JPEG, GIF, PNG), vous avez plusieurs options en bas de la fenêtre.
Prenons l’exemple d’une image PNG : pour la couleur je choisis « Optimal 256 colors », puis dans « External optimizer » je choisis « OptiPNG o3 » (et je clique sur le check vert pour que OptiPNG soit utilisé), et enfin je coche « Best compression ».

(cliquez sur l’image ci-dessus pour l’agrandir)

Jouez sur les options pour faire varier la taille.

Il ne reste plus qu’à sauver votre travail, et voilà !

Je vous conseille de tester régulièrement votre code Javascript pour voir les performances par rapport à d’autres commandes. Il arrive qu’on hésite entre deux (ou plus!) façons de faire.

Il existe le populaire http://jsperf.com/ qui offre la possibilité de tester autant de bouts de code que l’on souhaite, en appelant même quelques framework bien connus (comme jQuery).

Mais si vous avez des besoins un peu plus particulier, ou vous devez travailler sur un environnement restreint, alors il est possible d’utiliser JSLitmus. La façon de l’utiliser est incroyablement simple :

<script src="JSLitmus.js"></script>
<script>
JSLitmus.test('Mon premier test', function() { /* do something */ });
JSLitmus.test('Mon second test', function() { /* do something else */ });
</script>

Cela fait apparaître un bouton « Run tests » avec un petit tableau. Une fois le test fini le tableau et un graphique vous donnent les informations nécessaires, et en l’occurrence plus le chiffre (nombre d’opérations/sec) est grand et mieux c’est.

Voici un exemple qui montre que l’utilisation de search est bien plus rapide que de déclarer une RegExp puis appeler match :

<html>
<head>
<script src="http://www.broofa.com/Tools/JSLitmus/JSLitmus.js"></script>
</head>
<body>
<script>
JSLitmus.test('Mon premier test', function() { var regExp = new RegExp("pouet$"); var ok = ("pouet".match(regExp) != null); });
JSLitmus.test('Mon deuxième test', function() { var ok = ("pouet".search("pouet") != -1); });
</script>
</body></html>

Résultat :

[niveau débutant]

Si vous souhaitez que WordPress serve les pages de votre blog plus rapidement (et surtout en prenant moins de bande passante, c’est-à-dire en pesant moins lourd), vous pouvez utiliser l’option de compression au format GZip. Pour cela il faut simplement ajouter la ligne suivante au début de votre fichier header.php (accessible depuis la partie « Apparence > Editeur » de l’admin de votre blog) :

Vous pouvez ensuite vérifier que votre blog utilise bien la compression grâce au site http://www.gidnetwork.com/tools/gzip-test.php, ou en regardant les en-têtes de la page grâce à un plugin Firefox (comme Firebug).

Attention cependant de vérifier que votre hébergeur supporte cette fonctionnalité (ce qui est le cas la plupart du temps).

Source: http://rosedesrochers.todays-woman.net/2010/01/31/how-to-enable-gzip-compression-in-wordpress/