Wczytywanie kodu JavaScript: żądania HTTP -v- ładowanie asynchroniczne

Mam trudności z podjęciem decyzji, które podejście jest lepsze pod względem wydajności witryny.Wczytywanie kodu JavaScript: żądania HTTP -v- ładowanie asynchroniczne

Należy zainstalować wszystkie wymagane wtyczki jQuery w jednym pliku do umieszczenia na każdej stronie witryny LUB podzielić wtyczki na pojedyncze pliki i użyć metody jQuery.getScript() w celu załadowania ich w razie potrzeby.

Czy istnieją rzeczywiste korzyści przy ładowaniu skryptów asynchronicznie na jednym żądaniu http?

Wszystkie moje Javascript będą minified i spakowane gzipem.

Dzięki!

Źródło

2010-12-20 mindwire22

Możesz być także zainteresowany LabJS - http://labjs.com –

Jedynym sposobem, aby wiedzieć na upewnij się, że wypróbujesz oba i ** zmierzysz wyniki ** dla twojego konkretnego przypadku. – Day

Mam zalety ładowania tylko jednego pliku js (z frameworkami ładowanymi przez CDN) - działa to w przeglądarkach komputerowych. Ale obawiam się, że coraz więcej stron jest dostępnych za pośrednictwem urządzeń mobilnych, które mają bardzo małe pamięci podręczne (iPhone ma 25k), co oznacza, że zawsze będą musiały załadować ten jeden plik js. Czy tworzenie manifestu magazynu offline - dla osób obsługujących telefony komórkowe - może być pracą? – mindwire22

To nie jest takie proste i zależy od dystrybucji javascript na twojej stronie. Spójrz na to pytanie: Which is better for JavaScript load-time: Compress all in one big file or load all asynchronously?

Źródło

2010-12-20 07:19:01

Jedna prośba będzie lepsza dla wydajności. Kropka. Jedynym minusem jest to, że za każdym razem, gdy jeden z plików się zmienia, całość się zmienia (i będzie musiała zostać pobrana ponownie). Wtyczki niewiele się zmienią, więc umieściłem wszystko (w miarę możliwości) w jednym pliku.

Umieść rdzeń jQuery również w tym pliku. A także twoje własne javascripts. Tylko upewnij się, że jest w odpowiedniej kolejności :)

Źródło

2010-12-20 01:32:23 Rudie

Niekoniecznie prawda; jeśli używane jest buforowanie długoterminowe (tak, że nie jest wysyłane żadne żądanie HTTP), to nie ma kary za wydajność i może to być wzrost wydajności (przetwarzanie tylko wymaganych skryptów, a strona ładuje się szybciej, ponieważ skrypty są pobierane tylko po renderowaniu strony). –

Wypróbuj wtyczkę YSlow do przeglądarki Firefox i wypróbuj różne konfiguracje.

To powiedziawszy, zminimalizowanie twojego js do jednego pliku byłoby łatwym sposobem z doskonałymi wynikami. Otrzymasz jeden plik i często jest on znacznie mniejszy niż suma części.

Źródło

2010-12-20 17:30:48

Z mojego Poit widzenia najlepszym rozwiązaniem do tej pory jest controljs

Czytaj cały wpis http://www.stevesouders.com/blog/2010/12/15/controljs-part-1/

Źródło

2010-12-20 18:30:38