staying in the fast lane - tools to keep your site speedy and light
TRANSCRIPT
![Page 1: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/1.jpg)
![Page 2: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/2.jpg)
STAYING IN THE FAST LANETOOLS TO KEEP YOUR SITE SPEEDY AND LIGHT
@stefanjudis
![Page 3: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/3.jpg)
DOING NERDY STUFF FOR 4 YEARSMOSTLY ECOMMERCENOW ENTERING THE WORLD OF SPA’S
![Page 6: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/6.jpg)
USING IT EVERYWHEREAND ALL THE TIME
![Page 7: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/7.jpg)
MOBILE IS A THINGhttps://www.flickr.com/photos/31004024@N04/15248248489/in/photostream/
https://www.flickr.com/photos/johnragai/16173931605 https://www.flickr.com/photos/kk/6863172432
![Page 8: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/8.jpg)
DATA LIMIT IN GERMANY CURRENTLY1GB PER MONTH
DAILY MADNESSIN A FOREIGN COUNTRY
![Page 9: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/9.jpg)
PERFORMANCE IS A HOT TOPIC
NOT ONLY ON MOBILE BUT ESPECIALLYON MOBILE
![Page 10: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/10.jpg)
FIREFOX REDUCED AVERAGE LOAD TIME BY 2.2 SECONDSAND INCREASEDDOWNLOADS BY 15.4%10.28 MILLION ADDITIONALDOWNLOADS PER YEAR
http://blog.mozilla.org/metrics/2010/04/05/firefox-page-load-speed-%E2%80%93-part-ii/
![Page 11: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/11.jpg)
GOOGLE INCREASED PAGE LOAD TIME BY 500 MILLISECONDSGOT 25% FEWER SEARCHES
http://glinden.blogspot.de/2006/11/marissa-mayer-at-web-20.html
![Page 12: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/12.jpg)
THE GUARDIAN SURVEYED 3000 USERSAND THEY RATED SPEEDSECOND MOST IMPORTANT, ONLY AFTER EASY TO FIND CONTENT
https://speakerdeck.com/patrickhamann/breaking-news-at-1000ms-front-trends-2014
![Page 13: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/13.jpg)
PERFORMANCE AFFECTS
YOUR BOTTOM LINE
![Page 14: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/14.jpg)
BUILD UP A PERFORMANCE CULTURE
SET A BUDGETBECOME FASTSTAY FAST
![Page 15: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/15.jpg)
HOW TOSET A BUDGET
![Page 16: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/16.jpg)
EVERBODYHAS TO BEON BOARD
![Page 17: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/17.jpg)
DEFINE YOUR KPI’SPAGE LOAD TIMEPAGE WEIGHTNUMBER OF REQUESTSFIRST PAINTSPEED INDEXGOOGLE PSI SCOREVISUALLY COMPLETE
![Page 18: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/18.jpg)
SPEED INDEX
![Page 19: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/19.jpg)
YOU KNOW BESTWHAT IS IMPORTANTFOR YOUR USERS
TWITTER KPI:TIME TO FIRST TWEET
![Page 20: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/20.jpg)
CHECK WHAT YOU HAVEDON’T MAKE IT WORSE
![Page 21: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/21.jpg)
MY ANSWER TO HOWFAST IS FAST ENOUGH?
A SPEED INDEXOF UNDER 1000.
“
“
@paul_irish
![Page 22: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/22.jpg)
WHAT HAPPENSIF SOMETHINGDOES NOT FITWITHIN THEBUDGET
![Page 23: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/23.jpg)
OPTIMIZE AN EXISTING FEATURE OR ASSET ON THE PAGE
![Page 24: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/24.jpg)
REMOVE AN EXISTING FEATURE OR ASSET ON THE PAGE
![Page 25: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/25.jpg)
DO NOT ADD THE NEWFEATURE OR ASSET
![Page 27: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/27.jpg)
HOW TOBECOME FAST
![Page 28: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/28.jpg)
CONCAT MINIFYABOVE THE FOLD UGLIFY COMPRESSSPRITE INLINE
![Page 29: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/29.jpg)
![Page 30: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/30.jpg)
BUILD ALLTHE THINGS
![Page 31: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/31.jpg)
“YAY, WE SAVED 200KBDOING THIS AND THAT!”
“HMM, WE’VE GOT A SUPER SLOW LANDING PAGE THERE.WHEN DID THAT HAPPEN?”
IT’S A NEVER ENDING STORY!
![Page 32: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/32.jpg)
HOW TOSTAY FAST
![Page 33: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/33.jpg)
AUTOMATEMONITORVISUALIZE
![Page 34: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/34.jpg)
REAL USERMEASUREMENT
- RUM -SYNTHETIC PERFORMANCETESTING
vs
http://www.soasta.com/the-performance-beacon/synthetic-real-user-measurement-monitoring-rum/
![Page 35: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/35.jpg)
- RUM -
![Page 36: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/36.jpg)
WHAT ARE YOUR USERS’ ENVIRONMENTS?HOW DO USERS MOVETHROUGH YOUR SITE?WHAT IMPACT DOES PERFORMANCE HAVE ON YOUR ACTUAL BUSINESS?
![Page 38: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/38.jpg)
RUM
![Page 39: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/39.jpg)
YOU CAN’T MEASURE COMPETITORS
YOU CAN’T MEASUREPRE-PRODUCTION SITESDIVING DEEP INTOPERFORMANCE ANALYSISCAN BE TRICKY
![Page 40: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/40.jpg)
SYNTHETIC PERFORMANCE
TESTING
![Page 41: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/41.jpg)
HOW DO YOU COMPARE TO YOUR COMPETITORS?HOW DOES THE NEWEST VERSION OF YOUR SITE COMPARE TO PREVIOUS VERSIONS?HOW WELL ARE YOU STICKINGTO YOUR PERFORMANCE BUDGET?
![Page 42: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/42.jpg)
PERFECT FOR
AUTOMATION!
![Page 43: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/43.jpg)
https://developers.google.com/speed/pagespeed/insights/
SPT
![Page 44: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/44.jpg)
SPT
![Page 46: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/46.jpg)
SPT
![Page 47: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/47.jpg)
SPT
![Page 49: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/49.jpg)
SPT
![Page 50: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/50.jpg)
http://calendar.perfplanet.com/2014/driving-webpagetest-from-a-google-docs-spreadsheet/
SPT
![Page 51: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/51.jpg)
THERE IS ONETHING TO MENTIONTHE PUBLIC WEBPAGETEST
API IS LIMITED
![Page 52: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/52.jpg)
http://calendar.perfplanet.com/2014/free-webpagetest-api-keys/
![Page 54: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/54.jpg)
SPT
![Page 56: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/56.jpg)
SPT
![Page 58: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/58.jpg)
SPT
![Page 59: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/59.jpg)
SPT
![Page 60: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/60.jpg)
SPT
![Page 61: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/61.jpg)
$ sitespeed.io -u http://www.smashingmagazine.com -b firefox --budget budget.json
SPT
![Page 62: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/62.jpg)
SPT
![Page 63: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/63.jpg)
SPT
http://www.peterhedenskog.com/blog/2015/04/open-source-performance-dashboard/
![Page 65: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/65.jpg)
SPT
![Page 66: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/66.jpg)
THERE ARE TONS OFRESOURCES OUT THEREAND IT IS HARD TO KEEP
TRACK OF ALL OF THEM
![Page 68: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/68.jpg)
WE ARE EXCITEDABOUT YOUR CONTRIBUTIONS.
![Page 69: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/69.jpg)
GO STEP BY STEPSTART MONITORING
IMPROVE
![Page 70: Staying in the fast lane - tools to keep your site speedy and light](https://reader036.vdocuments.site/reader036/viewer/2022062710/55a790361a28ab30478b464c/html5/thumbnails/70.jpg)
DON’T RELY ON WHATYOU THINK YOU KNOW.
PROVE IT.“
“
@benschwarz@stefanjudis
&
SHARE IT.SHOW IT.