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

Aplicações Web de Alta Performance

on

  • 420 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
420
Views on SlideShare
420
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 Aplicações Web de Alta Performance Presentation Transcript

  • Aplicações web de alta performance Pedro Chaves Studio Sol Comunicação Digital
  • 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
  • 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
  • Os sites/apps
  • 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
  • 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
  • 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
  • Equipe de desenvolvimento
  • Tecnologias utilizadas JavaScript
  • Tecnologias utilizadas
  • Não importa a linguagem, mas sim a estrutura que você monta para sua aplicação web.
  • Tecnologias utilizadas Memcached
  • ...e qualquer outra coisa que nos ajude.
  • 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
  • Problemas, soluçoes e otimizações
  • Problema #1O acesso ao disco é lento, e acesso ao MySQL mais lento ainda.
  • Solução #1 Não buscar dados sempre no MySQL!
  • Otimização #1 Memcached Arquivos em disco
  • Otimização #1 Não grave os dados no mesmo servidor em que eles são lidos!
  • Problema #2 Quanto mais scripts simultâneos no servidor, mais lento ele fica
  • Solução #2Evitar que o usuário chegueaté o servidor de aplicação!
  • Otimização #2 HTTP Last- HTTP Max- modified age
  • Problema #3 Código mal escrito prejudica o servidor.
  • Solução #3 Saiba o que é lento nalinguagem que está usando e evite usar!
  • Otimização #3 Cada milissegundo salvo representa algumas requisições extras no fim do dia ;)
  • Em uma aplicação web, seu foco deve ser apenas um: O Usuário!
  • CSS Sprites Ao invés de 15 imagens, por que não só uma?
  • 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!
  • 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!
  • Seja curioso, leia o código alheio, experimente coisasnovas e mantenha-se atualizado. Fale inglês!
  • Obrigado! pedro.chaves@studiosol.com.br @pedrochaves http://github.com/pedrochaves