Pytania rekrutacyjne z przeglądarki i wydajności (Senior) z odpowiedziami
75 pytań na rozmowę rekrutacyjną z tematu Przeglądarka i wydajność (Senior) - z poprawnymi odpowiedziami, wyjaśnieniami i linkami do dokumentacji.
Rozwiąż ten test- 1.Co gwarantuje Site Isolation w Chromium?
- 2.Dlaczego przeglądarki domyślnie wyłączyły
SharedArrayBuffer, a potem włączyły go tylko dla stron cross-origin isolated? - 3.Która para nagłówków czyni stronę cross-origin isolated (
self.crossOriginIsolated === true)? - 4.Po włączeniu
COEP: require-corpprzestały się ładować obrazy z zewnątrz. Jakie są opcje? - 5.Przed czym, oprócz włączenia izolacji, chroni
Cross-Origin-Opener-Policy: same-origin? - 6.Do czego służy
Cross-Origin-Resource-Policy: same-site? - 7.Do czego na serwerze przydają się nagłówki żądań Fetch Metadata, jak
Sec-Fetch-Site? - 8.Czym są XS-Leaks?
- 9.Dlaczego animacja
transformmoże pozostać płynna, nawet gdy główny wątek blokuje długie zadanie? - 10.Jaki jest budżet klatki przy 60 Hz i dlaczego w praktyce jest mniejszy niż 16,7 ms?
- 11.Dlaczego zmiana jednej klasy na
<body>może być kosztowna w dużej aplikacji? - 12.Co oznacza „eksplozja warstw” (layer explosion)?
- 13.Czym
content-visibility: hiddenróżni się oddisplay: none? - 14.Kiedy
content-visibility: automoże pogorszyć CLS lub przewijanie? - 15.Co robi „paint holding” w Chromium przy nawigacjach same-origin?
- 16.Co Long Animation Frames (LoAF) API dodaje względem Long Tasks API?
- 17.Dlaczego hydratacja może pogarszać INP na stronach renderowanych po stronie serwera?
- 18.Na co pozwala
scheduler.postTask(fn, { priority: "background" })? - 19.INP jest słaby, ale każdy handler zdarzeń trwa poniżej 20 ms. Na co warto spojrzeć?
- 20.Dlaczego debugowanie INP w laboratorium często wprowadza w błąd w porównaniu z danymi terenowymi?
- 21.Jak odśmiecanie pamięci może wpływać na INP?
- 22.Dlaczego aktualizacje renderowania w
requestAnimationFramebywają ukrytą przyczyną słabego INP? - 23.Dlaczego Core Web Vitals ocenia się na 75. percentylu?
- 24.RUM pokazuje, że LCP p75 się pogorszył, ale wyniki Lighthouse się nie zmieniły. Jaki jest prawdopodobny powód?
- 25.Jak egzekwować budżety wydajności w CI, żeby wyniki były wiarygodne?
- 26.Jaka jest korzyść z wysyłania atrybucji LCP (element, składowe) razem z wartością?
- 27.Jak kwalifikowanie się do bfcache wpływa na metryki terenowe?
- 28.Który nagłówek historycznie uniemożliwiał stronie trafienie do bfcache w Chrome?
- 29.Jak strona powinna reagować, gdy jest prerenderowana przez Speculation Rules?
- 30.Jaki jest kompromis wstawienia krytycznego CSS do HTML?
- 31.Jak strumieniowanie HTML z serwera pomaga LCP?
- 32.Dlaczego przy HTTP/2 lub HTTP/3 łączenie wszystkiego w jeden plik JS nadal może nie być idealne?
- 33.Jaka jest główna pułapka klucza cache zawierającego zbędne dane żądania, np. wszystkie ciasteczka?
- 34.Czym jest web cache poisoning?
- 35.Dlaczego
ETaggenerowane z inode lub czasu modyfikacji mogą słabo rewalidować za load balancerem? - 36.Jaki problem rozwiązują nagłówki docelowe jak
CDN-Cache-Control? - 37.Co zmienia
Cache-Control: immutable? - 38.Dlaczego cache'owanie uwierzytelnionej odpowiedzi API we współdzielonym cache CDN jest niebezpieczne nawet z krótkim TTL?
- 39.Co jest nie tak z tym sprawdzeniem CORS?
- 40.Dlaczego dopuszczanie
Origin: nullw CORS jest ryzykowne? - 41.Czy poprawna konfiguracja CORS chroni API przed CSRF?
- 42.Wewnętrzna usługa na
http://192.168.0.10nie powinna być osiągalna dla skryptów publicznych serwisów. Jaki mechanizm przeglądarki się tym zajmuje? - 43.Dlaczego preflighty szkodzą wydajności SPA z wieloma wywołaniami API i jak je ograniczyć?
- 44.Co robi
'strict-dynamic'w CSP? - 45.Dlaczego CSP z listą dozwolonych hostów, jak
script-src 'self' https://cdn.example.com, często da się obejść? - 46.Dlaczego strict CSP powinna zawierać
base-uri 'none'(lub'self')? - 47.Jak wdrożyć nową CSP bez psucia produkcji?
- 48.Co wymuszają Trusted Types?
- 49.Czym jest mutation XSS (mXSS)?
- 50.Czym jest DOM clobbering?
- 51.Dlaczego lepiej kodować wyjście pod jego kontekst, niż raz filtrować „złe” dane na wejściu?
- 52.Przed czym ciasteczko sesji
HttpOnlyNIE chroni, gdy jest XSS? - 53.Czym grozi wstawianie danych serwera do skryptu inline w ten sposób?
- 54.Gdzie sanityzować HTML od użytkowników w systemie, który wyświetla go w aplikacji webowej i mobilnej?
- 55.Co gwarantuje prefiks nazwy ciasteczka
__Host-? - 56.Dlaczego
SameSitenie chroni przed atakami z przejętej subdomeny jakblog.example.com? - 57.Co CHIPS (ciasteczka
Partitioned) zmienia dla osadzonego widżetu? - 58.Co się dzieje, gdy storage originu przekroczy limit przeglądarki albo na urządzeniu kończy się miejsce?
- 59.Czym jest partycjonowanie storage we współczesnych przeglądarkach?
- 60.Dlaczego pojedynczy duży dokument HTML może nadal mieć wolny TTFB z HTTP/3 i CDN?
- 61.Na co pozwala connection coalescing w HTTP/2?
- 62.Dlaczego „domain sharding” to antywzorzec przy HTTP/2?
- 63.Co TLS 1.3 poprawia dla ładowania strony w porównaniu z TLS 1.2?
- 64.Jaki jest sens wysyłania
Link: <...>; rel=preloadjako nagłówka HTTP zamiast w HTML? - 65.Dlaczego iframe z sandbox na osobnym originie to popularny sposób wyświetlania niezaufanego HTML (np. widżetów od użytkowników)?
- 66.Dlaczego
allow-scripts allow-same-originna iframe z sandbox i treścią same-origin jest niebezpieczne? - 67.Jaki jest cel HSTS preload?
- 68.Które podejście do skryptów zewnętrznych najbardziej ogranicza ryzyko zarówno wydajnościowe, jak i bezpieczeństwa?
- 69.Dlaczego CSP warto wysyłać jako nagłówek HTTP, a nie tag
<meta>, gdy to możliwe? - 70.Co service worker oznacza dla skutków XSS?
- 71.Jakie jest najważniejsze ograniczenie Web Application Firewall (WAF) wobec XSS?
- 72.Jaka jest główna idea modelu wydajności RAIL?
- 73.Nagłówek hero pojawia się z animacją od
opacity: 0. Jak to może wpłynąć na LCP? - 74.Dlaczego snippety „anti-flicker” narzędzi do testów A/B po stronie klienta często pogarszają LCP?
- 75.Dlaczego ładowanie popularnego fontu z publicznego CDN fontów nie korzysta już z cache innych serwisów?