• Accueil
  • Mes publications
    • Interview de Yannick Le Briquer, DG d'Anakeen
  • Success Story
    • Virtualbox 4.1 + Bodhilinux 1.2.0 + kernel 3.0, le trio gagnant
    • Passer de Debian Lenny-Postgresql 8.3 à Debian Squeeze-Postgresql 8.4 sans douleurs
    • Sauvegarde des bases Mysql/MariaDB avec Xtrabackup
  • A propos...
  • Me contacter...

A la une !

image image image image image
Jxplorer, un client pour gérer simplement ton annuaire LDAP Lire la suite
Bleachbit, le nettoyeur ultime ou comment faire le ménage proprement ! Lire la suite
Plume, une mine d’or qui regorge de pépites open source ! Lire la suite
Programmer ses twitts et les publier sur Google+, rien de plus simple… Lire la suite
Server Fault, pose ta question à des experts (sysadmin, …) et on te répondra… gratuitement Lire la suite
require.js, ou comment accélérer le chargement de ta page !

require.js, ou comment accélérer le chargement de ta page !

16 août 2011 13:52 0 commentaires
require.js est un script javascript comme l’extension l’indique ;) . Il est qualifié de « chargeur » de fichiers javascript. Je m’explique, bon nombre de CMS ou moteur de blog utilisent du javascript à coup de jquery ou autre. Tous ces fichiers sont appelés en général dans le de votre page web. Plus il y en a et plus la page mettra du temps à se charger. Même à l’heure de l’adsl ou du haut débit, l’optimisation des pages n’est pas à omettre et c’est pour cela que l’on trouve pleins de sites consacrés à l’optimisation des pages.

Mais revenons au sujet initial, il s’agit donc d’un script très léger qui permet de lancer le chargement de vos fichiers .js une fois la page affichée, ce qui permet d’optimiser votre vitesse d’affichage. Il ne chargera que ce script pour afficher la page, il fallait y penser :)

La mise en oeuvre est facile, l’appel se fait par :
require(files, callback);
et ensuite on passe dans un tableau les fichiers à charger une fois la page affichée :
[
    'javascript/main.js',
    ['javascript/file.js', function(){}],
    ['javascript/jquery.js', function(){}, '$']
]
Bon développement !

Vous pourriez être intéressé par....

  • Firebug, un outil indispensable pour les développeurs Web !
  • Tinkerbin, ou le moyen de jouer avec html, javascript et css sans serveur !
  • Jasmine, et non ce n'est toujours pas le nom de ma copine mais un framework javascript de tests
  • 960 Grid system, toi aussi utilise un framework CSS
  • Web developer's handbook, toi aussi dispose de ressources pour développer ton site !
  • Page Speed Online, toi aussi optimise la vitesse de chargement de ton site !
  • NetTuts+, toi aussi apprend encore plus sur le développement Web
  • MicroJS, framework javascript light mais puissant
Ce sujet a été posté le 16 août 2011 à 13:52 et est classé dans Développement, Javascript. Vous pouvez suivre les réponses à ce sujet via RSS 2.0 fil. Vous pouvez laisser une réponse, ou trackback depuis votre propre site.

Laisser un commentaire

Cliquez ici pour annuler la réponse.


Image CAPTCHA
Rafraîchir l'image
*

Recherche

Taille de la police
Promouvoir et soutenir le <a href=
Suivre le blog au fil des jours

Blogroll

  • Blog d'iMil
  • Blog de Bapt
  • Blog de Nicolargo
  • EzUnix
  • FJob
  • Le blog de Maester
  • NetBSDfr

Archives

Catégories

Retrouvez aussi sur PriceMinister  : Livres En Langue Étrangère, Livres D'Informatique, Locations De Voiture
Découvrez la boutique de zatmania.

Sponsors

Haut de page

Mots-clefs

administration backup bash blog cms code css debian design développement firefox framework free games git github GNU/Linux google google code graphisme html javascript jeux linux monitoring mysql opensource pdf php réseau security server shell ssh sysadmin sécurité thèmes tutorial tutoriel twitter ubuntu unix web webdev wordpress

Mes twitts…

Derniers articles

  • Jxplorer, un client pour gérer simplement ton annuaire LDAP
  • BigBlueButton, la solution de web conférence ultime ?
  • Bleachbit, le nettoyeur ultime ou comment faire le ménage proprement !
  • Plume, une mine d’or qui regorge de pépites open source !
  • JqueryThis, tout chercher à propos de Jquery (tutorials, plugins & Co)

Derniers commentaires

  • le blog d'olybop propose de bons thèmes bravo...
    By Wiloooo
  • [...] 30 avril 2012 13:53 0...
    By JqueryThis, tout chercher à propos de Jquery (tutorials, plugins & Co) | Zat's Hall
  • Stikked improved version: https://github.com/claudehohl/Stikked...
    By Claude
  • [...] J’ai...
    By 21 outils afin d’optimiser le temps de chargement de vos pages ! A utiliser sans modération | Zat's Hall

Licence

Contrat Creative Commons
Ce(tte) oeuvre est mise à disposition selon les termes de la Licence Creative Commons Paternité 3.0 non transcrit.