em
Construíndo Web Sites de Alta Performance

Construíndo Web Sites de Alta Performance

Segundo Steve Souders, um desenvolvedor do Google e e autor do livro “High Performance Web Sites” na maioria das páginas web, o lado do servidor corresponde a menos que 10 a 20% do tempo de resposta ao usuário. Portanto devemos nos focar nos outro 80 a 90% de tempo de resposta, que é do lado cliente (frontend).

Dentre os 80 a 90% de tempo de resposta, o carregamento do HTML fica a cargo de 10%, o restante do tempo os responsáveis são o CSS, JavaScript, imagens onde a maioria do tempo é gasto fazendo o download desses componentes que ainda não foram cacheados no browser. Com base nisso, Luiz Tanure acabou criando uma apresentação que ilustra os cuidados que você deve tomar no dia-a-dia no desenvolvimento web para tirar o máximo proveito das aplicações web. Aconselho você a vêla em tela cheia:

Vídeo (Objeto multimídia)

Comentários

  1. Caraiii olha a aprensetaçao do Tanure ae!

    por Suissa Responder
  2. Alias eu acho que ele é do Yahoo! hein, pelo menos o livro dele diz isso!

    por Suissa Responder
    1. Ele era do Yahoo quando escreveu este livro, agora ele esta trampando no Google ;-)

      por Felipe Responder
      1. Realmente agora que vi =p
        É que tenho o livro dele, ae fiquei nessa dúvida.

        por Suissa
    2. Ele era do Yahoo! faz tempo, ja deve ter 1 ano que ele ta no google. Se bobiar logo logo ele vai estar é no facebook hehehe.

      por Alexsandro Responder
  3. Pingback: Tweets that mention Construíndo Web Sites de Alta Performance » Pinceladas da Web - HTML5 Hard Coding and Bullet Proof CSS -- Topsy.com

  4. valeu ai pela divulgação!

    apesar de ter recebido emails que vão do ‘vc só falou o obvio’ até ‘é plagio do steve souders’ a maioria ta gostando.. bom que animo de fazer mais algo assim…

    por luiz tanure Responder
  5. Pingback: Links do dia 29/01/2011 | Daniel Soluções

  6. Nossa kra, parabens, ficou muito show!

    Alem de ótimas dicas!

    Parabens novamente…

    por Herson Schluter Responder
  7. Slide nota 10. Guardei o endereço muito bem guardado… Excelentes dicas…

    Parabéns!

    por Carlos Eduardo - Kadu _ Responder
  8. ‘só falou o obvio’ de fato teve muito obvio, porém muita gente esquece disso… e teve coisas que acho que era obvio mas eu não conhecia como sprits horizontais serem menores que verticais… sempre usei vertical =P

    por Fabiano Fonseca Responder
  9. Muito foda. Parabéns pela apresentação! Já recomendei!

    por Andrews Lince — Responder
  10. Show!

    por william — Responder
  11. Existe alguma opção para efetuarmos o download dessa apresentação?

    por Fabio Lima Responder
    1. quando criei, tem essa opção sim.,..

      nao sei se visitante comum pode… se loga la e ve se aparece…. se nao, eu mando ela

      por luiz tanure Responder
    2. Fabio, segue o link pra download

      http://goo.gl/RvY8e

      por luiz tanure — Responder
  12. Boas dicas. Todo desenvolvedor deveria conhecer, só acho que faltou comentar a importância de validar o código na w3c http://validator.w3.org/
    Abraço

    por Rafael Marques Responder
    1. Quem se utiliza bem a semântica não deve-se preocupar com seu site ser validado ou não. Tu validar um site do buteco da esquina é fácil, mas vai validar um G1, um Terra, ou Bol… ai tudo se complica.

      por Henrique Responder
  13. Muito bom mesmo, concordo com Rafael Marques falou falar sobre a validação.

    Precisa realmente se preocupar com a validação visto que os maiores site não a utiliza?

    por valdeir — Responder
  14. Tem como baixar “isso” para consulta posterior???

    por Merovingio Responder
    1. coloquei aqui:

      http://goo.gl/RvY8e

      por luiz tanure — Responder
  15. Cara, que site rico em informações. Parabéns!

    Caí aqui por acaso, Googlando informações para montar minha API em RESTful, o link do seu site apareceu na pesquisa, tive muita sorte.

    Abraço,


    Silvio Clécio
    ====================================
    Site –
    LazSolutions –
    ====================================

    por Silvio Clécio Responder

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>