Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WebPagetest in 5 minutes

Avatar for Koji Ishimoto Koji Ishimoto
October 30, 2013
Design
12
2.6k

WebPagetest in 5 minutes

Introduction to "Speed Index" of awesome tool WebPagetest.
http://www.webpagetest.org/ #frontrend
Avatar for Koji Ishimoto

Koji Ishimoto

October 30, 2013
Tweet

More Decks by Koji Ishimoto

See All by Koji Ishimoto
スタンドアロンAMPのすゝめ
Avatar for Koji Ishimoto t32k
3
13k
Evaluating your stylesheets
Avatar for Koji Ishimoto t32k
0
780
Evaluating CSS
Avatar for Koji Ishimoto t32k
10
2.2k
Modern Development Workflow with Grunt
Avatar for Koji Ishimoto t32k
22
36k
Introduction to Sass Compass for Sencha Touch
Avatar for Koji Ishimoto t32k
6
1.9k
var Gurator = Gist + Curator;
Avatar for Koji Ishimoto t32k
0
340
Sublime Text and Grunt for Titanium Development
Avatar for Koji Ishimoto t32k
5
3.3k
3 secrets for optimizing Web application
Avatar for Koji Ishimoto t32k
6
190
Mobile Front-end Optimization Standard:2012
Avatar for Koji Ishimoto t32k
7
980

Other Decks in Design

See All in Design
freee + Product Design FY25Q4
Avatar for freee freee
4
13k
プロダクトデザインの「守破離」の「破」について
Avatar for HAYASHIRINE hayashirine
0
340
Building foundations 堅牢なデザイントークンの設計
Avatar for Hiroki Tani hilokifigma
2
3.1k
Kid Cowboy 103
Avatar for Marilu Molina marilutwin
0
180
Dive Deep into Communication
Avatar for yoshikazu matsuoka yomtsu
0
250
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
Avatar for Takehiro KAWASE tkhr_kws
3
320
今日から意識できるアクセシビリティ
Avatar for fumiko fumiko
0
210
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
Avatar for 株式会社カミナシ kaminashi
2
1.5k
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
Avatar for ICHICHI ichichi
2
610
An Early Spring | Storyboard | Scenes 1-18
Avatar for Gio Fortunato giofortuna_story
0
180
オリジナルのデザイン地図を作ってみた！〜OpenMapTilesとMaputnikを活用した地図スタイル〜
Avatar for Hajime Kato hjmkth
1
470
マンガで分かるサービスデザインガイドライン
Avatar for デジタルサービス局戦略部 senryakuka
1
800

Featured

See All Featured
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
52
7.5k
The Language of Interfaces
Avatar for Des Traynor destraynor
158
25k
Visualization
Avatar for Eitan Lees eitanlees
146
16k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
280
13k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
23
1.6k
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
693
190k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
30
2.3k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
410
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
6.5k

Transcript

  1. Frontrend x Chrome Tech Talk Night Extended, October 30, 2013

    5 WebPagetest minutes in

  2. +KojiIshimoto

  3. Web Performance Warrior I’m a... www.flickr.com/photos/soldiersmediacenter/5349439407

  4. PageSpeed Insights WebPagetest

  5. WebPagetest

  6. None
  7. None
  8. None

  9. First Byte Start Render DOM Elements Document Compete Fully Loaded

    Load Time Waterfall View Connection View Screen Shot Filmstrip View Watch Video Scripted Test Waterfall Opacity Export HTTP Archive
  10. None
  11. None

  12. Speed Index

  13. None
  14. None

  15. Speed Index = end 0 1 ― 100 VC ∫

    ― ― ― end = End time in milliseconds VC = % (Visually Complete)

  16. Let’s Improve Performance

  17. None

  18. Before 80 PageSpeed Insight Score

  19. Remove it!

  20. After 93 PageSpeed Insight Score

  21. None

  22. WebPagetest

  23. WebPagetest

  24. 3105 WebPagetest

  25. None

  26. ―@maccaw Speed is the second biggest engagement driver on the

    Internet. Just after perceived speed.

  27. Private Instance for Ameba

  28. None

  29. Under Development

  30. Thanks! +KojiIshimoto