SlideShare a Scribd company logo
MAKING YOUR WEBSITE FAST - AND SCALABLE
Deri Jones
Digibury January 2015
Tue Feb 3rd
WEBSITE SPEED

Black Friday and Xmas peaks
UNACCEPTABLE DELAYS
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
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.
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 ...
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-

HTTP Archive
− https://speakerdeck.com/deanohume/the-good-the-bad-and-the-ug

More Related Content

What's hot (6)

Web 101 by Jennifer Lill
Web 101 by Jennifer LillWeb 101 by Jennifer Lill
Web 101 by Jennifer Lill
 
Day 13 ( part 2): Good shit
Day 13 ( part 2): Good shitDay 13 ( part 2): Good shit
Day 13 ( part 2): Good shit
 
Library Instruction 2.0: Tips and Tools
Library Instruction 2.0: Tips and ToolsLibrary Instruction 2.0: Tips and Tools
Library Instruction 2.0: Tips and Tools
 
The Learn Phase: HTML5. The Geekening.
The Learn Phase: HTML5. The Geekening.The Learn Phase: HTML5. The Geekening.
The Learn Phase: HTML5. The Geekening.
 
Seo isn't that hard
Seo isn't that hardSeo isn't that hard
Seo isn't that hard
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 

Viewers also liked

Viewers also liked (15)

Creating your own study guide
Creating your own study guideCreating your own study guide
Creating your own study guide
 
удовольствие идеи иридиум_re
удовольствие идеи иридиум_reудовольствие идеи иридиум_re
удовольствие идеи иридиум_re
 
график олимпиад
график олимпиадграфик олимпиад
график олимпиад
 
Iridium category map_milk
Iridium category map_milkIridium category map_milk
Iridium category map_milk
 
Pleasure idea iridium_ee
Pleasure idea iridium_eePleasure idea iridium_ee
Pleasure idea iridium_ee
 
Iridium b2b ideas
Iridium b2b ideasIridium b2b ideas
Iridium b2b ideas
 
График олимпиад
График олимпиадГрафик олимпиад
График олимпиад
 
Qué es la licencia municipal de funcionamiento
Qué es la licencia municipal de funcionamientoQué es la licencia municipal de funcionamiento
Qué es la licencia municipal de funcionamiento
 
Iridium passion points_lino
Iridium passion points_linoIridium passion points_lino
Iridium passion points_lino
 
Cátedra de la paz
Cátedra de la pazCátedra de la paz
Cátedra de la paz
 
Boletin 1 escuela padres
Boletin 1 escuela padresBoletin 1 escuela padres
Boletin 1 escuela padres
 
Que es paz
Que es pazQue es paz
Que es paz
 
буклет мошенники
буклет мошенникибуклет мошенники
буклет мошенники
 
итоги олимпиад по предметам
итоги олимпиад по предметамитоги олимпиад по предметам
итоги олимпиад по предметам
 
Lena Koinberg | FBK Fysik: Ljus egenskaper och reflexion
Lena Koinberg | FBK Fysik: Ljus egenskaper och reflexionLena Koinberg | FBK Fysik: Ljus egenskaper och reflexion
Lena Koinberg | FBK Fysik: Ljus egenskaper och reflexion
 

Similar to Making your websites fast and scalable - Deri Jones CEO, SciVisum Ltd

The Need For Speed
The Need For SpeedThe Need For Speed
The Need For Speed
Andy Davies
 
Http/2 - What's it all about?
Http/2  - What's it all about?Http/2  - What's it all about?
Http/2 - What's it all about?
Andy Davies
 

Similar to Making your websites fast and scalable - Deri Jones CEO, SciVisum Ltd (20)

Digibury: SciVisum - Making your website fast - and scalable
Digibury: SciVisum - Making your website fast - and scalableDigibury: SciVisum - Making your website fast - and scalable
Digibury: SciVisum - Making your website fast - and scalable
 
Final Presentation
Final PresentationFinal Presentation
Final Presentation
 
The Need For Speed
The Need For SpeedThe Need For Speed
The Need For Speed
 
Art and Science of Web Sites Performance: A Front-end Approach
Art and Science of Web Sites Performance: A Front-end ApproachArt and Science of Web Sites Performance: A Front-end Approach
Art and Science of Web Sites Performance: A Front-end Approach
 
Makingweb: Great front end performance starts on the server.
Makingweb: Great front end performance starts on the server.Makingweb: Great front end performance starts on the server.
Makingweb: Great front end performance starts on the server.
 
Optimizing design: a UX practitioners guide
Optimizing design: a UX practitioners guideOptimizing design: a UX practitioners guide
Optimizing design: a UX practitioners guide
 
Faster Frontends
Faster FrontendsFaster Frontends
Faster Frontends
 
JSDay 2013 - Practical Responsive Web Design
JSDay 2013 - Practical Responsive Web DesignJSDay 2013 - Practical Responsive Web Design
JSDay 2013 - Practical Responsive Web Design
 
Web2 And Java
Web2 And JavaWeb2 And Java
Web2 And Java
 
The web is too slow
The web is too slow The web is too slow
The web is too slow
 
My dotJS Talk
My dotJS TalkMy dotJS Talk
My dotJS Talk
 
Web Performance Optimization @Develer
Web Performance Optimization @DevelerWeb Performance Optimization @Develer
Web Performance Optimization @Develer
 
5 critical-optimizations.v2
5 critical-optimizations.v25 critical-optimizations.v2
5 critical-optimizations.v2
 
Big (IT) data
Big (IT) dataBig (IT) data
Big (IT) data
 
QCon London 2010: Journey of a start-up
QCon London 2010: Journey of a start-upQCon London 2010: Journey of a start-up
QCon London 2010: Journey of a start-up
 
Http/2 - What's it all about?
Http/2  - What's it all about?Http/2  - What's it all about?
Http/2 - What's it all about?
 
[PU&D] - Power Platform only for Citizen Developers?
[PU&D] - Power Platform only for Citizen Developers?[PU&D] - Power Platform only for Citizen Developers?
[PU&D] - Power Platform only for Citizen Developers?
 
Velocity dust
Velocity dustVelocity dust
Velocity dust
 
Microsoft Digital Innovations - Mark Vozzo
Microsoft Digital Innovations - Mark VozzoMicrosoft Digital Innovations - Mark Vozzo
Microsoft Digital Innovations - Mark Vozzo
 
Adapting to Responsive UX Design - Digital Shoreditch 2013
Adapting to Responsive UX Design - Digital Shoreditch 2013Adapting to Responsive UX Design - Digital Shoreditch 2013
Adapting to Responsive UX Design - Digital Shoreditch 2013
 

Recently uploaded

Recently uploaded (20)

Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
 
Introduction to Open Source RAG and RAG Evaluation
Introduction to Open Source RAG and RAG EvaluationIntroduction to Open Source RAG and RAG Evaluation
Introduction to Open Source RAG and RAG Evaluation
 
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
Measures in SQL (a talk at SF Distributed Systems meetup, 2024-05-22)
 
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptxUnpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
Unpacking Value Delivery - Agile Oxford Meetup - May 2024.pptx
 
"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi
 
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya HalderCustom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
 
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
 
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
 
In-Depth Performance Testing Guide for IT Professionals
In-Depth Performance Testing Guide for IT ProfessionalsIn-Depth Performance Testing Guide for IT Professionals
In-Depth Performance Testing Guide for IT Professionals
 
Exploring UiPath Orchestrator API: updates and limits in 2024 🚀
Exploring UiPath Orchestrator API: updates and limits in 2024 🚀Exploring UiPath Orchestrator API: updates and limits in 2024 🚀
Exploring UiPath Orchestrator API: updates and limits in 2024 🚀
 
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone KomSalesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
 
Optimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through ObservabilityOptimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through Observability
 
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...
 
ODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User GroupODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User Group
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
 
JMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and GrafanaJMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and Grafana
 
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
 
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a buttonConnector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a button
 

Making your websites fast and scalable - Deri Jones CEO, SciVisum Ltd