SlideShare a Scribd company logo
Web Performance Optimization
A Detailed Overview
                      @AloisReitbauer
Web
Performance
Optimization
Why?
Speed impacts who sees you




       Source: http://googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-ranking.html
Speed impacts interactions




                  Source: Jake Brutlag and Eric Schuman at Velocity 2009
Speed is the Top Feature




http://carsonified.com/blog/business/fred-wilsons-10-golden-principles-of-successful-web-apps/
Performance = Money
Web sites gain weight
160 kB more in one year!
... not always for good reasons


<td style="padding-left:10px; overflow: hidden; white-space: nowrap;">    * 9000
                                                                         = 2 MB



            17 Seconds
Third Parties makes us slow

Our site




+   ...
Web
Performance
Optimization
Latency and
Bandwidth
Roundtrips & Latency

                                        1




                                                   Content                   2




         Icon: http://www.gettyicons.com/free-icon/112/hardware-icon-set/free-server-icon-png/
Browsers
have limits
More means slow
It’s not under your control
Web Application Delivery Chain


                                       Content
                       Internet



                                              Server


Browser

          Processing
                                  3rd Party
W3C
Performance
Working
Group
Works in modern browsers
Web
Performance
Optimization
Measuring performance
the Google way
Interaction dependent
User expectations increase
Websites should
load in 2 seconds
or less
A challenging goal
Web
Performance
Optimization
What
and
How
What
and
How
Books you should read
Get your site a
six pack
Intelligent
Markup
What
and
How
There is no magic pixie dust ..
Web Performance Optimzation
Best Practice Tools
Benchmarking Tools
Deep Dive Analysis
Real User Experience
Synthetic Monitoring
Start tomorrow …

     Compress your content
     Smush your images
     Minify CSS/HTML
     Cache your content
     Merge your files
It’s under your control …
Alois Reitbauer
alois.reitbauer@dynaTrace.com
                 @AloisReitbauer
       http://blog.dynatrace.com

More Related Content

What's hot (20)

PPTX
Html5 Fit: Get Rid of Love Handles
Chris Love
 
PDF
Web Standard Presentation
theb2studio
 
PDF
5 Evoq Features You Didn't Know Existed
DNN
 
PPTX
Progressive Web Apps - Overview & Getting Started
Gaurav Behere
 
PPT
Case Study For Website Accounts Receivable Financing Portal
Mike Taylor
 
PDF
Introduction to web development
Mohammed Safwat
 
PPT
Web 2.0 vs Search
gleddy
 
PDF
Introduction to web development
Iftekher Islam Sunny
 
PDF
5 Favorite Features of DNN's Evoq CMS
DNN
 
PPTX
Web Application Development Process presented by @Cygnismedia
Clark Davidson
 
PDF
Introduction to Web Development Career
Eunus Hosen
 
PPTX
WordPress & SEO Love for Beginners
Arsham Mirshah
 
PPT
Web Development on Web Project Presentation
Milind Gokhale
 
PPT
Grease Monkey
Jessica Brown
 
PPTX
Kroogerr - Facebook App Testing Checklist
Morpheous Algan
 
PDF
WSO2Con EU 2016: Real-time Monitoring of API Architectures
WSO2
 
PPTX
Google’s tridente
Inbound Marketing Indonesia
 
DOCX
Create president quotes web part using share point rest api and bootstrap
Rajkiran Swain
 
PPTX
Sky visualeditor 101 (3slide)
Ben Roberts
 
PDF
Best Google Chrome SEO Extensions
Ajay Sharma
 
Html5 Fit: Get Rid of Love Handles
Chris Love
 
Web Standard Presentation
theb2studio
 
5 Evoq Features You Didn't Know Existed
DNN
 
Progressive Web Apps - Overview & Getting Started
Gaurav Behere
 
Case Study For Website Accounts Receivable Financing Portal
Mike Taylor
 
Introduction to web development
Mohammed Safwat
 
Web 2.0 vs Search
gleddy
 
Introduction to web development
Iftekher Islam Sunny
 
5 Favorite Features of DNN's Evoq CMS
DNN
 
Web Application Development Process presented by @Cygnismedia
Clark Davidson
 
Introduction to Web Development Career
Eunus Hosen
 
WordPress & SEO Love for Beginners
Arsham Mirshah
 
Web Development on Web Project Presentation
Milind Gokhale
 
Grease Monkey
Jessica Brown
 
Kroogerr - Facebook App Testing Checklist
Morpheous Algan
 
WSO2Con EU 2016: Real-time Monitoring of API Architectures
WSO2
 
Google’s tridente
Inbound Marketing Indonesia
 
Create president quotes web part using share point rest api and bootstrap
Rajkiran Swain
 
Sky visualeditor 101 (3slide)
Ben Roberts
 
Best Google Chrome SEO Extensions
Ajay Sharma
 

Viewers also liked (17)

PPTX
Measuring User Experience
Alois Reitbauer
 
PPTX
What it means to deliver exceptional performance
Alois Reitbauer
 
PPTX
W3C Web Performance - A detailed overview
Alois Reitbauer
 
PPTX
Measuring Performance in the Browser
Alois Reitbauer
 
PPTX
What it means to be fast in your industry
Alois Reitbauer
 
PPTX
Why you have less than a second to deliver exceptional performance
Alois Reitbauer
 
PPTX
Building the Future of Monitoring with Artificial Intelligence
Incedo
 
PPTX
Monitoring and Managing Java Applications
Alois Reitbauer
 
PPTX
Monitoring large scale Docker production environments
Alois Reitbauer
 
PPTX
Can a monitoring tool pass the turing test
Alois Reitbauer
 
PPTX
Monitoring without alerts
Alois Reitbauer
 
PPTX
The Dark Art of Production Alerting
Alois Reitbauer
 
PPTX
The definition of normal - An introduction and guide to anomaly detection.
Alois Reitbauer
 
PPTX
Monitoring Docker Application in Production
Alois Reitbauer
 
PPTX
Ruxit - How we launched a global monitoring platform on AWS in 80 days.
Alois Reitbauer
 
PPTX
Microservice, Micro Deployments and DevOps
Alois Reitbauer
 
PPTX
Performance Forensics - Understanding Application Performance
Alois Reitbauer
 
Measuring User Experience
Alois Reitbauer
 
What it means to deliver exceptional performance
Alois Reitbauer
 
W3C Web Performance - A detailed overview
Alois Reitbauer
 
Measuring Performance in the Browser
Alois Reitbauer
 
What it means to be fast in your industry
Alois Reitbauer
 
Why you have less than a second to deliver exceptional performance
Alois Reitbauer
 
Building the Future of Monitoring with Artificial Intelligence
Incedo
 
Monitoring and Managing Java Applications
Alois Reitbauer
 
Monitoring large scale Docker production environments
Alois Reitbauer
 
Can a monitoring tool pass the turing test
Alois Reitbauer
 
Monitoring without alerts
Alois Reitbauer
 
The Dark Art of Production Alerting
Alois Reitbauer
 
The definition of normal - An introduction and guide to anomaly detection.
Alois Reitbauer
 
Monitoring Docker Application in Production
Alois Reitbauer
 
Ruxit - How we launched a global monitoring platform on AWS in 80 days.
Alois Reitbauer
 
Microservice, Micro Deployments and DevOps
Alois Reitbauer
 
Performance Forensics - Understanding Application Performance
Alois Reitbauer
 
Ad

Similar to Web Performance Optimzation (20)

PDF
Web Performance Optimisation
Chris Burgess
 
PPTX
10 things you can do to speed up your web app today stir trek edition
Chris Love
 
PDF
Web Performance Optimization @Develer
Massimo Iacolare
 
PDF
Web Performance Optimization (WPO)
Betclic Everest Group Tech Team
 
PDF
Web Performance in the Age of HTTP2 - Topconf Tallinn 2016 - Holger Bartel
Holger Bartel
 
PPTX
10 Things You Can Do to Speed Up Your Web App Today
Chris Love
 
PDF
Tips tricks deliver_high_performing_secure_web_pages
Aditya Singh
 
PPTX
Website Performance
Hugo Fonseca
 
PPTX
Breaking the Speed Limit: Faster Websites Win
Jonathan Hochman
 
PPTX
Analysis of Google Page Speed Insight
Sarvesh Sonawane
 
PDF
Web performance: beyond load testing
SergeyChernyshev
 
PPTX
SEO 101 - Google Page Speed Insights Explained
Steve Weber
 
PPTX
Web performance optimization for modern web applications
Chris Love
 
PPTX
Performance Tuning Web Apps - The Need For Speed
Vijay Rayapati
 
PDF
Improving frontend performance
Sagar Desarda
 
PDF
High Performance Websites
Aaron Grogg
 
PPTX
Web Performance 101
Uri Lavi
 
PPT
Web performance Talk
Prasoon Agrawal
 
PPTX
Web Page Speed - A Most Important Feature
Scott Germaise
 
PDF
20 tips for website performance
Andrew Siemer
 
Web Performance Optimisation
Chris Burgess
 
10 things you can do to speed up your web app today stir trek edition
Chris Love
 
Web Performance Optimization @Develer
Massimo Iacolare
 
Web Performance Optimization (WPO)
Betclic Everest Group Tech Team
 
Web Performance in the Age of HTTP2 - Topconf Tallinn 2016 - Holger Bartel
Holger Bartel
 
10 Things You Can Do to Speed Up Your Web App Today
Chris Love
 
Tips tricks deliver_high_performing_secure_web_pages
Aditya Singh
 
Website Performance
Hugo Fonseca
 
Breaking the Speed Limit: Faster Websites Win
Jonathan Hochman
 
Analysis of Google Page Speed Insight
Sarvesh Sonawane
 
Web performance: beyond load testing
SergeyChernyshev
 
SEO 101 - Google Page Speed Insights Explained
Steve Weber
 
Web performance optimization for modern web applications
Chris Love
 
Performance Tuning Web Apps - The Need For Speed
Vijay Rayapati
 
Improving frontend performance
Sagar Desarda
 
High Performance Websites
Aaron Grogg
 
Web Performance 101
Uri Lavi
 
Web performance Talk
Prasoon Agrawal
 
Web Page Speed - A Most Important Feature
Scott Germaise
 
20 tips for website performance
Andrew Siemer
 
Ad

More from Alois Reitbauer (13)

PPTX
The Dark of Building an Production Incident Syste
Alois Reitbauer
 
PPTX
The High Performance Web Application Lifecycle
Alois Reitbauer
 
PPTX
Measuring User Experience in the Browser
Alois Reitbauer
 
PPT
Architecture Performance
Alois Reitbauer
 
PPTX
dynaTrace Ajax Edition @ Yahoo
Alois Reitbauer
 
PPTX
The secret art of agile performance testing
Alois Reitbauer
 
PPTX
Architecture in Ajax Applications
Alois Reitbauer
 
PPTX
Q Con Performance Testing At The Edge
Alois Reitbauer
 
PPT
Low Hanging Fruits In J EE Performance
Alois Reitbauer
 
PPT
W-JAX Performance Workshop - Database Performance
Alois Reitbauer
 
PPT
W-JAX Performance Workshop - Web and AJAX
Alois Reitbauer
 
PPT
W JAX Performance Workshop - Organisational Antipatterns
Alois Reitbauer
 
PPT
Jax Ajax Architecture
Alois Reitbauer
 
The Dark of Building an Production Incident Syste
Alois Reitbauer
 
The High Performance Web Application Lifecycle
Alois Reitbauer
 
Measuring User Experience in the Browser
Alois Reitbauer
 
Architecture Performance
Alois Reitbauer
 
dynaTrace Ajax Edition @ Yahoo
Alois Reitbauer
 
The secret art of agile performance testing
Alois Reitbauer
 
Architecture in Ajax Applications
Alois Reitbauer
 
Q Con Performance Testing At The Edge
Alois Reitbauer
 
Low Hanging Fruits In J EE Performance
Alois Reitbauer
 
W-JAX Performance Workshop - Database Performance
Alois Reitbauer
 
W-JAX Performance Workshop - Web and AJAX
Alois Reitbauer
 
W JAX Performance Workshop - Organisational Antipatterns
Alois Reitbauer
 
Jax Ajax Architecture
Alois Reitbauer
 

Recently uploaded (20)

PPTX
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
 
PPTX
WooCommerce Workshop: Bring Your Laptop
Laura Hartwig
 
PDF
Mastering Financial Management in Direct Selling
Epixel MLM Software
 
PDF
New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
PPTX
Webinar: Introduction to LF Energy EVerest
DanBrown980551
 
PDF
[Newgen] NewgenONE Marvin Brochure 1.pdf
darshakparmar
 
PDF
Agentic AI lifecycle for Enterprise Hyper-Automation
Debmalya Biswas
 
PPTX
COMPARISON OF RASTER ANALYSIS TOOLS OF QGIS AND ARCGIS
Sharanya Sarkar
 
PDF
NewMind AI - Journal 100 Insights After The 100th Issue
NewMind AI
 
PPTX
AUTOMATION AND ROBOTICS IN PHARMA INDUSTRY.pptx
sameeraaabegumm
 
PDF
"Beyond English: Navigating the Challenges of Building a Ukrainian-language R...
Fwdays
 
PPTX
"Autonomy of LLM Agents: Current State and Future Prospects", Oles` Petriv
Fwdays
 
PDF
Chris Elwell Woburn, MA - Passionate About IT Innovation
Chris Elwell Woburn, MA
 
PDF
Newgen Beyond Frankenstein_Build vs Buy_Digital_version.pdf
darshakparmar
 
PPTX
Q2 FY26 Tableau User Group Leader Quarterly Call
lward7
 
PPTX
AI Penetration Testing Essentials: A Cybersecurity Guide for 2025
defencerabbit Team
 
PDF
Using FME to Develop Self-Service CAD Applications for a Major UK Police Force
Safe Software
 
PPTX
OpenID AuthZEN - Analyst Briefing July 2025
David Brossard
 
PDF
Achieving Consistent and Reliable AI Code Generation - Medusa AI
medusaaico
 
PDF
Smart Trailers 2025 Update with History and Overview
Paul Menig
 
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
 
WooCommerce Workshop: Bring Your Laptop
Laura Hartwig
 
Mastering Financial Management in Direct Selling
Epixel MLM Software
 
New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
Webinar: Introduction to LF Energy EVerest
DanBrown980551
 
[Newgen] NewgenONE Marvin Brochure 1.pdf
darshakparmar
 
Agentic AI lifecycle for Enterprise Hyper-Automation
Debmalya Biswas
 
COMPARISON OF RASTER ANALYSIS TOOLS OF QGIS AND ARCGIS
Sharanya Sarkar
 
NewMind AI - Journal 100 Insights After The 100th Issue
NewMind AI
 
AUTOMATION AND ROBOTICS IN PHARMA INDUSTRY.pptx
sameeraaabegumm
 
"Beyond English: Navigating the Challenges of Building a Ukrainian-language R...
Fwdays
 
"Autonomy of LLM Agents: Current State and Future Prospects", Oles` Petriv
Fwdays
 
Chris Elwell Woburn, MA - Passionate About IT Innovation
Chris Elwell Woburn, MA
 
Newgen Beyond Frankenstein_Build vs Buy_Digital_version.pdf
darshakparmar
 
Q2 FY26 Tableau User Group Leader Quarterly Call
lward7
 
AI Penetration Testing Essentials: A Cybersecurity Guide for 2025
defencerabbit Team
 
Using FME to Develop Self-Service CAD Applications for a Major UK Police Force
Safe Software
 
OpenID AuthZEN - Analyst Briefing July 2025
David Brossard
 
Achieving Consistent and Reliable AI Code Generation - Medusa AI
medusaaico
 
Smart Trailers 2025 Update with History and Overview
Paul Menig
 

Web Performance Optimzation

Editor's Notes

  • #14: http://www.istockphoto.com/stock-photo-4781558-listen-to-me-dad.php?st=a570ca1