2. Fórumok
  3. Szoftverfejlesztés
  4. CSS topic

Új hozzászólás Aktív témák

  • #2747 Taci addikt
    Új Válasz #2747
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    Privát üzenet küldése

    Taci

    addikt

    Adott a Chrome-os Coverage Report, ami megmutatja, hogy a CSS és JS fájlok melyik részei vannak csak használatban, hogy azokat a <head> szekcióba építve gyorsítani lehessen a betöltést. A többi pedig meg async load-on (preload) keresztül lesz meghívva, így csak a tartalom kirajzolása után töltődik, ezért gyorsabb(nak érződik/látszódik) az oldal betöltése.

    Na ezt a Coverage Reportot ki lehet exportálni, ami ad egy .json fájlt.

    Ismertek olyan tool-t, amivel össze lehet ereszteni ezt a .json fájlt, illetve az érintett CSS és JS fájlokat, hogy eredményül visszaadja szépen kiszedve, hogy mit kell inline a HTML kódba illeszteni, és mi mehet külön?

    Maga a .json fájl -tól-ig szakaszokat tartalmaz, megmondja, hogy az adott fájlban mettől meddig van az a kódrészlet, ami mehet a HTML kódba direktben.
    Szóval meg tudom írni én is, de idő, és biztosan van erre már tool, csak én nem ismerem. Kerestem persze, de amiket adott találatnak, nagyon nem működtek megfelelően.

    Köszi.

Új hozzászólás Aktív témák