2012-07-13 12 views
5

Tôi đang tạo động một số điều khiển trong một trang. nó sẽ trở nên chậm chạp khi chúng ta có khoảng năm mươi điều khiển.Kỹ thuật tối ưu hóa mã trong extjs?

các kỹ thuật/hướng dẫn tối ưu hóa mã được sử dụng trong extjs là gì? Có phương pháp cụ thể nào sẽ làm chậm toàn bộ quá trình tải không?

+2

Sencha vừa xuất bản một bài viết về kỹ thuật hiệu suất (http://www.sencha.com/blog/ext-js-4-1-performance/). Điều này có thể không liên quan trực tiếp đến tình huống của bạn, nhưng hữu ích để xem xét dù sao đi nữa. –

Trả lời

1

lời khuyên của tôi là

  • Sử dụng Ext.container.Container hơn Ext.panel.Panel.
  • Thay vì thêm thành phần mở rộng, hãy sử dụng XTemplate với chế độ xem dữ liệu để tải các điều khiển tương tự.
  • nếu bạn đang sử dụng nhiều hình ảnh sau đó sử dụng hình ảnh sprites - Một hình ảnh sprite là một tập hợp các hình ảnh đưa vào một hình ảnh duy nhất. Một trang web có nhiều hình ảnh có thể mất nhiều thời gian để tải và tạo ra nhiều yêu cầu máy chủ. Sử dụng hình ảnh sprites sẽ giảm số lượng yêu cầu máy chủ và tiết kiệm băng thông. http://css-tricks.com/css-sprites/
6

Sencha có bài viết tuyệt vời:

Ext JS 4.1 Performance về:

  • Độ trễ mạng làm ảnh hưởng đến thời gian khởi động ban đầu nặng nề, mà còn lưu trữ dữ liệu thời gian tải.
  • Xử lý CSS.
  • Thực thi JavaScript.
  • Thao tác DOM.

Optimizing Ext JS 4.1-based Applications về mẹo tối ưu hóa và công cụ Trình phân tích trang.