サポート

スピード改善のリーダー46人、それぞれのSpeedCurveの使い方を教えます。

世界のトップリーダーによるSpeedCurveへの感動と評価です。

1.Telegraphは、サードパーティタグを整理し、表示スピードを向上させました。

The Telegraph: 2019年5月1日

SpeedCurveは、潜在的に抱えている問題を特定するのに役立ちます。例えば、ダッシュボードでは、JavaScriptの使い方やサードパーティ周りの情報がわかります。私たちがどこから始めて、どこにいく必要があるかを記録し続けることで理解をさせてくれます。

ガレス・クラッブ
プリンシパルソフトウェアエンジニア@The Telegraph
https://medium.com/the-telegraph-engineering/improving-third-party-web-performance-at-the-telegraph-a0a1000be5

2.大規模サイトのSPAシングルページアプリケーションのスピードを記録

Holiday Extras: 2019年4月8日

私たちは、RUMの「スクリプトのブロック 」のメトリックを使用して、最後の同期スクリプトを変更して、読み込み時間を40%短縮しました。

エリオット・クラッシュ
UX開発者@Holiday Extras

https://tech.holidayextras.com/tackling-single-page-application-performance-at-scale-85c67613e4b7

3.Link Rel=preconnect HTTPヘッダを使用した表示スピードの改善

Andy Davies: 2019年3月22日

小さな変化は、時には大きな影響を与えることがあります。

アンディ・デイヴィス。
Webパフォーマンス・コンサルタント@Andy Davies

https://andydavies.me/blog/2019/03/22/improving-perceived-performance-with-a-link-rel-equals-preconnect-http-header/

4. redux-observableを使ってSpeedCurve「リアルユーザー・モニタリング」を設定する方法

Unsplash: 2019年2月28日

SpeedCurveを使ってUnsplashの表示スピードを追跡し始めました。私たちのアプリで、「リアルユーザー・モニタリング」(RUM)を、使えるようにするには、クライアント側のナビゲーションを処理する追加作業が必要でした。

サミ・ジャバー

フルスタック・エンジニア@ Unsplash

https://medium.com/@samijaber/how-to-setup-speedcurve-real-user-monitoring-using-redux-observable-8e647079646

5. パフォーマンス基盤の構築

Pinterest: 2018年11月9日

Webパフォーマンスチームの仕事は、データ収集に取り組み、開発者が新機能のリリースしたあとも、パフォーマンス低下を防ぐことです。また、ユーザーによるPinterest体験を改善するためのベストな方法追求し、表示スピード優先を続けることです。

ミシェル・ブー。

ソフトウェアエンジニア@Pinterest

https://www.youtube.com/watch?v=FBeR6QvroEQ

6. GOV.UKの表示スピード高速化して、データの使用量を削減しました

GOV.UK: 2018年10月4日

単純なコード変更を行いましたが、GOV.UKコードベースへの影響は大きかったです。私たちは、フォントを参照する`@font-face`の読み込み方法を変更しました。

マット・ホッブズ

フロントエンド開発責任者@GOV.UK

https://technology.blog.gov.uk/2018/10/04/making-gov-uk-pages-load-faster-and-use-less-data/

7. Optimizelyをセルフホスティングすることで、Casper.comを1.7秒短縮しました

Casper: 2018年8月29日

casper.comに変更を加えました、OptimizelyのJavaScriptをベンダーのサーバではなく当社のサーバから読み込むようにしました。この変更で、レンダリング開始時間が1.7秒短縮されました。

カイル・ラッシュ

エンジニアリング担当副社長@ Casper

https://medium.com/caspertechteam/we-shaved-1-7-seconds-off-casper-com-by-self-hosting-optimizely-2704bcbff8ec

8. ホテル検索のスピードを25%高速化しました。

Trivago: 2018年5月11日

新興国の市場では、最適なパフォーマンスを維持すること自体が課題です。ネットワークさまざまな条件やデバイスのトポロジーが異なると、別の問題が発生します。トリバゴの厳しいテスト文化のおかげで、こうした問題をベンチャー市場のカギとして定義付けました。

トビアス・バルドーフ

チームリーダーコアフロントエンド@ Trivago

https://www.youtube.com/watch?v=9f2sjQmJCKY

9. 相関関係とパフォーマンスメトリックの技術

Business Insider: 2018年5月9日

Business Insiderでは、Web表示スピードをテストする方法として、シンセティック(合成)テストを重視しています。より高いユーザーエクスペリエンスは、ユーザー満足度につながるからです。

ジェイソン・メリマン

主任技術者@ Business Insider

https://www.businessinsider.com.au/correlation-performance-metrics-2018-5

10. NerdWalletは表示スピードを改善!

NerdWallet: 2018年4月26日

NerdWalletは  SpeedCurveの採用こそ「私たちが行った最大の変更だ」といいます。サイトのパフォーマンスを重視し、パフォーマンスカルチャーを育成し、定期的に計測を続けています。

ソフトウェアエンジニア

@NerdWallet

https://medium.com/@francis.john/speeding-up-nerdwallet-5831434ec3ca

11. より速いテンプレートデザインを作るために

Shopify: 2017年7月13日

プロジェクト全体を通じてパフォーマンスバジェットを維持するように使っています。Shopify テーマストアでは、より速いリッチなテーマ・テンプレートを提供しています。

トーマス・ケリー

上級Web開発者@Shopify

https://www.shopify.com/partners/blog/narrative-web-performance

12. 2000万人の生徒のためにWebリニューアルを成功させる

Quizlet: 2017年6月14日

毎月2000万人以上が利用する当社のサイトでは、リニューアルをいつどのように行うかは重要です。大きなアップデート時には、生徒たちのために、見た目以上に、機能的に改善をする必要があります。

Jen Liu

プロダクトマネージャ@Quizlet

https://medium.com/tech-quizlet/launching-a-successful-redesign-for-20-million-students-2f4c4b518b6e

13. BBCニュースのフロントページの高速化について

BBC News: 2017年6月14日

私は、いつもBBCニュースのウェブサイトは不必要に遅いと訴えてきました。訪問数の多いBBCのトップページをリニューアルする機会を得て、そのチャンスに飛びついたのです!

ジョセフ・ウィン

主任技術者@ BBC News

https://wildlyinaccurate.com/introducing-a-faster-bbc-news-front-page/

14. Webにおけるパフォーマンスカルチャーの構築

Cars.com:2016年12月5日

Webサイトの表示スピードは、時間の経過とともに簡単に劣化してしまいます。イノベーション競争に遅れないように努めていますが、調整と最適化を行い続けることは困難です。多くの場合、組織はパフォーマンスの技術的な不足と日常業務のバランスを取ることに苦労しています…

グレッグ・ハイドーン

ソフトウェア・エンジニアリング担当ディレクター@Cars.com

https://tech.cars.com/building-a-web-performance-culture-902f34394b50

15. ユーザ中心のパフォーマンスメトリックを採用する方法

Ancestry: 2016年7月21日

Ancestry.comでは、レンダリング時間を68%、ページ容量を46%、ロード時間を64%改善した結果、コンバージョンが7%も増加しました。

ジェッド・ウッド。

シニアUXデザインマネージャ、プロトタイピングおよびパフォーマンス@ Ancestry

https://www.dropbox.com/s/8rffw1px0yn05gm/Velocity-NY-Jed-Wood-Ancestry-User-Centered-Metrics.pdf?dl=0

16. モバイルファーストとパフォーマンスファーストの文化を作る

Vox Media: 2016年7月11日

Vox Mediaにとって、モバイルファーストは、パフォーマンスファーストと同じ意味です。Dan ChiltonとGuillermo Estevesは、彼らがどのようにパフォーマンスカルチャーの構築に取り組んだかを解説しています。

ダン・チルトン。

フロントエンド・エンジニアリング担当ディレクター@ Vox Media

https://responsivewebdesign.com/podcast/vox-media-performance/

17. PerfOpsは、Marks&Spencerの表示スピードにどんな革命を起こしたか?

Marks&Spencer: 2016年4月5日

Andy氏は、セミナーでMarks&Spencerの表示スピード改善とその過程で学んだこと、今後どこへ向かうかについて説明します。

アンドリュー・ニールソン

PerfOps責任者@Marks&Spencer

https://www.youtube.com/watch?v=LHlmJIjhzoM

18. 予算内で、より大きくすばやくエンゲージメントを得る!

Zillow: 2015年8月7日

Zillowは、SpeedCurveのパフォーマンスバジェットを使い、A/Bテストを行い、極めて詳細な説明をおこないました。

ネイサン・バウアー。

上級パフォーマンス・エンジニア@ Zillow

https://www.zillow.com/engineering/bigger-faster-more-engaging-budget/

19. パフォーマンスが瓦解しています。

Vox Media: 2015年8月7日

見てください、弊社のサイトはかつてスピードがでていません。つまり、ここでは追いかけることをやめましょう。私たちのサイトは非常に遅くなっています。

ダン・チルトン

フロントエンドエンジニアリング担当ディレクター

@ Vox Media

https://product.voxmedia.com/2015/5/6/8561867/declaring-performance-bankruptcy

20. ニュース速報:1000ms

The Guardian: 2014年9月2日パトリックは、ネットワークからレンダリングまでのパフォーマンスの落とし穴とボトルネックについて詳しく説明します。彼らのチームは、最新ニュースを報道機関から配信するために、その課題を突破しなければなりませんでした。心理的にも重要な1000ms以内でブラウザに直接アクセスできるようにします。

パトリック・ハマン

リード・ソフトウェア開発者


(以下 21~46人のコメント)

@ The Guardian

https://product.voxmedia.com/2015/5/6/8561867/declaring-performance-bankruptcy

Simão Freitas

SpeedCurveは新たなパフォーマンスのボトルネックを見つけるのを助けてくれます。ともて簡単なツールです❤

シモン・フレイタス-マーリー・スプーンhttps://twitter.com/depoisfalamos/status/978399613278478336

João Cunha

私が知っている中でSpeedCurveは最高のツールです。モニタリングを通してパフォーマンスカルチャー育みます。これは洞察を与え、パフォーマンス上の主な問題点を指摘し、競合他社と比較してサイトをランク付けします。

ジョアン・クーニャ-フォレゴンhttps://twitter.com/joaocunha/status/1087523689132892160

Kyle Rush

すでに、みなさんはSpeedCurveという素晴らしい道具を手にしました。B2Bソフトウェアでこれほど満足し、興奮した経験はありますか?😃

Kyle Rush-@Casperのエンジニアリング担当副社長。以前は@HillaryClinton @BarackObama @Optimizely @NewYorker

Pat Meenan

SpeedCurveは、まったく新しいWebPageTestです。継続的にテストを実行し、ユーザー中心のメトリックにチームを集中させてくれます。

Pat Meenan-WebPageTestのクリエーター

Kevin Suttle

他のプラットフォームでは、質問しないといけなかった。SpeedCurveは素晴らしい特徴を持っています。

Kevin Suttle -IBM、設計技術者

Flossington

SpeedCurveのカスタム・チャートで、100万倍便利になりました!私は今、天国への道にいます。

Flossington – The Crunchy Toast

https://twitter.com/thecrunchytoast/status/1068279700487716864

Tim Kadlec

SpeedCurveは、RUMデータとビジネス指標との関連付けに適しています。直帰率の周辺には、すぐ利用できるものがあります。グラフやトラッキングのためのカスタムビジネスメトリクスを簡単に追加できます。

Tim Kadlec-パフォーマンスコンサルタント

https://twitter.com/tkadlec/status/966340730380791808

Tamara Forza

仕事でSpeedCurveを利用しています。Schiphol Webサイトを改善しパフォーマンス監視できるのはとてもうれしい。

Tamara Forza-フロントエンド開発責任者

https://twitter.com/tforza/status/1060455322517671936

Harry Roberts

SpeedCurveのデモをクライアントに見せるのが大好きです。また恋に落ちてしまいそう。すっごく気持ちいい。

ハリー・ロバーツ-CSSウィザードリー

https://twitter.com/csswizardry/status/958412093740470273

Andrew Del Prete

SpeedCurveに圧倒されました。SpeedCurveの個々のビューは素晴らしく、Chrome Dev ToolsやWebPageTestもロードすることができます。

アンドリュー・デル・プレテ

https://twitter.com/AndrewDelPrete/status/827346204769947648

Jed Wood

ここ数年、SpeedCurveを楽しく使っています。主要ページの多くで、目を見張る進歩が達成できました。これはSpeedCurveなしではできませんでした。

ジェッド・ウッド-アンセストリー

Andreas Stephan

SpeedCurveの機能について、@tamevertsと@Soudersから電話がありました。このような素晴らしいツールに加えて、素晴らしいカスタマーサービスを受けることができて本当にシアワセです。ありがとう!

Andreas Stephan-Talentformation、シニア・プロダクト・マネージャ

https://twitter.com/andyman3000/status/1068189242478739459

Cato Johnston

WebPageTestとRUMの結果を継続的に追跡するためにSpeedCurveを使用しました。またAdobe Tag Managerを2週間オフにして様子を見ることをクライアントにおすすめしました。ロード時間が目標達成しました。

Cato Johnston-Digital Arts Network (デジタルアーツネットワーク)

https://twitter.com/obfuscato/status/966236185881231366

SpeedCurveは、エレガントなUXを追求する上で不可欠なツールです。

Vadim Supitskiy-フォーブス

Guy Podjarny

SpeedCurveはビジュアル的に素晴らしい。私が待ち望んでいた機能をすべて持っています。

Guy Podjarny-Webパフォーマンスとセキュリティのギーク

Patrick Hamann

SpeedCurveを利用して、Guardianの新しいレスポンシブサイトの表示スピード調査しました。

パトリック・ハマン

Nick Howe

SpeedCurveの設定はわずか5分。私たちのサイトが絶対値としてどうなっているか、競合サイトと比較してどうなっているかがひと目で分かります。

Nick Howe氏-Hitachi Data Systems

Addy Osmani

SpeedCurveが最近の行動: First Input Delayのサポート、ロングタスク、CPUスクリプティングタイム、パフォーマンスバジェットのサポート、Last Painted Hero。パフォーマンス監視の分野では、誰もが大きな衝撃を受けています。

Addy Osmani-Google Chrome

https://twitter.com/addyosmani/status/1007462584084099073

Barry Pollard

SpeedCurveは、傾向分析、パフォーマンスアラートなどに非常に役立ちます。スーパーチャージ付きの自動WebPageTestのようなもので、トレンド分析やパフォーマンスアラートにはとても便利です。

Barry Pollard:HTTP/2の著者

https://twitter.com/tunetheweb/status/1091861362085715968

Oleg Zender

SpeedCurveが急にSpeed Indexの上昇を示しました。短期で達成したので、私はCSIエージェントのような気分になりました。

オレグ・ツェンダー-ウェルト

https://twitter.com/zenderol/status/1044314545546821633

André Scholten

Speedcurveは気に入っています。競合他社のやり方を指摘し、マネジメントを改善し軌道に乗せています。

Andre Scholten-Webパフォーマンススペシャリスト

https://twitter.com/AndreScholten/status/1096420800385769473

Tom Dooner

スタジオの壁モニターには、SpeedCurveの内容を表示させています。競合他社のサイトよりも速いスピードを維持しているのは大きなモチベーションになります。

Tom Dooner-Causes

Barry Pollard

Author of HTTP/2 in Action

Webサイトのリニューアルは、SpeedCurveの価値をしっかりと表します。基本的には強化版のWebページテストです。SpeedCurveには、本当に良いものがたくさんあります。

Barry Pollard:

https://twitter.com/tunetheweb/status/1062469472311828481

Ian Carrico

SpeedCurveという製品がなければ、これ以上のWebサイトの進歩は望めなかったでしょう!

Ian Carrico-Vox Media (イアン・カリコ-Voxメディア)

Tommy Parnell

SpeedCurveを一週間ほど使うだけで、100%満足できます。フロントエンドの表示スピードに課題があるなら、上司や会社にSpeedCurveの費用を出してもらいましょう。驚くべきは、Lighthouseのスコアを時間の経過とともに簡単にグラフ化できることです。

トミー・パーネル- CarGurus 

https://twitter.com/TerribleDev/status/1103661019300315139

João Pedro Ribeiro

HTTP / 2サーバーのプッシュ設定を調整して、1秒以内に削減管理しています。SpeedCurveのダッシュボードですべて監視しています。

ジョアン・ペドロ・リベイロ-VoucherCodes

https://twitter.com/jpedroribeiro/status/1050442460323868673

関連記事

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。