Aplicações Web de Alta Performance

  • 150 views
Uploaded on

Palestra sobre a Studio Sol Comunicação Digital apresentada na Faculdade de Pará de Minas em outubro de 2012, citando a história da empresa e dando algumas dicas de como lidamos com aplicações com …

Palestra sobre a Studio Sol Comunicação Digital apresentada na Faculdade de Pará de Minas em outubro de 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

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
150
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Aplicações web de alta performance Pedro Chaves Studio Sol Comunicação Digital
  • 2. Tópicos1. A Studio Sol Comunicação Digital2. Os sites/apps3. A matemática dos usuários4. A equipe de desenvolvimento5. Tecnologias e estrutura dos sites6. Problemas, soluções e otimizações7. 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 andaresmais 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õesvisitas 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 instrutores90 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úsica360 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 #1O 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 #2Evitar que o usuário chegueaté 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 nalinguagem 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 CSSRedução de 60% no tamanho do arquivo● gzipRedução de 70% no tamanho da resposta● Ganhar SEGUNDOS no carregamento da páginaNã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! Lets Make the Web Faster!
  • 30. Seja curioso, leia o código alheio, experimente coisasnovas e mantenha-se atualizado. Fale inglês!
  • 31. Obrigado! pedro.chaves@studiosol.com.br @pedrochaves http://github.com/pedrochaves