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.
- 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.
- Rendre floue ou masquer cette image quelque peu.
- D'abord charger l'image et la mettre en background de la page HTML.
- Charger ExtJS et votre application.
- Démarrer votre application.
- 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.