I. Démarche

Voici comment faire pour que votre application semble se charger plus rapidement. C'est une technique utilisée dans la programmation iOS.

  1. Prendre une capture d'écran de votre application chargée dans son état initial. Supprimer toutes les informations spécifiques à un utilisateur ou en rapport avec la date et l'heure.
  2. Rendre floue ou masquer cette image quelque peu.
  3. D'abord charger l'image et la mettre en background de la page HTML.
  4. Charger ExtJS et votre application.
  5. Démarrer votre application.
  6. L'application va démarrer et montrer son interface couvrant ainsi le background.

II. Niveau code

Pour s'assurer qu'une image se charge en premier lieu, mettre ce script au début :

 
Sélectionnez
new Image()).src = 'chemin de votre image de démarrage';


Pour la positionner en tant que background de la page, ajouter ce style sur votre page :

 
Sélectionnez
html {
  background-image: url('chemin de votre image de démarrage');
  background-size: 100%;
}


Bien sûr, vous devez également utiliser les outils du SDK de Sencha pour compresser et minimiser vos fichiers.

III. Remerciements

Cet article a été publié avec l'aimable autorisation de Neil McGuigan. L'article original peut être lu sur le blog ExtJS TutorialsExtJS Tutorials : ExtJS Faster LoadingExtJS Faster Loading.
Je remercie également ram-0000 pour sa relecture rapide.