Baixado 18 vezes
![grunt-pagespeed
pagespeed: {
options: {
nokey: true,
url: "https://fellipe.com"
},
paths: {
options: {
paths: ["/talks",
"/blog"],
locale: "en_GB",
strategy: "desktop",
threshold: 80
}}} js](https://image.slidesharecdn.com/omelhordamonitoracaodewebperformance-141110115352-conversion-gate01/75/O-melhor-da-monitoracao-de-web-performance-31-2048.jpg)
![grunt-wpt
grunt.initConfig({
wpt: {
options: {
locations: ['Tokyo', 'SanJose_IE9'],
key: process.env.WPT_API_KEY
},
sideroad: {
options: {
url: [
‘http://fellipe.com/blog',
‘http://fellipe.com/talks
]
},
dest: ‘tmp/fellipe/'
}}}); js](https://image.slidesharecdn.com/omelhordamonitoracaodewebperformance-141110115352-conversion-gate01/75/O-melhor-da-monitoracao-de-web-performance-32-2048.jpg)
Carregado porDavidson Fellipe
O melhor da monitoração de web performance
O documento aborda a importância da otimização da performance na web, destacando que 80-90% do tempo de resposta do usuário final é gasto no front-end. Apresenta diversas ferramentas e técnicas, como PageSpeed e YSlow, para mensurar e melhorar a experiência do usuário, além de estratégias como minificação e uso de CDNs. Enfatiza que sem a mensuração correta, a otimização se torna impossível.
Mais conteúdo relacionado
Semelhante a O melhor da monitoração de web performance
O melhor da monitoração de web performance
- 1. o melhor da monitoração de web performance Davidson Fellipe
- 2. senior front-end engineer globo.com ~ 2010 front in bh, rio.js, pernambuco.js e front in recife mais em fellipe.com
- 3.
- 4.
- 5. “ designa asapresentações de dança, canto, teatro, mágica, mímica, malabarismo, referindo-se ao seu executante como performer. wikipédia
- 6.
- 7. “ é possívelexpressar a performance do que se pretende avaliar utilizando-se uma métrica previamente definida. wikipédia
- 8. alto processamento + consumo de memória
- 9. “ Performance goldenrule: Optimize front-end performance first, that's where 80/90% of the end-user response time is spent. - steve souders
- 10. 94% tempo de carregamento http://gtmetrix.com/har.html?inputUrl=http://gtmetrix.com/reports/globoesporte.globo.com/7eqNM2Z1/net.harp&expand=true&validate=false
- 11. web performance é user experience
- 12.
- 13.
- 14.
- 15. paciência de usuáriosmobile 49% 31% 20% 1s - 10 s 10s - 20s +20s gomesz.com e akamai.com
- 16.
- 17. gzip, sprites, concatenar css e js, css no head, cache expires, js embaixo, minificar, uglify
- 18. reduzir requests criarsprites concatenar css e js data-uri
- 19. paralelismo CDNs diferentesdomínios
- 20. reduzir tráfego minificarjs, css, img e html domínios sem cookies gzip
- 21.
- 23. PageSpeed criado pelagoogle em 2010 plugin para chrome e firefox avalia 27 regras API aberta limitada a 25k reqs/dia módulos para Apache e Nginx
- 25. Yslow criado pelayahoo! em 2007 plugin para chrome e firefox avalia 23 critérios código aberto
- 26. yslow e pagespeed não escalam
- 27.
- 28.
- 29.
- 30.
- 31. grunt-pagespeed pagespeed: { options: { nokey: true, url: "https://fellipe.com" }, paths: { options: { paths: ["/talks", "/blog"], locale: "en_GB", strategy: "desktop", threshold: 80 }}} js
- 32. grunt-wpt grunt.initConfig({ wpt:{ options: { locations: ['Tokyo', 'SanJose_IE9'], key: process.env.WPT_API_KEY }, sideroad: { options: { url: [ ‘http://fellipe.com/blog', ‘http://fellipe.com/talks ] }, dest: ‘tmp/fellipe/' }}}); js
- 33.
- 34. workflow com gruntjse gulp https://github.com/ davidsonfellipe/grunt-workflow http://yeoman.io/blog/ performance-optimization.html
- 35.
- 36.
- 37. Apenas um share! - qual é o valor desse elemento na interface? - posso retardar o carregamento? - como melhoro a percepção do usuário?
- 38. Solução - imagemfake - carregamento dependente do scroll - reduzindo cerca de 40 requests
- 39.
- 40. Cenário com monitoração qa deploy produção dev feature ou bug fix deploy keepfast redução de performance
- 41.
- 42.
- 43. Webpagetest criado pelaAOL em 2008 teste de velocidade geolocalizado permite especificar o browser mantido pela google código aberto
- 44.
- 45.
- 46.
- 47.
- 48.
- 49. phantomas número deeventos via jQuery, chamadas para window.write seletores complexos e duplicados (via analisar-css) formato de saída JSON e CSV
- 50.
- 51.
- 52. wrappers baseados emphantomjs https://github.com/jmervine/ node-yslowjs https://github.com/addyosmani/ psi
- 53. Pagespeed Insights With Reporting term
- 54. algumas soluções pagas http://gtmetrix.com/ https://www.pingdom.com/ https://www.dareboost.com/ http://newrelic.com/browser-monitoring
- 55. “ um ser A adição de novas funcionalidades pode ser um bom momento para melhorias na página atual
- 60. A A AA A no WPT não garante que você está livre de problemas de performance
- 61. SPOF dependências deterceiros aumento do número de requests imagens sem compressão imagens que poderiam ser sprites
- 62. Há um mundo de conhecimento em busca do 60 FPS
- 63.
- 64.
- 65.
- 66.
- 67. “ você nãopode otimizar o que você não pode mensurar Anônimo
- 68.