1) https://www.transfermilan.com/speed/page1.html
zaadaptować stronę internetową, aby przeszła test PageSpeed Insights
Ocena Core Web Vitals - Zdał
tzn. aby wszystkie wskaźniki były w zielonej strefie
- Największy Paint Zawartości (LCP)
- Interakcja do Następnego Paint (INP)
- Skumulowane Przesunięcie Układu (CLS)
- Pierwszy Paint Zawartości (FCP)
- Czas do Pierwszego Bajtu (TTFB)
Przedstawić szczegółową instrukcję, jakie dokładnie zmiany zostały wprowadzone na stronie i jak.
wyróżnić linie kodu, które zostały zmienione.
2) https://www.transfermilan.com/speed/page1.html
Po załadowaniu strony przez kilka sekund cała strona znika na sekundę, a potem znowu się pojawia.
Występuje migotanie strony. Przy tym sama strona się nie przeładowuje.
Trzeba znaleźć, w czym tkwi problem w kodzie i go usunąć.
Przedstawić szczegółową instrukcję, jakie dokładnie zmiany zostały wprowadzone na stronie i jak.
wyróżnić linie kodu, które zostały zmienione.
3)
W wersji mobilnej (przy otwieraniu strony na urządzeniu mobilnym).
Po wpisaniu miasta (na przykład: Mediolan) w polu "Punkt wyjazdu:"
w rozwijanej liście, jeśli klient kliknie na słowo "Mediolan", w polu pojawia się wartość "EXPO 2015 MEDIOLAN, Włochy".
tzn. następuje przesunięcie listy względem pola wyboru.
Trzeba to naprawić.
Przedstawić szczegółową instrukcję, jakie dokładnie zmiany zostały wprowadzone na stronie i jak.
wyróżnić linie kodu, które zostały zmienione.
===
wideo przedstawia problemy na stronie - zadanie 2, 3
