The document introduces sitespeed.io, a set of open-source tools for optimizing web performance, created in 2012 by Peter Hedenskog. It details various functionalities, including built-in simulations, third-party tool integration, and reporting features, along with pros and cons of the tool. Additionally, it provides installation and configuration instructions and encourages users to get involved and provide feedback.

1. 26/01/2016
Philippe Donon

2. Plan2
Who are we ?
Sitespeed.io
Features
Demo
Beers !

3. 3
WHO ARE WE ?

4. Philippe Donon
Performance Team @ Privalia
Twitter : @sopwith2
4
Who am I ?

5. 5A LEADING GROUP
LEADERS IN ALL MARKETS
POLAND
FRANCE, SPAIN, ITALY,
GERMANY, AUSTRIA, UK
SPAIN, ITALY, MEXICO,
BRAZIL
BENELUX
SWITZERLAND
DENMARK
VENTE-PRIVEE GROUP

6. 6A LEADING GROUP AT YOUR SERVICE
FACTS & FIGURES
We are the flash sales
leading Group in UE &
LATAM
MAJOR PLAYER
Buyers
7 MM
Products sold / day
+320 K
2016 B2C
2,1 € Billions
Unique visitors /day
4MM
Of sales from mobile
65%

7. We use : … and more
7
DATA CODE PERFTOOLS

8. ”
What you can measure, you can
optimize.
Ilya Grigorik,
Performance engineer at Google,
Co-chair of W3C web performance,

9. 9
Sitespeed.io

10. Sitespeed.io
Is a set of Open Source tools that helps
make your web pages faster.
All platforms
Created in 2012, by Peter Hedenskog
10

11. ▹ Browsers support
▹ Mobile
▸ Simulation
▸ Real mobile (Android for now)
▹ Bandwidth simulation
▹ Continuous integration (Jenkins, Grunt, gulp ...)
▹ Selenium integration
▹ Crawling
11
Functionalities
1. Built-in simulation features

12. ▹ Integration with
▸ Webpagetest
▸ Google Page Speed Insight
▸ Slack
▹ Plugins
▹ Custom metrics
12
Functionalities
2. Third-party tools integration

13. 13
Functionalities
3. Reports
▹ Unitary Report
▹ Coach
▹ Historical dashboard
▹ Multiple pages and websites

14. 14 Architecture

15. Pros & Cons
15
Cons
● Young
● Geoloc
● Breaking changes
● No compare
● Some features not yet
available
● No scheduler (cron)
● No alerts triggered
Pros
● Quick install (Docker)
● Historical Data
● Third tools integration
● Dashboard
● Performance budget
● Quick Release cycles
● Open-source

16. 16
DEMO

17. You need Docker and Docker Compose.
Up and running in 5 minutes
1. Download our new Docker compose file:
curl -O https://raw.githubusercontent.com/sitespeedio/sitespeed.io/master/docker/docker-compose.yml
2. Run: docker-compose up
3. Run sitespeed to get some metrics:
docker-compose run sitespeed.io https://www.sitespeed.io/ --graphite.host=graphite
4. Access the dashboard: http://127.0.0.1:3000
login is sitespeedio and password is in docker-compose.yml file
17 Installation

18. https://www.sitespeed.io/documentation/sitespeed.io/configuration/
18 Configuration
Browser
Chrome or Firefox
Connectivity
Scripts
Video
Crawler
Depth
Max pages
Tools
Graphite
Webpagetest
Gpsi
Slack
Plugins
Plugins list
Custom metrics
Budget
Define our own performance
budget
Extra
Crawler
Real Mobile
sitespeed.io [options] <url>/<file>

19. ▹ Better tools we tried
▹ Very helpful to track changes
▹ Easy to use and install
▹ Greedy in space !
▹ Needs complementary tools
▹ Somes limitations
19
Feedbacks after 2 months

20. 20
BONUS

21. BONUS : Very, very useful links
▹ http://www.perf-tooling.today/
▹ WPT Bulk Tester v0.4 (Master)
▹ Slack Speed Monitor Bot
▹ https://gtmetrix.com/
21

22. 22
THANKS!
Any questions?
@sopwith2
philippe.donon@privalia.com

23. 23
▹ www.linkedin.com/in/monicamartidepedro
▹ monica.marti@privalia.com