Xamarin Forms - Dicas de desempenho


Neste artigo vou apresentar algumas dicas para melhorar o desempenho de aplicações Xamarin Forms. Elas foram sugeridas por Jason Smith da Xamarin e apresentadas neste vídeo : https://www.youtube.com/watch?v=RZvdql3Ev0E eu apenas extrai e traduzi as dicas.

Dicas de desempenho para aplicações Xamarin Forms por Json Smith.

1 - Dicas Gerais

ATIVE a compilação XAML se você estiver usando código XAML. Ex:  [assembly: XamlCompilation(XamlCompilationOptions.Compile)]

EVITE realizar o Binding quando a atribuição estática for suficiente.

NÃO atribua valores padrão. Fazer isso tem um custo mesmo que você não esteja modificando o valor.

EVITE usar o recurso da transparência.

USE async/await para evitar bloquear a thread principal. (É uma boa prática)

CONSIDERE inflar visões fora da thread principal, mas não se esqueça de adicioná-las à árvore visual na thread principal.

NÃO use a versão genérica do BindableProperty.Create. (use a versão baseada na cadeia de caracteres com operador nameof).
 
PASSE o MessagingCenter ou como método estático ou como método de instância e não como uma expressão lambda.
 
2 - Layout

NÃO use o layout StackLayout para hospedar uma única view filha (child).

NÃO use o layout Grid quando usar um layout StackLayout resolve o seu problema.

NÃO use vários layouts StackLayouts quando um layout Grid for suficiente.

EVITE usar o layout CarouselPage.

NÃO use um ContentView com Padding (preenchimento) apenas para aplicar uma margem à uma view filha (child). Em vez disso, use a propriedade Margin na view filha (a partir do Xamarin.Forms 2.2).

CUIDADO ao utilizar as propriedades Spacing (ColumnSpacing/RowSpacing para o Grid) e Padding. Exemplo:

Ao invés de fazer assim : Faça assim :
<StackLayout>
   <ContentView Padding="10,10,10,5">
       <Label Text="1"/>
   </ContentView>
   <ContentView Padding="10,0,10,5">
      <Label Text="2"/>
   </ContentView>
   <ContentView Padding="10,0,10,0">
      <Label Text="3"/>
   </ContentView>
</StackLayout>
<StackLayout Padding="10" Spacing="5">
    <Label Text="1"/>
    <Label Text="2"/>
    <Label Text="3"/>
</StackLayout>

PREFIRA usar LayoutOptions.Fill ou LayoutOptions.FillAndExpand. Estes são os padrões e não devem ser modificados na maioria das vezes.

PREFIRA usar colunas/linhas de grade de tamanho de estrela (*) em vez de tamanho automático(auto).

NÃO use vários layouts StackLayouts para simular uma grade.

EVITE usar o layout RelativeLayout se possível.

3 - Labels
 
NÃO use várias views Labels quando um única Label resolve o problema (usando spans com FormattedText)

DESATIVE o acondicionamento de etiquetas se possível. Ex:  LineBreakMode = "NoWrap"

NÃO altere o VerticalTextAlignment padrão para etiquetas, a menos que seja necessário. O padrão remove um ciclo inteiro de medição.

PREFIRA usar as propriedades VerticalTextAlignment e HorizontalTextAlignment da Label ao invés de usar VerticalOptions e HorizontalOptions.

EVITE as atualizações esporádicas nas Labels. Se as atualizações forem para vários rótulos, atualize como um lote, se possível.
 
4 - Navegação

AGUARDE os métodos PushAsync e PopAsync. A falha em fazê-lo é prejudicial tanto ao desempenho quanto à exatidão.

EVITE ocultar/mostrar a barra de navegação.

USE o AppCompat backend para o Android. Isso vai melhorar o desempenho e a aparência do aplicativo.

5 - ListViews

NÃO coloque um ListView dentro de um ScrollView. Use as propriedades Header e Footer do ListView.

NÃO use um TableView onde você pode usar um ListView. Hoje, a única razão real para usar um TableView é para configurações de estilo da UI onde praticamente cada célula tem conteúdo exclusivo.

USE ListViewCachingStrategy.RecycleElement quando você puder. Se não está funcionando, descobra o motivo, porque vale a pena.

USE os seletores DataTemplate para facilitar exibições heterogêneas dentro de um único ListView. Não sobrescreva o método OnBindingContextChanged para atualizações.

EVITE passar IEnumerable<T> como uma fonte de dados para ListViews. Em vez disso, tente usar um IList<T>.

NÃO aninhe ListViews. Em vez disso, use grupos dentro de um único ListView. O aninhamento não tem suporte e pode 'quebrar' sua aplicação.

USE HasUnevenRows onde seu ListView tem linhas de tamanhos diferentes. Se o conteúdo da célula for modificado dinamicamente certifique-se de chamar ForceUpdateSize() na célula.
 
6 - Imagens

EVITE ter que reescalonar imagens, isso é custoso.
 
DEFINA Image.IsOpaque como true quando for possível. (e suas imagens forem opacas)
 
CARREGUE as imagens a partir de Content ao invés de Resources.

Verifique o código usado em suas aplicações Xamarin Forms e faça os ajustes indicados para melhorar o seu desempenho.

Espero que essas dicas te ajudem a melhorar o desempenho da sua aplicação Xamarin.

Nota : Na primeira dica, para ativar a compilação XAML, na nova versão do Xamarin, se você usar o código XAML para ocultar o botão da barra de navegação usando - NavigationPage.HasBackButton="False" ,  vai ocorrer um erro em tempo de compilação.

O erro desaparece quando você remove o atributo para ativar a compilação XAML. ( [XamlCompilation(XamlCompilationOptions.Compile)])

Veja os Destaques e novidades do SUPER DVD Visual Basic (sempre atualizado) : clique e confira !

Quer migrar para o VB .NET ?

Quer aprender C# ??

Quer aprender os conceitos da Programação Orientada a objetos ?

Quer aprender o gerar relatórios com o ReportViewer no VS 2013 ?

Referências:


José Carlos Macoratti