Je devais soit la bonne ou mauvaise fortune d'avoir à court de bande passante dans notre plan de la maison cette semaine, comme ici en Alaska les plans ne sont pas illimitées. Lorsque cela se produit, ils vous ralentir à un filet, jusqu'à ce que votre mois de facturation commence à nouveau. En conséquence, je pouvais voir à quel lamentablement ralentir 2Mb plus de web app charges pour quelqu'un sans Internet haute vitesse Regarder un écran blanc pendant des éons avant que vous obtenez même un préchargement est pas drôle. Donc, je me rendis compte que je dois changer la façon dont le site web et l'application de charge, car il est important que notre application soit accessible aux enfants du monde entier qui peuvent ne pas avoir accès à Internet haute vitesse. Je plaçai une ligne graphique SVG, ainsi que d'un préchargement CSS pur, avec toutes les informations de style dans l'entête HTML. Normalement, je ne fais jamais ça, comme ayant une séparation nette du HTML,
Je charge également script.js dans la tête, alors je l'utilise que pour charger mes fichiers de manière échelonnée afin qu'ils chargent dans le bon ordre pour les dépendances, et il me donne la possibilité de mettre à jour l'indicateur de précharge après chaque lot est fait. Je ne l'utilise également head.js, comme script.js ne peuvent pas gérer les fichiers CSS. Je charge asynchrone le CSS et un gros fichier de données tandis que l'autre truc commence le chargement, et puis après tous les fichiers nécessaires sont dong, je charge le fichier réel de l'application, et de mettre à jour mon Preloader à sa position finale. Je tiens à ajouter des phrases ou des bulles racontant notre application accrocheur, mais je suis trop paresseux pour le faire en 8 langues dès maintenant
| Accueil | Sur |