Estou fazendo um Sistema GED aqui para a empresa onde trabalho (bem simples, apenas para organizar melhor).
Estou desenvolvendo as telas primeiro, pra depois conectar com o BD e fazer as coisas funcionarem.
Eu tenho um menu que fica a esquerda com os links para navegar entre as páginas. A direita eu insiro o conteúdo das páginas em uma DIV chamada #conteudo
, pra isso estou utilizando a função load()
do jQuery. Conforme abaixo:
// Carrega o conteúdo das páginas dentro da div#conteudo
$('.carrega_pagina').click( function(){
var href = $(this).attr('href'); // pega o valor do atributo href da âncora clicada
$('#conteudo').load(href);
return false;
});
Isso tem funcionado bem, porém, ao clicar nos links umas 8-10 vezes ou mais, a tela solicitada demora a aparecer (é como se o navegador tivesse travando), além disso, o navegador chega a consumir até 70% da CPU quando solicito uma página (lembrando que isso tudo só ocorre após navegar várias vezes entre as páginas, quando dou um refresh na página tudo volta ao normal).
Queria saber se existe uma maneira melhor de inserir o conteúdo das outras páginas nessa DIV.
javascript
que adiciona a função nos itens do menu. Conforme mais cliques você fizer, mas funções você adicionará aos itens e mais requisições esses itens irão fazer. O ideal é você utilizar uma requisição simples (pode ser$.GET
) e carregar somente o que precisa. (Sem os JS já adicionados).html()
no lugar deload()