Czy powinienem skopiować wszystkie moje źródła JavaScript w jeden plik?

Question

W bieżącym projekcie internetowym używam kilku wtyczek jQuery i inicjuję je tuż przed zamykającym znacznikiem body. Moje pytanie brzmi, czy z punktu widzenia czasu ładowania/wydajności najlepiej byłoby, gdyby wszystkie takie inicjalizacje zostały skopiowane i skopiowane do jednego, zewnętrznego pliku js? wtyczki są inicjowane w ten sam sposób na wszystkich stronach w witrynie, więc wydaje się, że ładowanie jednego, scentralizowany plik byłby najlepszy, nie? dzięki za wszelkie opinie.

Answer 1

Wszystko zależy od tego, nad czym pracujesz, ale oto kilka zasad.

Żądania HTTP oznaczają koszty ogólne (szczególnie w przypadku HTTPS), więc staraj się jak najmniej zarabiać, ponieważ w przypadku urządzeń przenośnych ma to kluczowe znaczenie. jest jednak kilka wyjątków; Leniwe ładowanie plików JavaScript, które nie są potrzebne, gdy inicjalizuje się aplikacja, jest czasami inteligentne, więc są one buforowane, gdy są naprawdę potrzebne, używanie CDN do popularnych bibliotek czasami może prowadzić do zwiększenia wydajności z powodu pobierania równoległego.

pliki do pobrania tak małe, jak to możliwe, więc zminimalizuj wszystkie JavaScript i CSS, niektóre nawet pomniejsz HTML.

upewnij się, że nagłówki w pamięci podręcznej są ustawione poprawnie (niektóre zostały ustawione na rok lub więcej), a gdy wdrożona jest nowa wersja twojego skryptu, dołącz atrybut src elementu skryptu z numerem wersji, aby przeciwdziałać buforowaniu, np. : <script src="myapp.js?v=2"></script>

Czasami postrzegana wydajność jest lepsza od rzeczywistej wydajności, co oznacza; ładowanie i renderowanie HTML jest ważniejsze niż inicjalizacja aplikacji. można to zrobić poprzez asynchroniczne ładowanie plików JavaScript (poprzez wstawianie elementów skryptów z JavaScriptem, jak Google, lub za pomocą programów ładujących skrypt, które robią to za ciebie). ale prowadzi to do nowych wyzwań, takich jak kolejność wykonywania załadowanych plików lub interakcja ze stroną przed pełnym załadowaniem i przeanalizowaniem plików skryptów.

Ostatecznie zależy to w dużej mierze od architektury twojej aplikacji lub strony internetowej i od tego, jaka jest interakcja z nią, czy chcesz dokładniej wyjaśnić, podając kilka przykładów?

PM5544.

Ostatnie pytanie

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 Powiązane problemy

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.