L'importanza di un Preloader

L'importanza di un Preloader
Ho avuto la fortuna o buona o cattiva per aver terminato la larghezza di banda nel nostro piano casa questa settimana, come qui in Alaska i piani non sono illimitate. Quando ciò accade, essi si rallentano a un filo, fino a quando il mese di fatturazione ricomincia. Di conseguenza, ho potuto vedere quanto miseramente lento a 2MB più web app carichi per qualcuno senza internet ad alta velocità Guardando uno schermo bianco per eoni prima ancora di arrivare un preloader non è divertente. Così ho capito che ho bisogno di cambiare il modo in cui il sito web e applicazione del carico, come è importante che la nostra applicazione sia accessibile ai bambini di tutto il mondo che non hanno accesso ad internet ad alta velocità. Ho fatto un linea grafica SVG, così come un preloader CSS puro, con tutte le informazioni di stile nell'intestazione HTML. Io di solito non faccio, come avere una netta separazione di HTML, JS e CSS è sempre sembrato molto più bello … ma che lascia gli utenti a fissare uno scherm
Mi carico anche script.js nell'intestazione, allora io uso che per caricare i miei file in modo sfalsato così caricano nell'ordine corretto per le dipendenze, e mi dà la possibilità di aggiornare l'indicatore di precarico dopo ogni lotto è fatto. Io uso anche head.js, come script.js non possono gestire file CSS. Io asincrono caricare il CSS e un grande file di dati, mentre le altre cose ha inizio carico, e poi dopo che tutti i file necessari sono dong, si carica il file vero e proprio app, e aggiornare il mio preloader alla sua posizione finale. Vorrei aggiungere frasi o fumetti che raccontano la nostra applicazione orecchiabile, ma io sono troppo pigro per farlo in 8 lingue in questo momento