Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
gas-webpagetestで パフォーマンス計測を始めよう / get-started-m...
Search
howdy39
May 20, 2019
Programming
0
2.4k
gas-webpagetestで パフォーマンス計測を始めよう / get-started-measuring-performance-with-gas-webpagetest
howdy39
May 20, 2019
Tweet
Share
More Decks by howdy39
See All by howdy39
Slackbot × RAG で実現する社内情報検索の最適化
howdy39
2
510
AI新時代 情シスが向き合うべきAI活用戦略
howdy39
0
160
GAS x スプレッドシート x Looker Studio を組み合わせたデバイス管理 / DeviceMangent with GAS, SpreadSheet, Looker Studio
howdy39
3
1.5k
ChatGPTを使った 社内アシスタントBOTを作りました / ChatGPT Assistant Bot
howdy39
0
620
WebPagetestで始めるパフォーマンス計測 / Performance measurement starting with WebPagetest
howdy39
4
650
Storybookを用いたVue.js共通コンポーネント開発との戦い / stores-fights-storybook
howdy39
5
8.6k
Promise
howdy39
1
360
カラーユニバーサルデザイン / color universal design
howdy39
0
890
Geolocation API
howdy39
0
110
Other Decks in Programming
See All in Programming
私のRubyKaigi 2025 Kaigi Effect / My RubyKaigi 2025 Kaigi Effect
chobishiba
1
110
マイコンでもRustのtestがしたい/KernelVM Kansai 11
tnishinaga
0
880
「理解」を重視したAI活用開発
fast_doctor
0
300
eBPF超入門「o11yに使える」とは (20250424_eBPF_o11y)
thousanda
1
120
AWS Summit Hong Kong 2025: Reinventing Programming - How AI Transforms Our Enterprise Coding Approach
dwchiang
0
140
カウシェで Four Keys の改善を試みた理由
ike002jp
1
140
The Nature of Complexity in John Ousterhout’s Philosophy of Software Design
philipschwarz
PRO
0
170
医療系ソフトウェアのAI駆動開発
koukimiura
1
100
Instrumentsを使用した アプリのパフォーマンス向上方法
hinakko
0
250
個人開発の学生アプリが企業譲渡されるまで
akidon0000
2
1.2k
ドメイン駆動設計とXPで支える子どもの未来 / Domain-Driven Design and XP Supporting Children's Future
nrslib
0
260
Optimizing JRuby 10
headius
0
590
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Docker and Python
trallard
44
3.4k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
52
2.5k
YesSQL, Process and Tooling at Scale
rocio
172
14k
Statistics for Hackers
jakevdp
799
220k
Building Adaptive Systems
keathley
41
2.5k
The Pragmatic Product Professional
lauravandoore
33
6.6k
Code Reviewing Like a Champion
maltzj
523
40k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
24
2.7k
Code Review Best Practice
trishagee
68
18k
Faster Mobile Websites
deanohume
307
31k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Transcript
gas-webpagetestで パフォーマンス計測を始めよう! 2019.05.20 【エンジニア交流会】 Google Apps Script 活用ミートアップ #4
中野 達也 (@howdy39) 2 フロントエンドエンジニア 自己紹介
3 技術書典 6 技術書典 5 https://techthetoaster.org からPDF購入できます! 本書いてます
話すこと 4 1. WebPageTest とは 2. gas-webpagetest を使うと何が嬉し いのか
1. WebPageTest とは
▣ Webサービス ◦ 無料 ◦ パフォーマンス計測の実行と結果表示 ▣ API ◦ 無料
◦ 1日200回まで ▣ OSS ◦ 自前で用意したサーバーで実行できる WebPageTest とは 6
Webサービス 7 https://www.webpagetest.org
Webサービスの弱点 8 ▣ スナップショットの計測である ◦ 定期的な実行はできない → APIを使う必要がある
API 9 https://sites.google.com/a/webpagetest.org/docs/adv anced-features/webpagetest-restful-apis
APIの弱点 10 ▣ 実行環境は用意されていない ◦ APIを定期的に叩く実行環境が必要 ▣ パフォーマンス計測をするだけ ◦ 計測結果の見える化(グラフ化)が必要
▣ 計測結果は1ヶ月で消える ◦ 計測結果の保存が必要
2. gas-webpagetest を使うと何が嬉しいのか
12 APIの弱点を補ってくれます!
13 ▣ 実行環境は用意されていない ◦ APIを定期的に叩く実行環境が必要 → GAS ▣ パフォーマンス計測をするだけ ◦
計測結果の見える化(グラフ化)が必要 → Data Studio ▣ 計測結果は1ヶ月で消える ◦ 計測結果の保存が必要 → SpreadSheets
gas-webpagetest とは 14 ▣ GASを使った、Webパフォーマンス の計測・可視化ツール ▣ 構成要素 ◦ GAS(clasp)
◦ Data Studio ◦ SpreadSheets ▣ OSS https://github.com/uknmr/gas-webpagetest
15 gas-webpagetest ① git clone ② clasp push ③ API実行
④ API結果書き込み ⑤ 読み込み 図解
SpreadSheets 16
Data Studio 17
まとめ gas-webpagetest を使うと何が嬉しいのか
19 ▣ パフォーマンス計測ができる! ◦ 数値化 ◦ 定期的な実行 ▣ 手軽に始められる! ◦
サーバーの用意不要 ▣ 無料で始められる! ◦ WebPageTestのAPI ◦ GAS ◦ SpreadsSheets ◦ Data Studio
20 gas-webpagetest で パフォーマンス計測を 手軽に無料で始めよう! まとめ
21 ご清聴ありがとうございました!