Carregar página via ajax

Front-end
#1

Boa noite,

Amigos, tenho um projeto no qual estou usando facelets.

Tenho uma página na qual tenho um componente toolbar do primefaces.
Nesse toobar tenho o commandButton a seguir:

<p:commandButton value="Gerenciar clientes" action="gercliente"/>

Esse commandButton abre a página gercliente.xhtml, ess página também segue o mesmo template.

Essa é a página gercliente.xhtml:


<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./templates/templatePrincipal.xhtml"
                xmlns:h="http://java.sun.com/jsf/html">

    <ui:define name="left">
        <ui:include src="templates/menu/menuGerenciarCliente.xhtml"/>
    </ui:define>

    <ui:define name="conteudo">
        <h:form>
          <ui:decorate template="templates/paginas/CadastroIdiotas.xhtml"/>  
        </h:form>
    </ui:define>

</ui:composition>

O problema é que toda vez que essa página é chamada, ela carrega toda a página. Tudo bem, da forma como eu implementei realmente isso é o esperado.
A minha pergunta é: Como vocês, queridos colegas fazem para evitar o refresh do mesmo template? Acredito que utilizem ajax, é isso?

Como vcs fazem?

Grato

#2