Grupowanie nowoczesnych aplikacji internetowych
Nowoczesne aplikacje internetowe często korzystają z narzędzia do grupowania, aby tworzyć produkcyjne „pakiety” plików (skryptów, arkuszy stylów itp.), które są zoptymalizowane, zminimalizowane i mogą być szybciej pobierane przez użytkowników. W części Optymalizacja wydajności witryny przy użyciu pakietu SDK pokażemy, jak skutecznie optymalizować zasoby witryny za pomocą pakietu internetowego. To pomoże użytkownikom szybciej ładować Twoje witryny i wchodzić z nimi w interakcje.
![Logo pakietu internetowego.](https://web.developers.google.cn/static/articles/webpack/image/webpack-logo.png?authuser=9&hl=pl)
webpack to jedno z najpopularniejszych obecnie narzędzi do grupowania. Wykorzystanie jego funkcji do optymalizacji nowoczesnego kodu, podziału kodu na fragmenty o znaczeniu krytycznym i niekrytycznym oraz wyeliminowanie nieużywanego kodu (a to tylko kilka z nich) pozwoli ograniczyć koszty związane z siecią i przetwarzaniem aplikacji.
![Przed i po zastosowaniu optymalizacji JavaScript. Skrócony czas interakcji](https://web.developers.google.cn/static/articles/webpack/image/before-after-applying-ja-4050ad9acad04.png?authuser=9&hl=pl)
Zainspirowane rozdzielaniem kodu w Bundle Buddy autorstwa Susie Lu
Zacznijmy od omówienia jednego z najdroższych zasobów nowoczesnej aplikacji – JavaScriptu.