Poprawa wydajności naszego kodu jQuery

Zawsze uważałem, ciekawy artykuł, a wszelkie dyskusje o tym, jak uczynić kod bardziej wydajne.
I zawsze informowani za każdym razem, że znalazłem się w obliczu nowego języka, przed PHP, Java, a następnie z jQuery ramowej. To nie tylko, aby zoptymalizować czas odpowiedzi, czy tylko do doświadczenia użytkownika szybciej i bardziej atrakcyjne.
Dowiedz się, jak zoptymalizować kod jest również widoczny na jakość samego kodu, co do których mam zawsze utrzymywał.
Myślę, że trzeba myśleć o pracy jako programista, który z rzemieślnika, nasz produkt jest artefaktem i jako takie mogą być bardziej lub mniej wyrafinowany.
Istnieje wiele sposobów na osiągnięcie tego samego rezultatu, ale niektóre są lepsze od innych, choć nie dla wszystkich projektów jest niezbędne, aby zwracać uwagę na wydajność, należy zawsze korzystać z dobrym podejściem, to będzie przydatne w potrzebie.
Istnieje wiele środków na optymalizacji jQuery, kilka porad są wszechobecne, innych nauczycieli akademickich, inne wydają się sprzeczne, to możemy zrobić trochę porządku i drugiej listy podpisała również bezpośrednie doświadczenie najlepszych praktyk, że nie możemy zrezygnować.

Użyj najnowszej wersji ram

Nie bójcie się iść do nowej wersji jQuery, kompatybilności wstecznej jest gwarantowana i każdego wydania przynosi znaczącej poprawy w funkcjonowaniu z przepisywania sekcji rdzenia i wyczuwalny poprawy najczęściej używanych funkcji. Tylko jedno zwolnienie do następnego niektórych funkcji czasu rozmawiając o egzekucjach obniżona do 50%. Spójrz na poniższy rysunek:

Użyj skrótu do DOM Gotowe

Zamiast:

 



 $ (Document). Ready (function () {/ * logiki * /})

 

zaoszczędzić trochę bajtów za pomocą jego skrótu:

 



 $ (Function () {/ * logiki * /});

 

Odnosząc się do obciążenia okno logiki

Nie ma potrzeby pisać wszystko w dokumencie gotowe. Delegaci logiki do wykonywania ładowanie okna. Na przykład wiązanie jednego przycisku na końcu długiej formy mogą się zrelaksować i poczekać do określenia.

 $ (Function () {



  



 / / # Tutaj logiki







 });







 $ (Okno). Obciążenia (function () {



  



 $ ("ButtonID"). Click (function () {



    



 / / # Logika ta stała się wiążąca dla przycisku



  



 });







 });

Skrypty Minificare

Po pierwsze, proponuję, aby zainstalować na Firefox (jako dodatek FireBug ) i wtyczki na stronie Google Chrome prędkości, które można znaleźć tutaj . Jest to użyteczne narzędzia, jak również ogólnych porad, aby zwiększyć wydajność swojej stronie ma bardzo cenne: Wersja minificata oferuje wszystkie skrypty, które można znaleźć w środku. Wykonuje również dla CSS i zapewnia także zoptymalizowane wersje obrazów, ale niech nas do refleksji na temat naszej ciężkiej jQuery, dołączyć dwa zrzuty ekranu poniżej wyjaśnić lepiej niż tysiąc słów, co trzeba zrobić:

Strona Google prędkości wydaje się w Thai:

Kliknięcie na zapisz jako minificata uzyskać wersję skryptu:

Minificare każdego ze skryptów na stronie, że można podjąć, aby zaoszczędzić dziesiątki KB do pobrania.

• <<
• 1
• 2
• >>