• Save
Aplicações Web de Alta Performance
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Aplicações Web de Alta Performance

on

  • 442 views

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 ...

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

Statistics

Views

Total Views
442
Views on SlideShare
442
Embed Views
0

Actions

Likes
2
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Aplicações Web de Alta Performance Presentation 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