2012-07-13 19 views
5

Dynamicznie generuję niektóre elementy sterujące na stronie. stanie się powolne, kiedy będziemy mieć około pięćdziesięciu kontroli.Techniki optymalizacji kodu w extjs?

jakie są techniki/prowadnice optymalizacji kodu używane w extjs? Czy istnieją konkretne metody, które spowalniają cały ładowanie?

+2

Sencha opublikował właśnie artykuł o technikach wydajności (http://www.sencha.com/blog/ext-js-4-1-performance/). Może to nie być bezpośrednio związane z twoją sytuacją, ale mimo to warto o tym pamiętać. –

Odpowiedz

1

moje wskazówki są

  • Zastosowanie Ext.container.Container zamiast Ext.panel.Panel.
  • Zamiast dodawać komponenty ext, użyj XTemplate z widokiem danych, aby załadować podobne kontrolki.
  • jeśli używasz wielu zdjęć, użyj ikonki obrazu - Sprite obrazu to zbiór obrazów umieszczonych w jednym obrazie. Strona z wieloma obrazami może zająć dużo czasu i generować wiele żądań serwera. Używanie duszków obrazowych zmniejszy liczbę żądań serwera i zaoszczędzi przepustowość. http://css-tricks.com/css-sprites/
6

Sencha ma wielkie posty:

Ext JS 4.1 Performance temat:

  • Network utajenia, który wpływa na początkowy czas uruchamiania ciężko, ale również przechowywać dane obciążenia czasu.
  • Przetwarzanie CSS.
  • Wykonanie JavaScript.
  • DOM manipulacja.

Optimizing Ext JS 4.1-based Applications o poradach dotyczących optymalizacji i narzędziu Page Analyzer.

Powiązane problemy