Wasze zdanie odnośnie stosowania loading page

Question

Witam

Ostatnio na kilku stronach spotkałem się z loading page'm i mam mocno mieszane uczucia co do takiej praktyki.

Z jednej strony użytkownik dostanie widok strony dopiero gdy ta będzie wczytana - i to według mnie ma swoje plusy ponieważ nie musi widzieć doczytującego się fontu czy jakiś obrazków.

Jednak dla mnie strona w której stosowany jest loading page sprawia wrażenie ciężkiej tak jakby mówiła do nas "nie potrafiliśmy odpowiednio zadbać o czas wczytywania naszej strony więc masz tu loading page, popatrz sobie jak kręci się kółko"

Są jakieś wytyczne ustalone dla loading page? Kiedy i czy w ogóle można je stosować?

Pozdrawiam

Answer 1

Pozwolę sobie zacytować siebie samego:

Jeśli chodzi o preloadery, to ja osobiście właśnie należę do tej grupy purystów, którzy twierdzą, że preloader to oznaka złej optymalizacji. W czasach, gdy mamy do dyspozycji takie narzędzia, jak Service Workers, jak preload zasobów, jak server push, jak streaming HTML-a, jak progresywne renderowanie (https://jakearchibald.com/2016/link-in-body/ ), jak możliwość przerzucenia pracy do Web Workerów, jak requestAnimationFrame, jak requestIdleCallback, jak will-change, jak font-display, jak całe Font Loading API, jak dynamiczne importy, jak Houdini, jak propozycja dodania pełnoprawnego schedulera dla DOM, jak wszelkie sposoby obliczania faktycznej wydajności (High Resolution Time, Performance Observer), jak Lighthouse czy wreszcie jak wzorce pokroju PRPL, RAIL, FLIP, vDOM/async DOM, zrobienie niewydajnej strony internetowej w teorii brzmi niemal jak niewykonalne zadanie.

Do tego warto dodać, że np. teraz w Chrome 75 dochodzi jeszcze natywny lazy loading obrazków i ramek. 

Answer 2

Jednak dla mnie strona w której stosowany jest loading page sprawia wrażenie ciężkiej

Zgadzam się.

Moim zdaniem loading page powinien być tam gdzie jest potrzebny.

• W przypadku normalnej strony internetowej nie powinno go tam być, bo będzie sprawiał wrażenie ciężkiej strony.
• W przypadku gier przeglądarkowych taki loading page moim zdaniem powinien się znaleźć (jako element gry, jeżeli takowy jest wymagany), bo bez niego gra będzie się wydawała ciężka jeżeli nie wszystkie grafiki zostaną załadowane od razu.

Answer 3

Podpisuje sie pod wszystkim co napisał @Comandeer

Dodatkowo aby zrobić taki loader potrzebujesz java script. A nie po to powstał atrybut defer aby uruchamiać skrypty przed renderowaniem strony. Dodatkowo loader spowalnia wczytanie strony poprzez niepotrzebne renderowania. No i najgorsze jesli wyłączymy java script wiekszość loaderów nigdy nie znika.

Od strony UX czujemy ze strona jest ciezka ponieważ nie mamy paska postępu. Gdy cos sie nam kreci nie wiewi czy sie zawiesiło czy jeszcze sie wczytuje. Nie mamy też pojęcia kiedy skończy sie wczytywać.

Gdy nie mamy loadera strona która powoli układa sie w odpowiednie miejsca jest loaderem z paskiem postępu samym w sobie. Kazdy uzytkownik jest w stanie okrokreś ile jeszxje zostało do wczytania.

Loader z kołkiem sprawdza sie tylko gdy coś wykonuje sie bardzo szybko

Answer 4

ja osobiście używam loadingu ale nie takiego, że pokazuje treść po załadowaniu strony (mały pasek) aka YouTube

tylko mam problem, bo nie wiem jak zrobić, by pokazywał on rzeczywisty poziom załadowania, bo w praktyce to wygląda tak:

gdy załaduje się strona, to leci taki impuls tego paska i znika gdy ''onLoad'