Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Boas Práticas no Desenvolvimento Web

No description
by

Fabiano Hino

on 27 April 2012

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Boas Práticas no Desenvolvimento Web

Boas Práticas de Desenvolvimento Web Fabiano Hino Client Server CSS Javascript Conteúdo Cookie Imagem CSS Colocar CSS no topo Preferir <link> ao invés de @import Javascript Colocar javascript no fim Utilizar arquivo externo Minificar Minimizar acesso a elementos DOM Evitar CSS expression Evitar filtros Colocar CSS no topo Preferir <link> ao invés de @import Colocar Javascript no fim Utilizar arquivo externo Minificar Antes Depois Minimizar acesso a elementos DOM Conteúdo Minimizar HTTP Requests Evitar filtros Evitar CSS expression CSS Sprite Combinação de arquivos Dividir componentes entre domínios Dividir componentes entre domínios Dividir os componentes em difrentes domínios maximizam o download paralelo.
É recomendando não utilizar mais do que 4 domínios diferentes por causa das penalidade do DNS Lookup. Reduzir DNS Lookups DNS Lookups Quando é solcitado um componente através da URL, o DNS contactado retorna
o endereço IP para o browser, e isso tem um custo (20 ~ 120 milesegundos).
O Navegador não pode baixar nada até que o DNS Lookup seja concluído. Utilize de 2 a 4 domínios css.site.com.br
img.site.com.br Exemplo Carregamento progressivo
Exibição mais rapída de elementos Mesmo efeito de CSS no fim
Carregamento comprometido Começou no IE5
Depraciado no IE8
Usa JS Expression
Alta quantidade de "avaliações" Travam o browser em caso de imagem em download. Enquanto script estiver baixando, o browser não baixará nenhum outro coponente. Arquivos externos tem a possibilidade de serem cacheados.
As vezes é melhor coloca-los no corpo da pagína. Remover caracteres desnecessários
Redução do tamanho
JSMin e YUI Compressor
Aplicavel para CSS e JS Guardar referência ao objeto
Atualizar documento apenas quando nescessário
Evitar correções de layout com javascript Evitar a utilização de viewstate Preload de componentes Cookie Evitar a utilização de viewstate Preload de componentes Remover cookies desnecessários Reduzir tamanho dos cookies Todos os controles asp net vem com EnableViewState true MVC dispensa utilização do viewstate Viewstate é facilmente descriptografado Utilizar domínios livres de cookies Imagem Otimizar imagens Ferramentas Ferramentas Não escalar imagens no HTML Utilizar favicon.ico Firebug Firecookie YSlow HttpFox WebDeveloper ColorZilla Fiddler
Full transcript