Optymalizacja, kompresja skryptów JavaScript

luty 3, 2007 – 9:31 po południu

W większości przypadków programiści tworząc aplikacje nie muszą zbytnio przywiązywać uwagi do optymalizacji, ponieważ w trakcie kompilacji następuje optymalizacja. W tedy to zmienne, funkcje, obiekty są zastępowane na różne mało znaczące nazwy, zrozumiałe tylko dla procesora. Jednak JavaScript nie jest językiem kompilowanym, a dodatku kod pobierany jest w całości przez przeglądarkę, a dopiero potem interpretowany. Więc szybkość działania kodu JS zależy od czasu pobierania oraz szybkości wykonywania. W tym artykule zajmiemy się sposobami na zmniejszenie czasu pobierania.

W językach kompilowanych programiści nie muszą przejmować się tym, że zmienne mają kilkadziesiąt znaków bądź tym, że obszerne komentarze spowolnią działanie programu. Jednak w JavaScript tak dobrze nie ma.

Przeglądarka pobiera skrypt JS w postaci kodu źródłowego, czyli wraz z całą strukturą pliku, tzn. komentarzami, długimi nazwami zmiennych oraz pustymi liniami czy białymi znakami. Wszystko to składa się na wydłużenie czasu pobierania, a co za tym idzie wydłużając całkowity czas potrzebny na wykonanie skryptu.

Należy pamiętać, że jeden pakiet TCP/IP to 1160 bajtów. Więc aby zoptymalizować czas pobierania najlepiej jest tworzyć pliki zajmujące 1160 bajtów lub mniej.

Poniżej opiszę kilka sposobów na zmniejszenie objętości pliku.

Usuwamy komentarze.

Komentarze pozwalają na wytłumaczenie działania kodu, z tego względu podczas programowania, szczególnie w zespole, są one ważne. Jednak po zakończeniu pisania skryptu powinniśmy usunąć wszystkie komentarze, ponieważ nie będą już one potrzebne, przynajmniej dla użytkownika, czy interpretera, a zmniejszy to dość znacznie liczbę bajtów znajdujących się w pliku.

Usuwamy znaki tabulacji i spacji

Chyba wszystkie techniki pisania programów zalecają używanie tabulacji lub/i spacji, aby zwiększyć czytelność kodu. Jest to bardzo dla programisty, jednak dla interpretera nie ma to znaczenia, dlatego możemy usunąć wszystkie znaki tabulacji i spacji.

Usuwamy wszystkie znaki nowego wiersza

Jest to łatwy sposób na zmniejszenie objętości kodu. Należy pamiętać o tym, aby po każdej linii stosować znak średnika, wtedy nie potrzebne staną się znaki nowej linii.

Zastępujemy nazwy zmiennych

Zastępowanie nazw zmiennych nie jest rzeczą prostą. Z tego względu, że robiąc to ręcznie tracimy wiele czasu, nie wspominając już o mozolnej pracy, jaką musimy wykonać. A nie możemy użyć opcji „znajdź i zmień”, ponieważ nie wszystkie nazwy zmiennych czy funkcji chcemy zmieniać. Najlepiej użyć jakiegoś programu, który potrafi odróżnić nazwy prywatnych od publicznych zmiennych, itp.

Pages: 1 2

Post a Comment