{"id":15723,"date":"2026-09-06T11:03:06","date_gmt":"2026-09-06T09:03:06","guid":{"rendered":"https:\/\/www.lukaswojcik.com\/blog\/narzedzia\/script-loading-execution-order-analyzer\/"},"modified":"2026-09-06T11:03:06","modified_gmt":"2026-09-06T09:03:06","slug":"script-loading-execution-order-analyzer","status":"publish","type":"page","link":"https:\/\/www.lukaswojcik.com\/blog\/pl\/narzedzia\/script-loading-execution-order-analyzer\/","title":{"rendered":"Analiza \u0142adowania skrypt\u00f3w: co skrypt widzi w chwili uruchomienia"},"content":{"rendered":"<div class=\"gtm-analyser-container\" style=\"background: var(--bg-panel, #1e1e24); padding: 25px; border-radius: 8px; border: 1px solid var(--border, #2a2a35);\">\n<p style=\"color: var(--text-secondary, #a0a0b0); margin-bottom: 20px;\">Skrypt bez defer i bez async zatrzymuje parser dok\u0142adnie tam, gdzie stoi. Widzi wi\u0119c to, co stoi przed nim w dokumencie, i nic po nim. To miejsce daje si\u0119 zmierzy\u0107 w surowym HTML-u, a wraz z nim ilo\u015b\u0107 znacznik\u00f3w, kt\u00f3rych w chwili uruchomienia jeszcze brakuje.<\/p>\n<div style=\"margin-bottom: 14px;\">\n        <label for=\"sk-url\" style=\"color: var(--text-secondary, #a0a0b0); display: block; font-size: 0.85rem; margin-bottom: 5px;\">Adres strony<\/label><br \/>\n        <input id=\"sk-url\" type=\"text\" value=\"https:\/\/www.heise.de\/\" class=\"form-control\" style=\"width: 100%; padding: 10px; background: var(--bg-body, #14141a); border: 1px solid var(--border, #2a2a35); color: var(--text-primary, #e8e8ee); border-radius: 6px; box-sizing: border-box; font-family: monospace;\">\n    <\/div>\n<p style=\"color: var(--text-secondary, #a0a0b0); font-size: 0.82rem; margin-bottom: 16px;\">Strona zostaje raz pobrana z tego serwera i odczytana jako tekst. Zapisywane jest tylko pobranie, na potrzeby limitu godzinowego.<\/p>\n<p>    <button id=\"sk-btn\" class=\"button\" style=\"background: var(--accent, #7ee787); color: var(--on-accent, #0b1114); border: none; padding: 12px 24px; border-radius: 6px; font-weight: 700; cursor: pointer;\">Analizuj skrypty<\/button><\/p>\n<div id=\"sk-ausgabe\" style=\"margin-top: 22px;\"><\/div>\n<p style=\"color: var(--text-secondary, #a0a0b0); font-size: 0.8rem; margin: 24px 0 0;\">Osiem zapyta\u0144 na godzin\u0119, najwy\u017cej 3 MB na dokument, prywatne zakresy adres\u00f3w s\u0105 odrzucane. Nic nie jest renderowane, \u017caden skrypt nie jest wykonywany.<\/p>\n<\/div>\n<p><script>\n(function () {\n    'use strict';<\/p>\n<p>    const T = {\"einleitung\":\"Skrypt bez defer i bez async zatrzymuje parser dok\u0142adnie tam, gdzie stoi. Widzi wi\u0119c to, co stoi przed nim w dokumencie, i nic po nim. To miejsce daje si\u0119 zmierzy\u0107 w surowym HTML-u, a wraz z nim ilo\u015b\u0107 znacznik\u00f3w, kt\u00f3rych w chwili uruchomienia jeszcze brakuje.\",\"label_url\":\"Adres strony\",\"datenschutz\":\"Strona zostaje raz pobrana z tego serwera i odczytana jako tekst. Zapisywane jest tylko pobranie, na potrzeby limitu godzinowego.\",\"knopf\":\"Analizuj skrypty\",\"grenze\":\"Osiem zapyta\u0144 na godzin\u0119, najwy\u017cej 3 MB na dokument, prywatne zakresy adres\u00f3w s\u0105 odrzucane. Nic nie jest renderowane, \u017caden skrypt nie jest wykonywany.\",\"laeuft\":\"Trwa pobieranie dokumentu i odczyt znacznik\u00f3w script \u2026\",\"urteil_gut\":\"Nic nie stoi na przeszkodzie\",\"urteil_warnung\":\"Warte spojrzenia\",\"urteil_kritisch\":\"Wymaga uwagi\",\"zusammenfassung\":\"Znacznik\u00f3w script: {gesamt} w dokumencie o rozmiarze {bytes}, z czego {blockierend} zatrzymuje parser.\",\"h_klassen\":\"Wed\u0142ug klas\",\"h_sicht\":\"Gdzie parser zatrzymuje si\u0119 po raz ostatni\",\"h_skripte\":\"Skrypty w kolejno\u015bci dokumentu\",\"h_befunde\":\"Ustalenia\",\"spalte_klasse\":\"Klasa\",\"spalte_anzahl\":\"Liczba\",\"spalte_bedeutung\":\"Co to znaczy\",\"spalte_nr\":\"Nr\",\"spalte_ort\":\"Miejsce\",\"spalte_stelle\":\"Pozycja\",\"spalte_quelle\":\"\u0179r\u00f3d\u0142o\",\"klasse_blockierend\":\"blokuj\u0105cy\",\"klasse_module\":\"module\",\"klasse_defer\":\"defer\",\"klasse_async\":\"async\",\"klasse_daten\":\"dane\",\"klasse_hilfe_blockierend\":\"Zatrzymuje parser i uruchamia si\u0119 natychmiast.\",\"klasse_hilfe_module\":\"\u0141aduje si\u0119 obok, uruchamia po parsowaniu, w kolejno\u015bci.\",\"klasse_hilfe_defer\":\"\u0141aduje si\u0119 obok, uruchamia po parsowaniu, w kolejno\u015bci.\",\"klasse_hilfe_async\":\"\u0141aduje si\u0119 obok i uruchamia, gdy tylko dotrze \u2014 kolejno\u015b\u0107 pozostaje otwarta.\",\"klasse_hilfe_daten\":\"JSON-LD i inne typy, kt\u00f3re wcale nie s\u0105 kodem.\",\"ort_kopf\":\"head\",\"ort_koerper\":\"body\",\"eingebettet\":\"osadzony\",\"sicht_kopf\":\"Ostatni skrypt blokuj\u0105cy stoi na {anteil} % dokumentu\",\"sicht_text\":\"W tym momencie nieprzeczytane pozostaje jeszcze {fehlend} znacznik\u00f3w, a skrypt nic z tego nie widzi. \u0179r\u00f3d\u0142o: {quelle}.\",\"sicht_keins\":\"\u017baden skrypt nie zatrzymuje parsera. Wszystko jest defer, module albo async.\",\"balken_legende\":\"Pasek pokazuje, jaka cz\u0119\u015b\u0107 dokumentu jest przeczytana, gdy uruchamia si\u0119 ostatni skrypt blokuj\u0105cy.\",\"zeile_adresse\":\"Adres\",\"zeile_status\":\"Status\",\"zeile_groesse\":\"Rozmiar dokumentu\",\"zeile_preconnect\":\"Wskaz\u00f3wki preconnect\",\"zeile_preload\":\"Wskaz\u00f3wki preload\",\"zeile_dauer\":\"Czas\",\"zeile_limit\":\"Pozosta\u0142e zapytania w tej godzinie\",\"keine_befunde\":\"Brak ustale\u0144.\",\"stufe_hoch\":\"Wysoki\",\"stufe_mittel\":\"\u015aredni\",\"stufe_niedrig\":\"Niski\",\"stufe_info\":\"Uwaga\",\"stufe_gut\":\"Dobrze\",\"befund_kein_html\":\"Odpowied\u017a nie jest HTML-em || Typ tre\u015bci to {typ}, nie ma wi\u0119c z czego odczyta\u0107 znacznik\u00f3w script.\",\"befund_gekappt\":\"Dokument zosta\u0142 uci\u0119ty || Odczytano tylko pierwsze {bytes} bajt\u00f3w; znaczniki script poza tym zakresem nie wchodz\u0105 do tej oceny.\",\"befund_weitergeleitet\":\"Przekierowania: {spruenge} || Dokument odczytano pod adresem {endurl}.\",\"befund_zu_viele_skripte\":\"Znacznik\u00f3w script: {gesamt} || Tabela wymienia pierwsze {gezeigt}; zliczenie obejmuje wszystkie.\",\"befund_blockierend_im_kopf\":\"Skrypt\u00f3w blokuj\u0105cych w sekcji head: {anzahl} || Pierwszy to {erstes}. Ka\u017cdy z nich op\u00f3\u017ania pierwsze wy\u015bwietlenie, bo parser nie dociera do \u017cadnego widocznego elementu, zanim si\u0119 nie zako\u0144cz\u0105.\",\"befund_blockierend_fremd\":\"Skrypt blokuj\u0105cy z obcego hosta || Takich jest {anzahl}, z: {hosts}. Objazd przez obce po\u0142\u0105czenie, na kt\u00f3re parser czeka \u2014 jedyny przypadek, w kt\u00f3rym powolna strona trzecia zatrzymuje stron\u0119, zamiast tylko \u0142adowa\u0107 si\u0119 p\u00f3\u017ano.\",\"befund_vor_der_formatvorlage\":\"Skrypt\u00f3w blokuj\u0105cych przed pierwszym arkuszem styl\u00f3w: {anzahl} || Miejsce wygl\u0105da niewinnie, ale skrypt uruchomiony przed arkuszem mierzy uk\u0142ad, kt\u00f3ry nie zosta\u0142 jeszcze ostylowany.\",\"befund_document_write\":\"U\u017cywany jest document.write || W {anzahl} skryptach. Przegl\u0105darki pomijaj\u0105 go w skryptach wstawionych podczas parsowania, a by\u0142 on klasyczn\u0105 przyczyn\u0105 tego, \u017ce strona buduje si\u0119 sama od nowa.\",\"befund_doppelt_eingebunden\":\"To samo \u017ar\u00f3d\u0142o wyst\u0119puje wielokrotnie || {anzahl} razy, na przyk\u0142ad {adressen}. Drugie pobranie pochodzi z pami\u0119ci podr\u0119cznej, ale skrypt uruchamia si\u0119 dwa razy.\",\"befund_grosses_inline\":\"Du\u017cy skrypt osadzony || Takich jest {anzahl}, najwi\u0119kszy ma {bytes} bajt\u00f3w. Kodu osadzonego nie da si\u0119 zapisa\u0107 osobno w pami\u0119ci podr\u0119cznej i przychodzi on ponownie z ka\u017cd\u0105 stron\u0105.\",\"befund_fremd_ohne_integrity\":\"Obcych skrypt\u00f3w bez atrybutu integrity: {anzahl} || Bez tego atrybutu nie sprawdza si\u0119, czy dostarczony plik jest tym oczekiwanym.\",\"befund_async_und_defer\":\"async i defer obok siebie || {async} z async, {defer} z defer. Oba \u0142aduj\u0105 si\u0119 obok, ale tylko defer zachowuje kolejno\u015b\u0107 \u2014 po zmieszaniu przebieg staje si\u0119 trudny do prze\u015bledzenia.\",\"befund_nichts_blockiert\":\"\u017baden skrypt nie zatrzymuje parsera\",\"befund_sicht_haelfte\":\"Parser zatrzymuje si\u0119 przed po\u0142ow\u0105 || Na {anteil} % dokumentu, z {fehlend} bajtami jeszcze przed sob\u0105. Skrypt w tym miejscu widzi mniej ni\u017c po\u0142ow\u0119 strony.\",\"befund_kein_preconnect\":\"Brak preconnect dla obcych host\u00f3w || Skrypt blokuj\u0105cy z obcego hosta potrzebuje DNS, TCP i TLS, zanim w og\u00f3le zacznie si\u0119 \u0142adowa\u0107.\",\"fehler_adresse\":\"Tego adresu nie da si\u0119 u\u017cy\u0107.\",\"fehler_netz\":\"Serwer by\u0142 nieosi\u0105galny.\",\"fehler_antwort\":\"Odpowied\u017a by\u0142a nieczytelna.\",\"fehler_captcha\":\"Sprawdzenie antyspamowe nie powiod\u0142o si\u0119. Zwykle pomaga ponowne wczytanie strony.\",\"fehler_kein_token\":\"Sprawdzenie antyspamowe nie dostarczy\u0142o znacznika.\",\"fehler_zu_viele\":\"Osi\u0105gni\u0119to limit {limit} zapyta\u0144 na godzin\u0119.\",\"fehler_zaehler\":\"Licznik jest niedost\u0119pny.\",\"fehler_pruefdienst\":\"Sprawdzenie antyspamowe jest niedost\u0119pne.\",\"fehler_aufbau\":\"Narz\u0119dzie jest b\u0142\u0119dnie skonfigurowane.\",\"fehler_methode\":\"Nieprawid\u0142owa metoda \u017c\u0105dania.\",\"fehler_eingabe\":\"Dane wej\u015bciowe by\u0142y nieczytelne.\",\"fehler_unbekannt\":\"Co\u015b posz\u0142o nie tak.\",\"grund_leer\":\"Nie podano adresu.\",\"grund_zu_lang\":\"Adres jest za d\u0142ugi.\",\"grund_schema\":\"Dzia\u0142aj\u0105 wy\u0142\u0105cznie http i https.\",\"grund_unlesbar\":\"Adresu nie da\u0142o si\u0119 roz\u0142o\u017cy\u0107.\",\"grund_benutzerinfo\":\"Adresy z nazw\u0105 u\u017cytkownika s\u0105 odrzucane.\",\"grund_gesperrter_bereich\":\"Ten adres wskazuje do sieci prywatnej.\",\"grund_kein_punkt\":\"Nazwa hosta potrzebuje kropki.\",\"grund_hostform\":\"Potrzebna jest nazwa domeny, nie adres IP.\",\"grund_port\":\"Ten port nie jest dopuszczony.\",\"grund_kein_dns\":\"Nazwa si\u0119 nie rozwi\u0105zuje.\"};<\/p>\n<p>    var ENDPUNKT = '\/lw-skripte.php';\n    var SITEKEY = '6LcrPkEtAAAAAPo1QCOf-IIM2fCL0UfdJz4y2iSY';\n    var STUFEN = ['hoch', 'mittel', 'niedrig', 'info', 'gut'];\n    var KLASSEN = ['blockierend', 'module', 'defer', 'async', 'daten'];<\/p>\n<p>    function liste(w) { return Array.isArray(w) ? w : []; }\n    function zahl(w) { return (typeof w === 'number' && isFinite(w)) ? w : null; }\n    function text(schluessel, daten) {\n        var t = T[schluessel];\n        if (typeof t !== 'string') { return null; }\n        return t.replace(\/\\{([a-z_0-9]+)\\}\/g, function (m, k) {\n            return (daten && daten[k] !== undefined && daten[k] !== null) ? String(daten[k]) : m;\n        });\n    }\n    function kb(bytes) { if (bytes === null) { return '-'; } if (bytes < 1024) { return bytes + ' B'; } return (Math.round(bytes \/ 102.4) \/ 10) + ' KB'; }\n\n    function bewerten(antwort) {\n        var a = antwort || {};\n        if (a.fehler) { return { fehler: String(a.fehler), grund: a.grund || null, limit: zahl(a.limit) }; }\n        var befunde = liste(a.befunde).map(function (f) {\n            return { key: String(f.key || ''), stufe: STUFEN.indexOf(f.stufe) === -1 ? 'info' : f.stufe, daten: (f.daten &#038;&#038; typeof f.daten === 'object') ? f.daten : {} };\n        });\n        var gruppen = {};\n        STUFEN.forEach(function (s) { gruppen[s] = befunde.filter(function (f) { return f.stufe === s; }); });\n        var z = (a.zaehlung &#038;&#038; typeof a.zaehlung === 'object') ? a.zaehlung : {};\n        var zaehlung = {};\n        KLASSEN.forEach(function (k) { zaehlung[k] = zahl(z[k]) || 0; });\n        var h = (a.hinweise &#038;&#038; typeof a.hinweise === 'object') ? a.hinweise : {};\n        var s = (a.sicht &#038;&#038; typeof a.sicht === 'object') ? a.sicht : null;\n        return {\n            fehler: null,\n            url: a.url ? String(a.url) : '', endurl: a.endurl ? String(a.endurl) : '',\n            status: zahl(a.status), typ: a.typ ? String(a.typ) : '', bytes: zahl(a.bytes),\n            urteil: (a.urteil === 'gut' || a.urteil === 'warnung' || a.urteil === 'kritisch') ? a.urteil : 'kritisch',\n            zaehlung: zaehlung, gesamt: zahl(a.gesamt) || 0,\n            skripte: liste(a.skripte).map(function (x) {\n                x = x || {};\n                return {\n                    nr: zahl(x.nr) || 0,\n                    klasse: KLASSEN.indexOf(x.klasse) === -1 ? 'daten' : x.klasse,\n                    src: x.src ? String(x.src) : '', host: x.host ? String(x.host) : '',\n                    fremd: !!x.fremd, imKopf: !!x.im_kopf, anteil: zahl(x.anteil) || 0,\n                    rumpf: zahl(x.rumpf) || 0, integrity: !!x.integrity,\n                    vorVorlage: !!x.vor_vorlage, schreibt: !!x.schreibt\n                };\n            }),\n            hinweise: { preload: zahl(h.preload) || 0, preconnect: zahl(h.preconnect) || 0,\n                modulepreload: zahl(h.modulepreload) || 0, dnsPrefetch: zahl(h['dns-prefetch']) || 0 },\n            sicht: s ? { anteil: zahl(s.anteil) || 0, fehlend: zahl(s.fehlend) || 0,\n                src: s.src ? String(s.src) : null, imKopf: !!s.im_kopf } : null,\n            befunde: befunde, stufengruppen: gruppen,\n            dauer: zahl(a.dauer_ms), limitRest: zahl(a.limit_rest)\n        };\n    }\n\n    function skriptLaden() {\n        return new Promise(function (auf) {\n            if (window.grecaptcha) { auf(true); return; }\n            var s = document.createElement('script');\n            s.src = 'https:\/\/www.google.com\/recaptcha\/api.js?render=' + SITEKEY;\n            s.onload = function () { auf(true); }; s.onerror = function () { auf(false); };\n            document.head.appendChild(s);\n            setTimeout(function () { auf(!!window.grecaptcha); }, 8000);\n        });\n    }\n    function tokenHolen() {\n        return skriptLaden().then(function (da) {\n            if (!da || !window.grecaptcha || !window.grecaptcha.ready) { return null; }\n            return new Promise(function (auf) {\n                var fertig = false;\n                function einmal(w) { if (!fertig) { fertig = true; auf(w); } }\n                setTimeout(function () { einmal(null); }, 12000);\n                try {\n                    window.grecaptcha.ready(function () {\n                        if (fertig) { return; }\n                        if (!window.grecaptcha.execute) { einmal(null); return; }\n                        window.grecaptcha.execute(SITEKEY, { action: 'skripte' }).then(function (t) { einmal(t || null); }, function () { einmal(null); });\n                    });\n                } catch (e) { einmal(null); }\n            });\n        }, function () { return null; });\n    }\n    function abfragen(url) {\n        return tokenHolen().then(function (token) {\n            return fetch(ENDPUNKT, { method: 'POST', headers: { 'Content-Type': 'application\/json' }, body: JSON.stringify({ url: url, token: token || '' }) })\n                .then(function (r) { return r.json().then(function (j) { return j; }, function () { return { fehler: 'antwort' }; }); }, function () { return { fehler: 'netz' }; });\n        });\n    }\n\n    window.LW_TEST = window.LW_TEST || {};\n    window.LW_TEST.SK = { bewerten: bewerten, darstellen: null, text: text, kb: kb,\n        ENDPUNKT: ENDPUNKT, STUFEN: STUFEN, KLASSEN: KLASSEN, T: T };\n\n    var btn = document.getElementById('sk-btn');\n    var out = document.getElementById('sk-ausgabe');\n    if (!btn || !out) { return; }\n\n    function el(tag, stil, txt) { var e = document.createElement(tag); if (stil) { e.setAttribute('style', stil); } if (txt !== undefined &#038;&#038; txt !== null) { e.textContent = txt; } return e; }\n    function wert(id) { var e = document.getElementById(id); return e ? e.value : ''; }\n    var UEBERSCHRIFT = 'font-family: \"Nunito Sans\", sans-serif; font-weight: 700; color: var(--text-primary, #e8e8ee); font-size: 0.95rem; margin: 22px 0 8px;';\n    var ZELLE = 'padding: 5px 12px 5px 0; color: var(--text-secondary, #a0a0b0); font-size: 0.87rem;';\n    var ZELLE_WERT = 'padding: 5px 12px 5px 0; color: var(--text-primary, #e8e8ee); font-size: 0.87rem; font-family: monospace; word-break: break-all;';\n    var KASTEN = 'background: var(--bg-body, #14141a); border: 1px solid var(--border, #2a2a35); border-radius: 8px; padding: 14px 16px; margin: 0 0 10px;';\n    var GUT = ' color: #7ee787;', WARN = ' color: #ffa94d;', ROT = ' color: #ff7b72;', GRAU = ' color: #8a8a99;';\n    var FARBEN = { hoch: '#ff7b72', mittel: '#ffa94d', niedrig: '#e3b341', info: '#8a8a99', gut: '#7ee787' };\n    var URTEIL = { gut: GUT, warnung: WARN, kritisch: ROT };\n    var KLASSE_FARBE = { blockierend: ROT, module: GUT, defer: GUT, async: WARN, daten: GRAU };\n    function gitter(sp) { return el('div', 'display: grid; grid-template-columns: ' + sp + '; gap: 0 18px; align-items: baseline;'); }\n    function paar(g, n, w, stil) { g.appendChild(el('div', ZELLE, n)); g.appendChild(el('div', ZELLE_WERT + (stil || ''), w)); }\n\n    function darstellen(b, ziel) {\n        ziel.innerHTML = '';\n        if (b.fehler) {\n            var txt = T['fehler_' + b.fehler] || T.fehler_unbekannt;\n            if (b.grund &#038;&#038; T['grund_' + b.grund]) { txt = txt + ' ' + T['grund_' + b.grund]; }\n            if (b.limit !== null) { txt = txt.replace('{limit}', String(b.limit)); }\n            ziel.appendChild(el('p', ZELLE + WARN + ' margin: 0;', txt));\n            return;\n        }\n\n        ziel.appendChild(el('div', 'font-size: 1.05rem; font-weight: 700; margin: 0 0 6px;' + URTEIL[b.urteil], T['urteil_' + b.urteil]));\n        ziel.appendChild(el('p', ZELLE + ' margin: 0 0 12px;', text('zusammenfassung', { gesamt: b.gesamt, blockierend: b.zaehlung.blockierend, bytes: kb(b.bytes) })));\n\n        \/\/ --- Zaehlung je Klasse\n        ziel.appendChild(el('div', UEBERSCHRIFT, T.h_klassen));\n        var gk = gitter('auto auto auto');\n        [T.spalte_klasse, T.spalte_anzahl, T.spalte_bedeutung].forEach(function (s) {\n            gk.appendChild(el('div', ZELLE + ' font-weight: 700; color: var(--text-primary, #e8e8ee);', s));\n        });\n        KLASSEN.forEach(function (k) {\n            gk.appendChild(el('div', ZELLE_WERT + KLASSE_FARBE[k], T['klasse_' + k]));\n            gk.appendChild(el('div', ZELLE_WERT, String(b.zaehlung[k])));\n            gk.appendChild(el('div', ZELLE, T['klasse_hilfe_' + k]));\n        });\n        ziel.appendChild(gk);\n\n        \/\/ --- Der Kern: wo der Parser zuletzt stehen bleibt\n        if (b.sicht) {\n            ziel.appendChild(el('div', UEBERSCHRIFT, T.h_sicht));\n            var kasten = el('div', KASTEN + ' border-left: 3px solid ' + (b.sicht.anteil < 50 ? FARBEN.mittel : FARBEN.info) + ';');\n            kasten.appendChild(el('div', 'color: var(--text-primary, #e8e8ee); font-size: 0.9rem; font-weight: 700;',\n                text('sicht_kopf', { anteil: b.sicht.anteil })));\n            kasten.appendChild(el('div', ZELLE + ' padding: 6px 0 0; line-height: 1.55;',\n                text('sicht_text', { fehlend: kb(b.sicht.fehlend), quelle: b.sicht.src || T.eingebettet })));\n            ziel.appendChild(kasten);\n            \/\/ Ein Balken macht die Stelle sichtbar.\n            var bahn = el('div', 'height: 10px; background: var(--bg-body, #14141a); border: 1px solid var(--border, #2a2a35); border-radius: 5px; overflow: hidden; margin: 4px 0 2px;');\n            bahn.appendChild(el('div', 'height: 100%; width: ' + Math.max(1, Math.min(100, b.sicht.anteil)) + '%; background: ' + (b.sicht.anteil < 50 ? FARBEN.mittel : FARBEN.gut) + ';'));\n            ziel.appendChild(bahn);\n            ziel.appendChild(el('p', ZELLE + GRAU + ' margin: 0 0 6px;', T.balken_legende));\n        } else {\n            ziel.appendChild(el('div', UEBERSCHRIFT, T.h_sicht));\n            ziel.appendChild(el('p', ZELLE + GUT + ' margin: 0;', T.sicht_keins));\n        }\n\n        \/\/ --- Die Skripte in Dokumentreihenfolge\n        ziel.appendChild(el('div', UEBERSCHRIFT, T.h_skripte));\n        var huelle = el('div', 'overflow-x: auto;');\n        var gs = gitter('auto auto auto auto auto');\n        [T.spalte_nr, T.spalte_klasse, T.spalte_ort, T.spalte_stelle, T.spalte_quelle].forEach(function (s) {\n            gs.appendChild(el('div', ZELLE + ' font-weight: 700; color: var(--text-primary, #e8e8ee); white-space: nowrap;', s));\n        });\n        b.skripte.forEach(function (s) {\n            gs.appendChild(el('div', ZELLE_WERT + GRAU, String(s.nr)));\n            gs.appendChild(el('div', ZELLE_WERT + KLASSE_FARBE[s.klasse] + ' white-space: nowrap;', T['klasse_' + s.klasse]));\n            gs.appendChild(el('div', ZELLE_WERT + GRAU + ' white-space: nowrap;', s.imKopf ? T.ort_kopf : T.ort_koerper));\n            gs.appendChild(el('div', ZELLE_WERT + GRAU + ' white-space: nowrap;', s.anteil + ' %'));\n            var q = s.src === '' ? (T.eingebettet + ' (' + kb(s.rumpf) + ')') : s.src;\n            gs.appendChild(el('div', ZELLE_WERT + (s.fremd ? WARN : ''), q));\n        });\n        huelle.appendChild(gs);\n        ziel.appendChild(huelle);\n\n        \/\/ --- Abruf und Ladehinweise\n        var ga = gitter('auto auto');\n        paar(ga, T.zeile_adresse, b.endurl || b.url, GRAU);\n        paar(ga, T.zeile_status, b.status === null ? '-' : String(b.status), b.status === 200 ? GUT : WARN);\n        paar(ga, T.zeile_groesse, kb(b.bytes), GRAU);\n        paar(ga, T.zeile_preconnect, String(b.hinweise.preconnect), GRAU);\n        paar(ga, T.zeile_preload, String(b.hinweise.preload), GRAU);\n        if (b.dauer !== null) { paar(ga, T.zeile_dauer, b.dauer + ' ms', GRAU); }\n        if (b.limitRest !== null) { paar(ga, T.zeile_limit, String(b.limitRest), GRAU); }\n        ziel.appendChild(ga);\n\n        \/\/ --- Befunde\n        ziel.appendChild(el('div', UEBERSCHRIFT, T.h_befunde));\n        var irgendwas = false;\n        STUFEN.forEach(function (s) {\n            var gr = b.stufengruppen[s];\n            if (!gr.length) { return; }\n            irgendwas = true;\n            ziel.appendChild(el('div', 'font-weight: 700; font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.5px; margin: 14px 0 6px; color: ' + FARBEN[s] + ';', T['stufe_' + s] + ' (' + gr.length + ')'));\n            gr.forEach(function (f) {\n                var k = el('div', KASTEN + ' border-left: 3px solid ' + FARBEN[s] + ';');\n                var d = {};\n                Object.keys(f.daten).forEach(function (n) {\n                    var w = f.daten[n];\n                    d[n] = Array.isArray(w) ? w.join(', ') : w;\n                });\n                var t = text('befund_' + f.key, d) || f.key;\n                var teile = t.split(' || ');\n                k.appendChild(el('div', 'color: var(--text-primary, #e8e8ee); font-size: 0.9rem; font-weight: 700;', teile[0]));\n                if (teile[1]) { k.appendChild(el('div', ZELLE + ' padding: 6px 0 0; line-height: 1.55;', teile[1])); }\n                ziel.appendChild(k);\n            });\n        });\n        if (!irgendwas) { ziel.appendChild(el('p', ZELLE + ' margin: 0;', T.keine_befunde)); }\n    }\n    window.LW_TEST.SK.darstellen = darstellen;\n\n    var laeuft = false;\n    btn.addEventListener('click', function () {\n        if (laeuft) { return; }\n        laeuft = true; btn.disabled = true;\n        out.innerHTML = '';\n        out.appendChild(el('p', ZELLE + GRAU + ' margin: 0;', T.laeuft));\n        abfragen(wert('sk-url')).then(function (a) { darstellen(bewerten(a), out); laeuft = false; btn.disabled = false; },\n            function () { darstellen(bewerten({ fehler: 'netz' }), out); laeuft = false; btn.disabled = false; });\n    });\n})();\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Narz\u0119dzie czyta ka\u017cdy znacznik script na stronie w kolejno\u015bci dokumentu, dzieli je na blokuj\u0105ce, defer, async, module i dane oraz mierzy t\u0119 jedn\u0105 liczb\u0119, od kt\u00f3rej zale\u017cy pole widzenia skryptu blokuj\u0105cego: jak g\u0142\u0119boko w dokumencie stoi i ile bajt\u00f3w znacznik\u00f3w pozostaje w tym momencie nieprzeczytanych. Nic nie jest renderowane.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":9284,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-tool-base.php","meta":{"footnotes":""},"tags":[92762,92283,92077],"class_list":["post-15723","page","type-page","status-publish","hentry","tag-web-development-pl","tag-web-performance-pl","tag-web-security-pl"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Analiza \u0142adowania skrypt\u00f3w: co skrypt widzi w chwili uruchomienia - Lukas Wojcik - Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.lukaswojcik.com\/blog\/pl\/narzedzia\/script-loading-execution-order-analyzer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Analiza \u0142adowania skrypt\u00f3w: co skrypt widzi w chwili uruchomienia - Lukas Wojcik - Blog\" \/>\n<meta property=\"og:description\" content=\"Narz\u0119dzie czyta ka\u017cdy znacznik script na stronie w kolejno\u015bci dokumentu, dzieli je na blokuj\u0105ce, defer, async, module i dane oraz mierzy t\u0119 jedn\u0105 liczb\u0119, od kt\u00f3rej zale\u017cy pole widzenia skryptu blokuj\u0105cego: jak g\u0142\u0119boko w dokumencie stoi i ile bajt\u00f3w znacznik\u00f3w pozostaje w tym momencie nieprzeczytanych. Nic nie jest renderowane.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.lukaswojcik.com\/blog\/pl\/narzedzia\/script-loading-execution-order-analyzer\/\" \/>\n<meta property=\"og:site_name\" content=\"Lukas Wojcik - Blog\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/08\/og-default.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/narzedzia\\\/script-loading-execution-order-analyzer\\\/\",\"url\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/narzedzia\\\/script-loading-execution-order-analyzer\\\/\",\"name\":\"Analiza \u0142adowania skrypt\u00f3w: co skrypt widzi w chwili uruchomienia - Lukas Wojcik - Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/#website\"},\"datePublished\":\"2026-09-06T09:03:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/narzedzia\\\/script-loading-execution-order-analyzer\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/narzedzia\\\/script-loading-execution-order-analyzer\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/narzedzia\\\/script-loading-execution-order-analyzer\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Toolbox\",\"item\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/toolbox-3\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Analiza \u0142adowania skrypt\u00f3w: co skrypt widzi w chwili uruchomienia\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/\",\"name\":\"Lukas Wojcik - Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/#\\\/schema\\\/person\\\/895f7604f9b6b71aad9bba33af28d0f9\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/#\\\/schema\\\/person\\\/895f7604f9b6b71aad9bba33af28d0f9\",\"name\":\"luky\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/lw-x2.jpg\",\"url\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/lw-x2.jpg\",\"contentUrl\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/lw-x2.jpg\",\"width\":424,\"height\":636,\"caption\":\"luky\"},\"logo\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/lw-x2.jpg\"},\"sameAs\":[\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Analiza \u0142adowania skrypt\u00f3w: co skrypt widzi w chwili uruchomienia - Lukas Wojcik - Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.lukaswojcik.com\/blog\/pl\/narzedzia\/script-loading-execution-order-analyzer\/","og_locale":"en_US","og_type":"article","og_title":"Analiza \u0142adowania skrypt\u00f3w: co skrypt widzi w chwili uruchomienia - Lukas Wojcik - Blog","og_description":"Narz\u0119dzie czyta ka\u017cdy znacznik script na stronie w kolejno\u015bci dokumentu, dzieli je na blokuj\u0105ce, defer, async, module i dane oraz mierzy t\u0119 jedn\u0105 liczb\u0119, od kt\u00f3rej zale\u017cy pole widzenia skryptu blokuj\u0105cego: jak g\u0142\u0119boko w dokumencie stoi i ile bajt\u00f3w znacznik\u00f3w pozostaje w tym momencie nieprzeczytanych. Nic nie jest renderowane.","og_url":"https:\/\/www.lukaswojcik.com\/blog\/pl\/narzedzia\/script-loading-execution-order-analyzer\/","og_site_name":"Lukas Wojcik - Blog","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/08\/og-default.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.lukaswojcik.com\/blog\/pl\/narzedzia\/script-loading-execution-order-analyzer\/","url":"https:\/\/www.lukaswojcik.com\/blog\/pl\/narzedzia\/script-loading-execution-order-analyzer\/","name":"Analiza \u0142adowania skrypt\u00f3w: co skrypt widzi w chwili uruchomienia - Lukas Wojcik - Blog","isPartOf":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/#website"},"datePublished":"2026-09-06T09:03:06+00:00","breadcrumb":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/pl\/narzedzia\/script-loading-execution-order-analyzer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.lukaswojcik.com\/blog\/pl\/narzedzia\/script-loading-execution-order-analyzer\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.lukaswojcik.com\/blog\/pl\/narzedzia\/script-loading-execution-order-analyzer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.lukaswojcik.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Toolbox","item":"https:\/\/www.lukaswojcik.com\/blog\/toolbox-3\/"},{"@type":"ListItem","position":3,"name":"Analiza \u0142adowania skrypt\u00f3w: co skrypt widzi w chwili uruchomienia"}]},{"@type":"WebSite","@id":"https:\/\/www.lukaswojcik.com\/blog\/#website","url":"https:\/\/www.lukaswojcik.com\/blog\/","name":"Lukas Wojcik - Blog","description":"","publisher":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/#\/schema\/person\/895f7604f9b6b71aad9bba33af28d0f9"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.lukaswojcik.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/www.lukaswojcik.com\/blog\/#\/schema\/person\/895f7604f9b6b71aad9bba33af28d0f9","name":"luky","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/07\/lw-x2.jpg","url":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/07\/lw-x2.jpg","contentUrl":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/07\/lw-x2.jpg","width":424,"height":636,"caption":"luky"},"logo":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/07\/lw-x2.jpg"},"sameAs":["https:\/\/www.lukaswojcik.com\/blog"]}]}},"_links":{"self":[{"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/pages\/15723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/comments?post=15723"}],"version-history":[{"count":0,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/pages\/15723\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/pages\/9284"}],"wp:attachment":[{"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/media?parent=15723"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/tags?post=15723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}