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
Optimise your home page (fast as lightning)
Search
Peter Hedenskog
November 04, 2014
Technology
1
44
Optimise your home page (fast as lightning)
A Cybercom sponsored talk I did in Karlskrona Sweden about making your pages as fast as possible.
Peter Hedenskog
November 04, 2014
Tweet
Share
More Decks by Peter Hedenskog
See All by Peter Hedenskog
Keeping Wikipedia fast [WeLoveSpeed]
soulislove
1
410
Measuring Web Performance for Wikipedia using synthetic testing tools
soulislove
0
370
Measuring Web Performance Using Selenium
soulislove
2
690
Monitoring Web Performance using Open Source tools (Stockholm)
soulislove
2
220
Monitoring web performance using Open Source tools (San Francisco & Silicon Valley Web Performance Group)
soulislove
1
330
Monitoring web performance using Open Source tools (South Bay JavaScript Meetup)
soulislove
0
230
Integrating performance tools into continuous delivery
soulislove
0
220
How to make your boss speed-curious and other webperf tricks - coldfront2014
soulislove
0
170
Sitespeed.io Lightning demo @ Velocity Santa Clara 2014
soulislove
0
100
Other Decks in Technology
See All in Technology
効果的なオンコール対応と障害対応
ryuichi1208
6
3.1k
PDF Viewer作成の今までとこれから
hunachi
0
470
QAに対する超個人的な解釈 / Personal Take on QA
toma_sm
1
100
自作Cコンパイラ 8時間の奮闘
soukouki
0
850
JEP 480: Structured Concurrency
aya_ebata
0
130
サーバレスでモバイルアプリ開発! NTTコム「ビジネスdアプリ」のアーキテクチャ / The architecture of business d app
nttcom
12
240
「家族アルバム みてね」における運用管理・ オブザーバビリティの全貌 / Overview of Operation Management and Observability in FamilyAlbum
isaoshimizu
4
160
The XZ Backdoor Story
fr0gger
0
3.6k
社内の学びの場・コミュニティ形成とエンジニア同士のリレーションシップ構築/devreljapan2024
nishiuma
3
290
OR学会2024秋_短期収益と将来のオフ方策評価性能を考慮したクーポン割当方策混合比の決定
recruitengineers
PRO
4
460
React Aria で実現する次世代のアクセシビリティ
ryo_manba
4
1.2k
DuckDB雑紹介(1.1対応版)@DuckDB座談会
ktz
6
1.4k
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
78
8.6k
Adopting Sorbet at Scale
ufuk
73
8.9k
Web development in the modern age
philhawksworth
205
10k
The World Runs on Bad Software
bkeepers
PRO
64
11k
Testing 201, or: Great Expectations
jmmastey
36
7k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Why You Should Never Use an ORM
jnunemaker
PRO
53
8.9k
Building a Scalable Design System with Sketch
lauravandoore
459
32k
Become a Pro
speakerdeck
PRO
22
4.9k
The Power of CSS Pseudo Elements
geoffreycrofte
71
5.3k
How STYLIGHT went responsive
nonsquared
93
5.1k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
123
18k
Transcript
[email protected]
Optimera er hemsida 2014-11-04
Peter Hedenskog web performance geek
None
None
The secret
None
None
faster websites makes less money
faster websites makes less money more
“We made the new platform 60% faster and this resulted
in a 14% increase in donation conversions.”
For every 1 second of improvement Walmart experienced up to
a 2% increase in conversions. For every 100 ms of improvement, Walmart grew incremental revenue by up to 1%
Staples shaved 1 second off median, 6s off 98th percentile,
conversions improved 10%
“Over time we found a strong correlation between site speed
and buyer purchases per week”
“A slow site impacts the brand” Tammy Everts
None
http:// www.peterhedenskog.com/ blog/2014/09/more-speed- more-money/
“We must deliver and render the above the fold (ATF)
content in under one second, which allows the user to begin interacting with the page as soon as possible.”
Why?
< 0.1 second - instant < 1.0 second - flow
=>10 seconds - lost Robert B. Miller - Response Time in Man- Computer Conversational Transactions (1968) The brain
Context
“Smart phone users are more tolerant to slow sites”
We accept slower page load time when we go to
checkout.
but …
None
None
None
The Performance Golden Rule!
“80-90% of the end-user response time is spent on the
frontend.” Steve Souders - Yahoo/Google/Fastly Tested top 50K Alexa websites
front end dev
front end dev
front end dev
front end dev
front end dev
With great power …
comes great responsibility!
Web performance 2014
“I like thinking big.” Donald Trump
“Think small” Peter Hedenskog
What?
super computers
super fast internet
remember
mobile phones
data
the city
“Think small” Peter Hedenskog
minimize
combine
avoid requests
no requests
above the fold
Web performance in practice
None
How?
None
s Web perf tool
None
Web perf tool
BFF
Integrate performance tools into continuous delivery
Web performance in practice 2
None
None
communication
The boss
Visualize
The boss understands red, yellow and green
1200 ms
red 1200 ms
yellow 1200 ms
green 1200 ms
None
None
business
the problem solver
the performance budget
None
summary
None
None
small
None
None
None
None
Thank you! Peter Hedenskog @soulislove