Hang or freeze occurs when navigating between pages.

[nextcodelab]

The problem with tabbars and shell, if you have lot of xaml in second Page like tabbar2 the app freeze long time before loading the indicator..... it must be load the page first before the content... Navigating between pages will make the app freeze or hang a few seconds 3 to 5 seconds. IT MUST BE LOADED PAGE FIRST before content so smooth, not loading in freeze or hang mode.

Hang or freeze occurs when navigating between pages. specially if you have a lot of xaml code in second page.
Very frustration, how to fix because it is net Maui itselft.

I only have this code in 4rth Tabbar Page but the freeze and loading time is not acceptable... They said that the native is faster than drawings (FLUTTER) but what happen to .net Maui controls.. just a few xaml code it loads 3 to 4 seconds?
Maybe someday it can be improve.

<?xml version="1.0" encoding="utf-8" ?>
<ContentView
    x:Class="Bible.Maui.Blazor.Pages.Mores.MoreXamlView"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:Bible.Maui.Blazor.Pages.Mores"
    xmlns:shared="clr-namespace:Bible.Maui.Blazor.Shared">
    <ContentView.Resources>
        <Style x:Key="frame_buttonStyle" TargetType="Frame">
            <Setter Property="Padding" Value="15" />
            <Setter Property="CornerRadius" Value="10" />
            <Setter Property="MinimumWidthRequest" Value="70" />
            <Setter Property="BackgroundColor" Value="{DynamicResource NavigationBarColor}" />
        </Style>
    </ContentView.Resources>
    <Grid BackgroundColor="{DynamicResource PageBackgroundColor}">
        <Grid>

            <ScrollView>
                <VerticalStackLayout>
                    <VerticalStackLayout Margin="0,0,0,0" HorizontalOptions="Center">

                        <Label
                            FontAttributes="Bold"
                            FontSize="17"
                            Text="Learning" />
                        <HorizontalStackLayout Margin="0,15,0,0" Spacing="8">
                            <local:ActionButton Title="Quiz" IconPath="M4 6H2V20C2 21.11 2.9 22 4 22H18V20H4V6M18.5 14.25C18.5 12.75 15.5 12 14 12S9.5 12.75 9.5 14.25V15H18.5M14 10.25C15.24 10.25 16.25 9.24 16.25 8S15.24 5.75 14 5.75 11.75 6.76 11.75 8 12.76 10.25 14 10.25M20 2H8C6.9 2 6 2.9 6 4V16C6 17.11 6.9 18 8 18H20C21.11 18 22 17.11 22 16V4C22 2.89 21.1 2 20 2M20 16H8V4H20V16Z" />
                        </HorizontalStackLayout>

                        <Label
                            Margin="0,25,0,0"
                            FontAttributes="Bold"
                            FontSize="17"
                            Text="My Notes" />
                        <HorizontalStackLayout Margin="0,15,0,0" Spacing="8">
                            <local:ActionButton Title="Lesson" IconPath="M18 10.5V6L15.89 7.06C15.96 7.36 16 7.67 16 8C16 10.21 14.21 12 12 12C9.79 12 8 10.21 8 8C8 7.67 8.04 7.36 8.11 7.06L5 5.5L12 2L19 5.5V10.5H18M12 9L10 8C10 9.1 10.9 10 12 10C13.1 10 14 9.1 14 8L12 9M14.75 5.42L12.16 4.1L9.47 5.47L12.07 6.79L14.75 5.42M12 13C14.67 13 20 14.33 20 17V20H4V17C4 14.33 9.33 13 12 13M12 14.9C9 14.9 5.9 16.36 5.9 17V18.1H18.1V17C18.1 16.36 14.97 14.9 12 14.9Z" />
                            <local:ActionButton Title="Notebook" IconPath="M17,4V10L15,8L13,10V4H9V20H19V4H17M3,7V5H5V4C5,2.89 5.9,2 7,2H19C20.05,2 21,2.95 21,4V20C21,21.05 20.05,22 19,22H7C5.95,22 5,21.05 5,20V19H3V17H5V13H3V11H5V7H3M5,5V7H7V5H5M5,19H7V17H5V19M5,13H7V11H5V13Z" />
                            <local:ActionButton Title="Bookmarks" IconPath="M17,18L12,15.82L7,18V5H17M17,3H7A2,2 0 0,0 5,5V21L12,18L19,21V5C19,3.89 18.1,3 17,3Z" />
                            <local:ActionButton Title="Highlights" IconPath="M4,17L6.75,14.25L6.72,14.23C6.14,13.64 6.14,12.69 6.72,12.11L11.46,7.37L15.7,11.61L10.96,16.35C10.39,16.93 9.46,16.93 8.87,16.37L8.24,17H4M15.91,2.91C16.5,2.33 17.45,2.33 18.03,2.91L20.16,5.03C20.74,5.62 20.74,6.57 20.16,7.16L16.86,10.45L12.62,6.21L15.91,2.91Z" />
                        </HorizontalStackLayout>

                        <Label
                            Margin="0,25,0,0"
                            FontAttributes="Bold"
                            FontSize="17"
                            Text="Application" />
                        <HorizontalStackLayout Margin="0,15,0,0" Spacing="8">
                            <local:ActionButton Title="Extras" IconPath="M4 6H2V20C2 21.11 2.9 22 4 22H18V20H4V6M18.5 14.25C18.5 12.75 15.5 12 14 12S9.5 12.75 9.5 14.25V15H18.5M14 10.25C15.24 10.25 16.25 9.24 16.25 8S15.24 5.75 14 5.75 11.75 6.76 11.75 8 12.76 10.25 14 10.25M20 2H8C6.9 2 6 2.9 6 4V16C6 17.11 6.9 18 8 18H20C21.11 18 22 17.11 22 16V4C22 2.89 21.1 2 20 2M20 16H8V4H20V16Z" />
                            <local:ActionButton Title="Translations" IconPath="M4 6H2V20C2 21.11 2.9 22 4 22H18V20H4V6M18.5 14.25C18.5 12.75 15.5 12 14 12S9.5 12.75 9.5 14.25V15H18.5M14 10.25C15.24 10.25 16.25 9.24 16.25 8S15.24 5.75 14 5.75 11.75 6.76 11.75 8 12.76 10.25 14 10.25M20 2H8C6.9 2 6 2.9 6 4V16C6 17.11 6.9 18 8 18H20C21.11 18 22 17.11 22 16V4C22 2.89 21.1 2 20 2M20 16H8V4H20V16Z" />
                            <local:ActionButton Title="Settings" IconPath="M15.9,18.45C17.25,18.45 18.35,17.35 18.35,16C18.35,14.65 17.25,13.55 15.9,13.55C14.54,13.55 13.45,14.65 13.45,16C13.45,17.35 14.54,18.45 15.9,18.45M21.1,16.68L22.58,17.84C22.71,17.95 22.75,18.13 22.66,18.29L21.26,20.71C21.17,20.86 21,20.92 20.83,20.86L19.09,20.16C18.73,20.44 18.33,20.67 17.91,20.85L17.64,22.7C17.62,22.87 17.47,23 17.3,23H14.5C14.32,23 14.18,22.87 14.15,22.7L13.89,20.85C13.46,20.67 13.07,20.44 12.71,20.16L10.96,20.86C10.81,20.92 10.62,20.86 10.54,20.71L9.14,18.29C9.05,18.13 9.09,17.95 9.22,17.84L10.7,16.68L10.65,16L10.7,15.31L9.22,14.16C9.09,14.05 9.05,13.86 9.14,13.71L10.54,11.29C10.62,11.13 10.81,11.07 10.96,11.13L12.71,11.84C13.07,11.56 13.46,11.32 13.89,11.15L14.15,9.29C14.18,9.13 14.32,9 14.5,9H17.3C17.47,9 17.62,9.13 17.64,9.29L17.91,11.15C18.33,11.32 18.73,11.56 19.09,11.84L20.83,11.13C21,11.07 21.17,11.13 21.26,11.29L22.66,13.71C22.75,13.86 22.71,14.05 22.58,14.16L21.1,15.31L21.15,16L21.1,16.68M6.69,8.07C7.56,8.07 8.26,7.37 8.26,6.5C8.26,5.63 7.56,4.92 6.69,4.92A1.58,1.58 0 0,0 5.11,6.5C5.11,7.37 5.82,8.07 6.69,8.07M10.03,6.94L11,7.68C11.07,7.75 11.09,7.87 11.03,7.97L10.13,9.53C10.08,9.63 9.96,9.67 9.86,9.63L8.74,9.18L8,9.62L7.81,10.81C7.79,10.92 7.7,11 7.59,11H5.79C5.67,11 5.58,10.92 5.56,10.81L5.4,9.62L4.64,9.18L3.5,9.63C3.41,9.67 3.3,9.63 3.24,9.53L2.34,7.97C2.28,7.87 2.31,7.75 2.39,7.68L3.34,6.94L3.31,6.5L3.34,6.06L2.39,5.32C2.31,5.25 2.28,5.13 2.34,5.03L3.24,3.47C3.3,3.37 3.41,3.33 3.5,3.37L4.63,3.82L5.4,3.38L5.56,2.19C5.58,2.08 5.67,2 5.79,2H7.59C7.7,2 7.79,2.08 7.81,2.19L8,3.38L8.74,3.82L9.86,3.37C9.96,3.33 10.08,3.37 10.13,3.47L11.03,5.03C11.09,5.13 11.07,5.25 11,5.32L10.03,6.06L10.06,6.5L10.03,6.94Z" />
                            <local:ActionButton Title="About" IconPath="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z" />
                        </HorizontalStackLayout>
                    </VerticalStackLayout>

                </VerticalStackLayout>
            </ScrollView>

        </Grid>

        <BlazorWebView x:Name="sideMenu" HostPage="wwwroot/index_common.html">
            <BlazorWebView.RootComponents>
                <RootComponent ComponentType="{x:Type shared:Menu}" Selector="#app" />
            </BlazorWebView.RootComponents>
        </BlazorWebView>
    </Grid>
</ContentView>

My final method is delete tabbars because as of now it is useless.. even empty page loads 3 seconds.
Remove this line and only single page and create custom tabs.

<TabBar>
        <Tab Title="Home" Icon="{AppThemeBinding Dark=highlight_white.png, Light=highlight_black.png}">
            <ShellContent Title="Today" ContentTemplate="{DataTemplate local:DashboardXamlPage}" />
            <ShellContent Title="Devotion" ContentTemplate="{DataTemplate local:BookmarksXamlPage}" />
        </Tab>
        <Tab Title="Bible" Icon="{AppThemeBinding Dark=bible_white.png, Light=bible_black.png}">
            <ShellContent ContentTemplate="{DataTemplate Xamls:HomePage}" />
        </Tab>
        <Tab Title="Music" Icon="{AppThemeBinding Dark=songs_white.png, Light=songs_black.png}">
            <ShellContent ContentTemplate="{DataTemplate local:WorshipsXamlPage}" />
        </Tab>
        <Tab Title="More" Icon="{AppThemeBinding Dark=menu_white.png, Light=menu_white.png}">
            <ShellContent ContentTemplate="{DataTemplate local:MoreXamlPage}" />
        </Tab>
    </TabBar>