SlideShare a Scribd company logo
Deri Jones
Making your website fast - and
scalable
Jan 14 2015
#Digibury

@Digibury
@SciVisum_Ltd
Tue Feb 3rd
Website Speed
● Black Friday and Xmas peaks
Digibury: SciVisum - Making your website fast - and scalable
The Need for Speed
● Impatience
● SEO
The Need for Speed
● Impatience
● SEO
● UX is the final USP
Your

UX
Your
offering
What makes sites slow ?
Network effects
●ADSL 3G 4G
Latency
Latency targets
● Backbone best:
● Local:
− ADSL 25 mS
− Mobile 250 mS
Network effects
●Bulky: Images
●Too many objects
●Not using HTTP Keep alive
Firebug / devTools
Digibury: SciVisum - Making your website fast - and scalable
Browser effects
●Objects block
●Rendering time
3rd party scripts
The offender:
● <script src="http://3rdparty.com/script.js"></script>
Old solution
These days
<script async defer src="siteScript.js" onload="myInit()"></script>
These days:
Browser effects
●Objects block
●Rendering time
●3rd party blocking
Ad serving is slow
And no political motive to be faster
Will get slower as big-Data progresses
Responsive web
Avoid the Whitehouse.org story...
Can be good:
●Painless install
●Many configuration choices
Can be tricky:
●Embedded CSS obsession
Tools
● Firebug, DevTools
● HTTPArchive.org
● Webpagetest.org
Designers vs Speeders
Challenges
● Responsive web:
− Better than 2 sites www. and m.
Digibury: SciVisum - Making your website fast - and scalable
Website Scaling
Surprising lessons
● Cloud auto-scaling – doesn't work
Surprising lessons
Cloud auto-scaling – doesn't work
− Scales too late
− Allows rest of farm to die
− Small print:
− Strictly 'very often' doesn't work
Surpising lessons
● Cloud auto-scaling – doesn't work
− Scales too late
− Allows rest of farm to die
● Cloud auto-scaling
● Uncertain spin-up time
● DOA
● Scaling
● Don't obsess Disk IO
− Yes it's moving metal
− Web is a lot about static content
● Scaling
● The code platforms are good
● Many problems in SysAdmin configs
● CDNs
− Cache-Miss hurts
● But don't assume!
● Scaling
● Many big hosters:
− Not motivated to help you
● Scaling
Users' Experience
It's both:
●The new battleground
●A challenge
− Single Page website
− Offline-cache content
− Users' journeys complexity
User Experience
● Cultural shift
− Make every one responsible for it!
● Performance is a deliverable
− Test every release
− Continuous Integration
User Experience
● Hard
● Easier to save timings in your code
− ElasticSearch, Graphite
● RUM and Analytics help
User Experience
● 'Do what your Customers do'
− more Synthetic monitoring
− For another day ...
Making your website fast - and scalable
Deri Jones
Digibury January 2015
Resources
● London Web performance meetup
− http://www.meetup.com/London-Web-Performance-Group
● Third Party Footprints
− http://www.slideshare.net/bbinto/third-party-footprint-evaluating-the-performance-of-external-scripts
● HTTP Archive
− https://speakerdeck.com/deanohume/the-good-the-bad-and-the-ugly-of-the-http-archive

More Related Content

PPTX
Building Responsible Wordpress Sites
PDF
Using WordPress with Static Site Generators by Muhammad Muhsin and Jason Bahl...
ODP
WordPress, HTML5 and CSS3
ODP
Sydjs: static site generators
PPTX
Website Speed :: Fox Valley Computing Professionals, September 2014
PPTX
New Ranking Metrics by Google
PDF
Word press beyond websites toronto
Building Responsible Wordpress Sites
Using WordPress with Static Site Generators by Muhammad Muhsin and Jason Bahl...
WordPress, HTML5 and CSS3
Sydjs: static site generators
Website Speed :: Fox Valley Computing Professionals, September 2014
New Ranking Metrics by Google
Word press beyond websites toronto

What's hot (13)

PDF
Course Document
PPT
Beyond the MEAN Stack: Thinking Small with Node.js for the Enterprise
PPTX
13 steps to a faster jekyll website
PDF
13 steps to a faster jekyll website
PDF
From nothing to a video under 2 seconds / Mikhail Sychev (YouTube)
PPTX
Word press optimizations
PDF
Blogging With Jekyll | Blogging Like a Hacker
PDF
Beyond the Standards
PPTX
AngularJs - Taming the Superhero
PDF
The Role of Database Systems in the Era of Big Data
PDF
Adaptive profiles t3 con13 sf
PPTX
PDF
State of the Web
Course Document
Beyond the MEAN Stack: Thinking Small with Node.js for the Enterprise
13 steps to a faster jekyll website
13 steps to a faster jekyll website
From nothing to a video under 2 seconds / Mikhail Sychev (YouTube)
Word press optimizations
Blogging With Jekyll | Blogging Like a Hacker
Beyond the Standards
AngularJs - Taming the Superhero
The Role of Database Systems in the Era of Big Data
Adaptive profiles t3 con13 sf
State of the Web
Ad

Similar to Digibury: SciVisum - Making your website fast - and scalable (20)

PPTX
Performance & dev tools
PDF
Serverless Big Data Architecture on Google Cloud Platform at Credit OK
PPT
Making your websites fast and scalable - Deri Jones CEO, SciVisum Ltd
PDF
kranonit S06E01 Игорь Цинько: High load
PDF
What cloud changes the developer
PDF
20 tips for website performance
ODP
OpenStreetMap : Open Licensed GeoData
ODP
OpenStreetMap : Open Licensed GeoData
PPTX
Web Performance Optimization
PDF
OSMC 2019 | How to improve database Observability by Charles Judith
PDF
Understanding Page Load / Ziling Zhao (Google)
PDF
HTML5 - The Good, the Bad, the Ugly
PPTX
Reducing Site Speed - Authoritas 'Tea-time SEO' Series of Daily SEO Live Streams
PDF
Piano Media - approach to data gathering and processing
PDF
Continuous delivery
PDF
Web performance mercadolibre - ECI 2013
PDF
#OSSPARIS19 - How to improve database observability - CHARLES JUDITH, Criteo
PDF
Need for Speed: Website Edition – Website Optimization Tools and Techniques P...
PDF
Speed in Four Quarters :: A Technique to Compare Web Page Performance
PDF
Django on app engine
Performance & dev tools
Serverless Big Data Architecture on Google Cloud Platform at Credit OK
Making your websites fast and scalable - Deri Jones CEO, SciVisum Ltd
kranonit S06E01 Игорь Цинько: High load
What cloud changes the developer
20 tips for website performance
OpenStreetMap : Open Licensed GeoData
OpenStreetMap : Open Licensed GeoData
Web Performance Optimization
OSMC 2019 | How to improve database Observability by Charles Judith
Understanding Page Load / Ziling Zhao (Google)
HTML5 - The Good, the Bad, the Ugly
Reducing Site Speed - Authoritas 'Tea-time SEO' Series of Daily SEO Live Streams
Piano Media - approach to data gathering and processing
Continuous delivery
Web performance mercadolibre - ECI 2013
#OSSPARIS19 - How to improve database observability - CHARLES JUDITH, Criteo
Need for Speed: Website Edition – Website Optimization Tools and Techniques P...
Speed in Four Quarters :: A Technique to Compare Web Page Performance
Django on app engine
Ad

More from Lizzie Hodgson (20)

PDF
Tech and Homelessness - Introducing The Hope Hub
PDF
ThinkNation BDF: 7th sense
PDF
ThinkNation BDF: The Vendi-Bin
PDF
ThinkNation BDF: The Hope Hub
PDF
ThinkNation BDF: Mental Health Tech Interactive Trail
PDF
ThinkNation: "Women quotas in tech" Naomi Trickey, Brandwatch
PDF
ThinkNation: "Women quotas in tech" Olivia Thorne Robogals
PDF
ThinkNation: "Women quotas in tech" Meri Williams from Chromerose and M&S Dig...
PDF
Our complex tech future
PDF
If you love something let it go (or how to manage your inner founder mentality)
PDF
About ThinkNation 2015
PDF
Digibury June 2015: Howard griffin - the future of architectural visualisation
PDF
Digibury June 2015: Genetic Moo
PDF
Digibury April 2015 Alaric King: Doing your job as a visual designer / diggin...
PDF
Digibury April 2015 Hannah Pilbeam: A caffinated introduction to design
PDF
Digibury April 2015 Rachael Case: Embrace the Fear!
PDF
Digibury March 11 - Mike Jongbloet: Great Kick off Meetings
PDF
Digibury: Steve Coppin-Smith, Deeson scrum for agencies
PDF
Digibury: 6-2 Design - why open source is good for us all
PDF
Digibury: Ukik
Tech and Homelessness - Introducing The Hope Hub
ThinkNation BDF: 7th sense
ThinkNation BDF: The Vendi-Bin
ThinkNation BDF: The Hope Hub
ThinkNation BDF: Mental Health Tech Interactive Trail
ThinkNation: "Women quotas in tech" Naomi Trickey, Brandwatch
ThinkNation: "Women quotas in tech" Olivia Thorne Robogals
ThinkNation: "Women quotas in tech" Meri Williams from Chromerose and M&S Dig...
Our complex tech future
If you love something let it go (or how to manage your inner founder mentality)
About ThinkNation 2015
Digibury June 2015: Howard griffin - the future of architectural visualisation
Digibury June 2015: Genetic Moo
Digibury April 2015 Alaric King: Doing your job as a visual designer / diggin...
Digibury April 2015 Hannah Pilbeam: A caffinated introduction to design
Digibury April 2015 Rachael Case: Embrace the Fear!
Digibury March 11 - Mike Jongbloet: Great Kick off Meetings
Digibury: Steve Coppin-Smith, Deeson scrum for agencies
Digibury: 6-2 Design - why open source is good for us all
Digibury: Ukik

Digibury: SciVisum - Making your website fast - and scalable