O documento discute otimizações para aplicações web de alto desempenho. Resume os principais tópicos abordados: 1) Apresenta a Studio Sol e seus sites/apps; 2) Discutem problemas como lentidão no acesso a dados e muitas requisições simultâneas, e soluções como cache e balanceamento de carga; 3) Fornece dicas como evitar processamentos pesados no servidor, comprimir arquivos e carregar scripts de forma assíncrona.

1. Aplicações web de alta
performance
Pedro Chaves
Studio Sol Comunicação Digital

2. Tópicos
1. A Studio Sol Comunicação Digital
2. Os sites/apps
3. A matemática dos usuários
4. A equipe de desenvolvimento
5. Tecnologias e estrutura dos sites
6. Problemas, soluções e otimizações
7. Mais otimizações!
8. Dicas finais

3. 1996 2000
Gabriel Fernandes Studio Sol é criada
cria o Cifra Club com Samuel Vignoli
2003 2008 2009
Letras.mus.br e A primeira vídeo-aula Studio Sol se muda
Palco MP3 são é lançada para um andar na
lançados Savassi
2010 2012
Cifra Club TV ganha Empresa tem 3 andares
mais instrutores e um e aproximadamente 60
estúdio próprio funcionários

4. Os sites/apps

5. 65 mil 580 mil
artistas músicas
390 mil 52 milhões
visitas diárias pageviews
Mais de 2
milhões
downloads de App
para Android / iOS
Dados de setembro de 2012

6. 297 mil 1.130 vídeo-
cifras de violão aulas por 9
instrutores
90 milhões 16 milhões
pageviews visitas
580 mil 214 milhões
visualizações no
visitas diárias
YouTube
Dados de setembro de 2012

7. 144 mil 2 milhões
artistas letras de música
360 milhões 82 milhões
pageviews visitas
2,7 milhões 27 milhões
visitas diárias visitantes únicos
Dados de setembro de 2012

8. Equipe de desenvolvimento

9. Tecnologias utilizadas
JavaScript

10. Tecnologias utilizadas

11. Não importa a linguagem,
mas sim a estrutura que
você monta para sua
aplicação web.

12. Tecnologias utilizadas
Memcached

13. ...e qualquer outra coisa
que nos ajude.

14. Estrutura
● 14 servidores em São Paulo
● 1 servidor com MySQL dedicado
● 1 slave MySQL em cada servidor
● 3 servidores servindo aplicações
● 3 servidores servindo músicas para o Palco
MP3
● 2 servidores para cache

15. Problemas, soluçoes e
otimizações

16. Problema #1
O acesso ao disco é lento, e
acesso ao MySQL mais
lento ainda.

17. Solução #1
Não buscar dados sempre
no MySQL!

18. Otimização #1
Memcached
Arquivos
em disco

19. Otimização #1
Não grave os dados no
mesmo servidor em que
eles são lidos!

20. Problema #2
Quanto mais scripts
simultâneos no servidor,
mais lento ele fica

21. Solução #2
Evitar que o usuário chegue
até o servidor de aplicação!

22. Otimização #2
HTTP Last- HTTP Max-
modified age

23. Problema #3
Código mal escrito
prejudica o servidor.

24. Solução #3
Saiba o que é lento na
linguagem que está usando
e evite usar!

25. Otimização #3
Cada milissegundo salvo
representa algumas
requisições extras no fim
do dia ;)

26. Em uma aplicação web, seu
foco deve ser apenas um:
O Usuário!

27. CSS Sprites
Ao invés de 15
imagens, por que
não só uma?

28. Compressão de arquivos
● Minificar JS e CSS
Redução de 60% no tamanho do arquivo
● gzip
Redução de 70% no tamanho da resposta
● Ganhar SEGUNDOS no
carregamento da página
Não tem preço!

29. Otimizações no client-side
● Processamentos pesados no servidor
● Arquivos estáticos em servidor sem cookies
● Carregamento de JavaScript assíncrono
● Comprimir HTML
● Busque JavaScripts de CDNs conhecidos
● Quanto menos arquivos melhor!
Let's Make the Web Faster!

30. Seja curioso, leia o código
alheio, experimente coisas
novas e mantenha-se atualizado.
Fale inglês!

31. Obrigado!
pedro.chaves@studiosol.com.br
@pedrochaves
http://github.com/pedrochaves