Aplicações web de alta performance

Palestra sobre a Studio Sol Comunicação Digital apresentada na Faculdade de Pará de Minas em 2012, citando a história da empresa e dando algumas dicas de como lidamos com aplicações com grande volume de acessos, como Letras.mus.br, Cifra Club e Palco MP3

Transcript

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 Gabriel Fernandes cria o Cifra Club 2000 Studio Sol é criada com Samuel Vignoli 2008 A primeira vídeo-aula é lançada 2003 Letras.mus.br e Palco MP3 são lançados 2009 Studio Sol se muda para um andar na Savassi 2010 Cifra Club TV ganha mais instrutores e um estúdio próprio 2012 Empresa tem 3 andares e aproximadamente 60 funcionários
4. Os sites/apps
5. 65 mil artistas Dados de setembro de 2012 580 mil músicas 390 mil visitas diárias 52 milhões pageviews Mais de 2 milhões downloads de App para Android / iOS
6. 297 mil cifras de violão 1.130 vídeo- aulas por 9 instrutores 16 milhões visitas 90 milhões pageviews 580 mil visitas diárias 214 milhões visualizações no YouTube Dados de setembro de 2012
7. Dados de setembro de 2012 144 mil artistas 2 milhões letras de música 82 milhões visitas 360 milhões pageviews 2,7 milhões visitas diárias 27 milhões visitantes únicos
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. O acesso ao disco é lento, e acesso ao MySQL mais lento ainda. Problema #1
17. Não buscar dados sempre no MySQL! Solução #1
18. Otimização #1 Arquivos em disco Memcached
19. Otimização #1 Não grave os dados no mesmo servidor em que eles são lidos!
20. Quanto mais scripts simultâneos no servidor, mais lento ele fica Problema #2
21. Evitar que o usuário chegue até o servidor de aplicação! Solução #2
22. Otimização #2 HTTP Max- age HTTP Last- modified
23. Código mal escrito prejudica o servidor. Problema #3
24. Saiba o que é lento na linguagem que está usando e evite usar! Solução #3
25. Cada milissegundo salvo representa algumas requisições extras no fim do dia ;) Otimização #3
26. Em uma aplicação web, seu foco deve ser apenas um: O Usuário!
27. Ao invés de 15 imagens, por que não só uma? CSS Sprites
28. • 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! Compressão de arquivos
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