Najlepsza praktyka optymalizacji ładowania javascript

Przeczytałem kilka artykułów online na temat optymalizacji ładowania javascript. Kilka kluczowych punktów, które otrzymałem, to zminimalizowanie liczby plików skryptowych (żądań http), zminimalizowanie i włączenie gzip na serwerze. Obecnie po mojej stronie robione są wszystkie pliki javascript, a gzip można po prostu włączyć.

Część 1)

Moim problemem jest to, że mam około 20 plików javascript, jest jeden common.js, który ma wszystkie podstawowe funkcje. Poza tym każda strona ładowałaby co najmniej jeden inny plik, który implementuje funkcjonalność tej strony.

Rozwiązanie 1 polega na połączeniu wszystkich skryptów w jednym dużym pliku skryptu i załadowaniu go raz dla każdego klienta, co wydaje się tym, co robią wszyscy inni. Zgaduję, że YUI lub JSMin można wykorzystać do kompresji, więc powinienem połączyć pliki ręcznie?

Rozwiązanie 2, leniwe ładowanie, gdy wymagana jest wymagana funkcja, tak naprawdę nie wiem, jak to działa, ale wydaje się, że jest to sposób na zrobienie tego, choć nadal wymaga więcej żądań http. Bardzo chciałbym usłyszeć jakieś informacje na ten temat.

Część 2)

Aplikacja internetowa, nad którą pracuję, zostanie wdrożona na wielu innych komputerach, ponieważ javascripts są dość małe, czy dobrą praktyką jest stworzenie skryptu, który dynamicznie ładuje najnowszy skrypt z centralnego serwera, aby każdy klient uruchomił najnowszy skrypt ?

questionAnswers(3)

yourAnswerToTheQuestion