{"id":15763,"date":"2026-11-11T18:55:00","date_gmt":"2026-11-11T17:55:00","guid":{"rendered":"https:\/\/www.lukaswojcik.com\/blog\/?p=15763"},"modified":"2026-10-26T12:52:44","modified_gmt":"2026-10-26T11:52:44","slug":"ktore-skrypty-blokuja-budowanie-strony-sprawdzanie-i-granice-analizy","status":"publish","type":"post","link":"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/ktore-skrypty-blokuja-budowanie-strony-sprawdzanie-i-granice-analizy\/","title":{"rendered":"Kt\u00f3re skrypty blokuj\u0105 budowanie strony: sprawdzanie i granice analizy"},"content":{"rendered":"

Pozycja skryptu w HTML pomaga szuka\u0107 zale\u017cno\u015bci. Nie mierzy jednak op\u00f3\u017anienia ani nie dowodzi obecno\u015bci konkretnych element\u00f3w podczas wykonania. Historyczna pr\u00f3ba dwudziestu odpowiedzi pokazuje warto\u015b\u0107 i granice analizy statycznej.<\/p>\n

\"745
745 wykrytych znacznik\u00f3w, 660 klasyfikacji; bez pomiaru czasu.<\/figcaption><\/figure>\n

745 wykrytych znacznik\u00f3w, 660 klasyfikacji<\/h2>\n

Zapis z 6 wrze\u015bnia 2026, 14:26:11 +02:00 zawiera 745 wykrytych znacznik\u00f3w script, \u015brednio 37,25 na odpowied\u017a. Szczeg\u00f3\u0142ow\u0105 klasyfikacj\u0119 otrzyma\u0142o tylko 660: 283 blokuj\u0105ce, 230 danych, 70 async, 52 defer i 25 module.<\/p>\n

R\u00f3\u017cnica wynika z limitu analizatora: zachowuje najwy\u017cej 120 rekord\u00f3w skrypt\u00f3w na dokument. ZEIT dostarczy\u0142 205 wykrytych znacznik\u00f3w, wi\u0119c 85 nie wesz\u0142o do szczeg\u00f3\u0142owych zlicze\u0144. Zg\u0142oszona ostatnia pozycja blokuj\u0105ca dotyczy tam tylko pierwszych 120 rekord\u00f3w.<\/p>\n

Odpowied\u017a nie zawsze jest stron\u0105 g\u0142\u00f3wn\u0105<\/h2>\n

Stack Overflow zwr\u00f3ci\u0142 status 429, a Allegro 403. Jeden i dwa wykryte znaczniki nale\u017c\u0105 do tych dokument\u00f3w odpowiedzi, nie do potwierdzonych zwyk\u0142ych stron g\u0142\u00f3wnych. Historyczna, wybrana pr\u00f3ba nie jest aktualnym rankingiem wydajno\u015bci.<\/p>\n

Odpowied\u017a GitHuba zawiera\u0142a osiem rekord\u00f3w modu\u0142\u00f3w i sze\u015b\u0107 danych, bez klasyfikacji blokuj\u0105cej. Nie dowodzi to nieprzerwanego parsowania, gotowego uk\u0142adu ani taniego JavaScriptu. Szesna\u015bcie odpowiedzi mia\u0142o klasyfikacj\u0119 blokuj\u0105c\u0105 przed wykrytym ko\u0144cem head. To ustalenie po\u0142o\u017cenia, a nie pomiar op\u00f3\u017anienia pierwszego wy\u015bwietlenia.<\/p>\n

Regu\u0142y \u0142adowania maj\u0105 warunki<\/h2>\n

Klasyczny zewn\u0119trzny skrypt wstawiony przez parser bez async i defer zwykle wstrzymuje parsowanie na czas pobrania i wykonania. defer przesuwa wykonanie za koniec parsowania. async usuwa oczekiwanie na pobranie, lecz wykonanie nadal mo\u017ce zajmowa\u0107 g\u0142\u00f3wny w\u0105tek. Te atrybuty nie zmieniaj\u0105 czasu wykonania klasycznego skryptu osadzonego.<\/p>\n

Modu\u0142y domy\u015blnie wykonuj\u0105 si\u0119 po parsowaniu, tak\u017ce modu\u0142y osadzone; async dzia\u0142a r\u00f3wnie\u017c dla modu\u0142\u00f3w. Bloki danych, mapy import\u00f3w i regu\u0142y spekulacji s\u0105 odr\u0119bnymi przypadkami. nomodule, polityka bezpiecze\u0144stwa tre\u015bci (CSP), b\u0142\u0119dy pobrania i spos\u00f3b wstawienia mog\u0105 zatrzyma\u0107 lub zmieni\u0107 wykonanie. Pi\u0119\u0107 kategorii analizatora nie opisuje ca\u0142ej przegl\u0105darki.<\/p>\n

Pozycja bajtowa nie oznacza kompletno\u015bci DOM<\/h2>\n

Trzyna\u015bcie zapisanych pozycji zaokr\u0105gla si\u0119 do 95\u2013100 procent. Poni\u017cej 50 procent le\u017c\u0105 trzy, nie cztery; wynik Bund to 55 procent. Wynik ZEIT, 42 procent, podlega limitowi 120 rekord\u00f3w. Dla Heise zapisano pozycj\u0119 6016 w 943 607 bajtach, pozostawiaj\u0105c 937 591 bajt\u00f3w od otwieraj\u0105cego znacznika script.<\/p>\n

Reszta obejmuje sam skrypt. Model dokumentu (DOM) to struktura element\u00f3w strony zbudowana przez przegl\u0105dark\u0119. Pozosta\u0142a liczba bajt\u00f3w nie pokazuje dok\u0142adnie, kt\u00f3rych element\u00f3w brakuje podczas wykonywania skryptu. Wcze\u015bniejszy kod mo\u017ce dodawa\u0107 lub usuwa\u0107 w\u0119z\u0142y, a parser przestawia\u0107 struktur\u0119. P\u00f3\u017aniejsze funkcje zwrotne dzia\u0142aj\u0105 w innym czasie. Skaner spekulacyjny mo\u017ce te\u017c pobiera\u0107 zasoby znajduj\u0105ce si\u0119 za zatrzymanym parserem g\u0142\u00f3wnym.<\/p>\n

Koszt sieci wymaga zapisu przegl\u0105darki<\/h2>\n

Siedem odpowiedzi ma klasyfikacj\u0119 blokuj\u0105c\u0105 z inn\u0105 znormalizowan\u0105 nazw\u0105 hosta. Por\u00f3wnanie usuwa www i pomija schemat oraz port. Nie wykrywa wi\u0119c ka\u017cdego innego origin ani obcego w\u0142a\u015bciciela. Trzy odpowiedzi nie maj\u0105 \u017cadnego wykrytego preconnect; pozosta\u0142ych nie sprawdzono tym samym pod k\u0105tem zgodno\u015bci docelowych host\u00f3w.<\/p>\n

W zapisanym wyniku LukasWojcik stub.js znajduje si\u0119 na 96 procentach, z 3082 bajtami od znacznika do ko\u0144ca. Nie zmierzono czasu oczekiwania. Cache, istniej\u0105ce po\u0142\u0105czenia i pobieranie wyprzedzaj\u0105ce mog\u0105 usun\u0105\u0107 potrzeb\u0119 nowego po\u0142\u0105czenia. Osadzenie stuba usuwa osobne pobranie pliku, lecz pozostawia wykonanie kodu i wym\u00f3g zgodno\u015bci z CSP.<\/p>\n

Co ustala analizator<\/h2>\n

Narz\u0119dzie bada do 3 MiB pobranego HTML bez wykonywania kodu. Jedena\u015bcie lokalnych pr\u00f3b ujawni\u0142o granice: tekst skryptu w komentarzach i szablonach jest liczony, nomodule trafia do kategorii blokuj\u0105cej, a osadzony modu\u0142 async do module. Pusty integrity jest uznawany za obecny.<\/p>\n

Wskazanie document.write to dopasowanie tekstu w tre\u015bci osadzonej, nie dow\u00f3d wywo\u0142ania. Zale\u017cnie od kontekstu API dodaje tre\u015b\u0107 do strumienia parsera, jest ignorowane albo zast\u0119puje dokument. Tak\u017ce Subresource Integrity (SRI) wymaga u\u017cytecznych danych integralno\u015bci i odpowiedniego dost\u0119pu mi\u0119dzy originami; sama nazwa atrybutu nie wystarcza.<\/p>\n

Analiza \u0142adowania skrypt\u00f3w<\/a><\/p>\n

\n

Pytania i odpowiedzi<\/h2>\n

Jak sprawdzi\u0107 zmian\u0119 sposobu \u0142adowania?<\/h3>\n

Zapis wydajno\u015bci przegl\u0105darki przed zmian\u0105 i po niej, przy por\u00f3wnywalnym cache oraz sieci, pokazuje czasy zasob\u00f3w, prac\u0119 g\u0142\u00f3wnego w\u0105tku i renderowanie. Nast\u0119pnie potrzebne s\u0105 testy zale\u017cnego kodu i obs\u0142ugi zgody. Zliczenia statyczne wskazuj\u0105 miejsca do zbadania; zapis mierzy efekt.<\/p>\n

Czy stub zgody mo\u017ce po prostu otrzyma\u0107 defer lub async?<\/h3>\n

Stub zgody to ma\u0142y skrypt zast\u0119pczy, kt\u00f3ry kolejkuje wywo\u0142ania do czasu za\u0142adowania pe\u0142nego oprogramowania zgody. Zmiana kolejno\u015bci \u0142adowania wymaga sprawdzenia zale\u017cno\u015bci. Kolejka musi istnie\u0107 przed kodem, kt\u00f3ry z niej korzysta; zmiana czasu wykonania mo\u017ce z\u0142ama\u0107 ten warunek. Osadzona kopia wymaga te\u017c utrzymywanego procesu aktualizacji. preconnect i preload mog\u0105 skr\u00f3ci\u0107 oczekiwanie, ale nie gwarantuj\u0105 sta\u0142ej oszcz\u0119dno\u015bci ani darmowego wykonania.<\/p>\n<\/div>\n

\n

\u0179r\u00f3d\u0142a<\/h2>\n