Hejto.pl
Dodaj post

Wpisz coś do wyszukania (minimum 2 znaki)

Wpis użytkownika mike-litoris w WebDev

Kosmonauta

w WebDev

5

Siema webdevowe świry.

Czy istnieje jakiś sposób spowolnienia renderowania strony?

mam takiego pacjenta: https://login.ingbank.pl/mojeing/app/#login

Strona zbudowana jest w taki sposób ze onLoad podpięta jest funkcja która ładuje wszystkie dynamiczne graty, onAjaxComplete też wyzwalają się eventy, m.in jeden który sprawia że formularz do logowania gładko się pojawia (opacity fade-out).

waląc w F5 do odświeżania i F3 do wyszukiwania ```-region``` udało mi sie ustalić że efekt ten jest chyba osiągany dopisaniem klasy .transition do -region. Chciałbym się tego gówna pozbyć Stylusem, natomiast tak szybko się to dzieje że nie jestem pewien czy i co dzieje się w inline'owym stylu (wiecie, atrybut style="cośtam;coś innego".

Korzystam z firefoxa developer edition, niemniej na potrzeby tego przypadku mogę postawić dowolną przeglądarkę i wtyczki.

Mam też greasemonkey gdyby "spowalniacz" musiał być napisany w JS.

Białorycerzy antyhakerów informuję, że robię to na swoje potrzeby (strasznie rozwala mi układ krwionośny kiedy strona z której często korzystam zawiera rozpraszające elementy), dostosowanie udało mi się narazie zrobić picrel, niemnije chciałbym się pozbyt tego fade-ina, najlepiej za pomocą customowego CSSa.

Komentarze (8)

Zawodowiec1

@mike-litoris jak nagrasz sobie test to po puszczeniu go masz trace. I w tym trace sobie klatka po klatce popatrzysz na html

Kosmonauta1

@Argens a, dobra, w Chrome to wygląda inaczej, rzeczywiście można spowolnić sieć ORAZ CPU. Spróbowałem, niestety w momencie "ładowania profilu wydajnosci" zakładka "inspector" jest nieaktywna, a na tych profilach za cholerę się nie mogę połapać co się dzieje w danym momencie :confused: dobra poddaję się, zawsze mówiłem że JS jest popierdolony ;d

Kosmonauta0

@Puzzle_zwierzakow to nie sieć jest za szybka - w Twojej opcji po prostu dużo później dostanę komponenty, ale sama animacja tranzycji wykona sie z prędkością x1.0, czyli wracamy do punktu wyjścia.
Natomiast nie rozumiem roli codegen/playwirght które proponujesz. Z tego co widzę to jest ułatwiacz pisania testów, zapisuje interakcje użytkownika.
W moim scenariuszu wszystko dzieje się nieinteraktywnie - wejdź na podlinkowaną stronę. Odegra się animacja "wyłaniania się" formularza logowania i to jest element który chcę usunąć; chcę żeby formularz po prostu pojawił się.
@argens - j/w

Zawodowiec1

Aby sobie ogarnąć co tam się dzieje to moje 2 propozycje. Ustaw sobie sieć w przeglądarce na wolna. Albo odpal codegen w pw z włączonym tracem. To da ci raport z każdej zmiany strony i tam sobie ogarniesz HTML. https://playwright.dev/docs/codegen-intro-codegen

Test Generator | PlaywrightPlaywright comes with the ability to generate tests out of the box and is a great way to quickly get started with testing. It will open two windows, a browser window where you interact with the website you wish to test and the Playwright Inspector window where you can record your tests, copy the tests, clear your tests as well as change the language of your tests.playwright.dev
Kompan0

Próbowałeś już w ustawieniach developerskich, w zakładce network ustawić wolniejszą prędkość renderowania (tam, gdzie jest "no throttling"?

Tylko nie wiem, czy jest w Firefoxie (raczej powinno być). Ja do tego używam chroma

Kosmonauta0

@Rebe-Szewach wbrew pozorom to nie jest rakiet sajens, kwestia obycia się w temacie, w sumie jak wszystko.

Gruba ryba0

Pomógłbym, gdybym coś z tego rozumiał, naprawdę...xD😉