Pasek ladowania pliku JS na stronie

Question

Witam, moja strona ładuje kilka bardzo dużych plikow js za pomocą tagów script (kilka mb)

 

 

Teraz rodzi się pytanie, czy istnieje jakiś sposob aby pokazać na stronie progress bar wczytywania tych plików? ew. możliwość poboru informacji o ilości pobranych danych do js

Answer 1

Jest wiele rozwiązań, ja polecam PACE -> https://github.hubspot.com/pace/docs/welcome/

Answer 2

Pytanie pierwsze - dlaczego wczytujesz kilka MB plików JS? Rozumiem, jak jest to np. jakiś core build frameworka itp. ale kilka takich plików? A jeśli to jakieś duże jsony to rozwazyłym inne podejście, np. XHR'em strzelić po wczytaniu contentu strony i zwrotnie na serwerze dać jakieś rozwiązanie bardziej przyjazne w obsłudze, np. server send event i na froncie obsłużyć to ładnie rxjs i po prostu podciągać sobie kolejne, przychodzące strumienie.

Przy dużych danych branych z serwera moim zdaniem to najlepsze rozwiązanie.

Comments

rxjs jest ponoć dobry, ciężko się go wdraża?

---

https://rxjs-dev.firebaseapp.com/guide/installation#es6-via-npm

bardzo przyjemnie się z tym pracuje, ja na co dzień robię sporo w Angular i tutaj jest to jakby out-of-the-box i powiem Ci, że naprawdę jest o fajne rozwiązanie, trzeba tylko przestawić się na nieco inne myślenie o przepływie danych.

A na serwerku też można reactive style używać, w Javie masz spring 5 który bardzo fajnie poszedł w stronę reactive, w PHP też chyba coś jest (na szybko znalazłem jakiegoś GH z rxPHP, ale nie wiem jak to działa w praktyce i czy nadaj się to na proda).

---

Wiem, że RX jest już niemal wszędzie, łącznie z Pythonem czy Ruby. Natomiast nigdy się nie zagłębiałem w temat (programowanie reaktywne), wydawał mi się raczej mniej przystępny i sądziłem że to jest rozwiązanie głównie pod duże czy bardzo duże strony (z dużym ruchem), więc coś co przynajmniej na razie nie jest dla mnie.

Ale może w wolnym czasie poznam ten temat bliżej. Dzięki za link!