O uso da frase pode parecer um clichê, mas, não vou deixar de citar ainda assim:
Não existe bala de prata.
Cada tipo de software, cada tecnologia e cada particularidade de escolhas de design de projeto vão influenciar na performance.
Então, falando mais especificamente de Web, como começamos? Repare que eu disse Web, não php, ou .net, ou java, eu disse Web.
Então vá para o basico antes de ir para seu código ou Design, sim, todos eles tem abordagens de performance para Web e bem comuns se quer saber.
E o básico é http. Isso mesmo, o bom e velho protocolo que sustenta nossas aplicações e que foi inicialmente implementado pensando em coisas mais simples que hoje.
Entenda o ciclo de vida das páginas da sua aplicação e aplique técnicas específicas em cada parte do ciclo da aplicação.
Como assim? Um cara que começou discutindo muito isso foi o Steve Solders, que começou no yahoo e depois foi para Oraculo, ops, o google.
Ele fez justamente isso, analisou o ciclo de vida e aplicou um monte tecnicas, na interface. Tendo como premissa que o codigo que gera a página foi bem feito, então ele foi pensado para rodar com performance, logo, ele vai rodar mais rápido do que a entrega da requisição (todos os objetos que compoem a pagina e a renderização no browser). O site do cara: https://www.stevesouders.com/
Ele tem um monte de posts sobre isso, começa descrevendo a regra dos 80/20 e depois elenca um conjunto de regras que você deve aplicar e te fornece um Rank, baseado nessas regras, para a performance da sua pagina.
Tem umas ferramentas lá para análise da página (ex: yslow)
Tem um monte de coisas simples e legais la, como: "diminua suas requisições",ou seja, quanto menos objetos numa página, mais rápida ela é entregue pela rede, menos conexões tcp, menos resoluções de dns, menos enfileiramento aguardando uma conexão disponivel, etc.
Um exemplo simples é que um unico arquivo de 100k é baixado mais rapidamente do que 10 arquivos de 10k, porque? Rede. A cada arquivo, se você não os tem no cache, o browser vai resolver o dns, abrir conexão, receber conteudo, mudar de conexão e repete para cada arquivo, como isso acontece pela rede, vai demorar 10 vezes (o tempo para fazer essas ações de infra) a mais do que somente fazer uma vez e baixar o conteudo todo.
Então, 5 arquivos de CSS iguais espalhados pelas suas paginas, que são sempre usados por suas classes, opa, estou literalmente perdendo tempo.
Junta tudo, poe no cache, diminui 4 requests.
Esse é um exemplo de como usar o conhecimento básico dos protocolos de rede, para melhorar o design da aplicação com foco na performance.
Claro que existem soluções de infra mais, hum, robustas e com custo adicional a infra do projeto (CDN, Load Balance, cluster), mas, vamos nos ater a outras coisas, fica o conceito básico delas aqui pra você pesquisar, uma delas vale realmente a pena entender, CDN. Que é, de forma básica, um outro servidor que você coloca tudo que for conteúdo fixo, por assim dizer.
Voltemos as redes, quero baixar uma imagem de um site, uma requisição, dns, tcp, dados, repete tudo. Mas, tem um detalhe importante, o seu Browser. O Browser tenta fazer um bom trabalho e tenta baixar o conteúdo da pagina, de forma simultanea. Ou seja, se no html da minha página tiver 3 imagens, ele le o html, faz o parse dos links das imagens e abre 3 conexões tcp (requests) para o servidor baixando ao mesmo tempo.
Só que na maioria das vezes as páginas tem bem mais que 30 requests e o problema é que o browser tem um limite de conexões simultaneas que ele pode fazer, resultado? Ele cria uma fila de requisições esperando para serem baixadas, cá pra nós fila não é legal né?
O numero máximo de conexões varia de browser para browser, então ai vai solders:
http://www.stevesouders.com/blog/2008/03/20/roundup-on-parallel-connections/
E o mesmo problema, você acaba tendo no servidor da aplicação. Dependendo da rede, dos serviços no servidor e da velocidade que ele entrega as requisições, ele pode demorar mais a estabelecer as conexões tcp por baixo do http, ai fila novamente, etc.
Então, pense dobrado, poe uma outra máquina (um clone por assim dizer) muda apenas o endereço (DNS) e aponta todos os links de conteúdo fixo pra la. O seu browser vai abrir as conexões simultaneas com os dois servers, o que gera menos filas, tcp mais rápido, etc.
Se você olhar direitinho, usando cache, você está apenas diminuindo o numero de requisições, é uma boa regra ;)
Uma coisa importante: Eu não falei de C#, java, asp.net, pho, ruby.. falei de http e redes, então esse conhecimento vai para os vários tipos de projetos.
Dá uma olhada no site do cara, se der, compra o livro como referência de consulta. Antes de comprar, vai numa livraria e ve qual dos livros bate mais com que você quer fazer.
Opa, malz, ce ta afim de umas paradas com imagens, slider e pá... então tem uma mulher que escreveu alguns materias sobre isso, design e outras coisas:
http://larahogan.me/
Ai é complicado por que tem algumas tecnicas é são tratamento das imagens, tirar o foco, soma com jpeg que descarta nitidez, arquivo menor, download mais rápido. E isso requer treinar a pessoa que vai colocar conteúdo no site. Mas, tem um monte de coisas lá sobre design e a cultura da performance, isso é legal.
Algo tipo: Todo mundo é responsável pela performance.
Continuando, se você pensar bem no fluxo de uma requisição, vai ter algo assim:
Browser faz request, a rede (http, dns, tcp) trabalha pra caramba, o server processa o request (faz o parser do html, executa teu código, vai no banco de dados - mais rede - retorna faz o parser do html novamente, mais rede (tcp, cache, etc) e devolve pro Browser, ele começa a renderizar a página, executa os scripts locais e te mostra as coisas, isso pra cada request da página.
Então é o mesmo que, simplificando:
Request do Browser-> rede -> Processamento (Teu Código) -> Rede ->Browser.
Já falamos muito de requests, design, rede, então falta o código.
Sim, o request só é atendido quando o código executa e está pronto para retornar um objeto solicitado pelo request (que geralmente monta o html que será o corpo da página solicitada).
Então, não tem receita, analise o fluxo completo da sua página e veja se o que você faz é responsavel por mais de 20% do tempo de load da página, regra do Solders, reclama com ele. Lógico que tem que ter bom senso né? Se sua página é tipo google, praticamente não tem requests e nem render porque não tem objetos, então o tempo de load é basicamente codigo + rede, foque no código. Mas, se o objeto principal da página é responsável por 1% do tempo de load, tua interface ta lascada velho, de boas.
Ai cabe tudo que os mestres falam por ai sobre performance, cursores vs subqueries, refazer os indices das tabelas, diminua os joins, instanciar muitos objetos que nem sempre são usados, não usar lazy load, uso de ORM ineficiente, viewstate grande demais, tookit carregado sem necessidade, ajax implementado erradamente, select aberto nas telas de listagem, não usar filtros para limitar as pesquisas, etc.
Cara, é muita coisa, cada tecnologia vai ter suas particularidades.
Vou deixar aqui algumas coisas legais: