Web performance Speed matters

•Download as PPTX, PDF•

0 likes•253 views

Deepti Bhutani

Technology

 Metrics
• First Byte
• First Paint
• On Load (TTI)
• Page Complete
• Navigation Timing Model
• http://www.w3.org/TR/navigation-timing/#processing-model

 Profiling Tools
• WebPageTest
• FireBug
• Chrome Developer Tools
• Yslow
• Google PageSpeed
 Performance Practices Checklist
• http://webdevchecklist.com/

 Synthetic Monitoring
• Keynote
• Gomez
• WebPageTest Local
 Real User Monitoring
• Akamai RUM
• AppDynamics EUM

• Is my site up?
• How fast is my site?
• Are transactions working?
• If there is a slow down or failure where is it in the infrastructure?
• Are my third party components operating correctly?
• How is my overall performance?

• What are users actually doing on the site-traffic flow?
• What is the performance of the pages, and which components
are slowest?
• Are SLA’s met ?
• Did my latest release affect the user experience?
• How does the user experience tie back to other areas of the
company such as support?

Features Synthetic
Monitori
ng
Real User
Monitorin
g
Test a new feature before deploying to
prod
Ensure application is up and running 24/7
Test the performance on a new
market/geography
Monitor web third party APIs
Determine the impact of slowness or failure
on real users
Resolve support issues
Monitor Transactional Performance
API performance
Monitor all traffic /real users

• Fewer Requests
• Smaller Requests
• Image compression
• Reduce network Round trips
• AJAX requests
• Caching
• Leverage Browser Caching
• CDN Caching (Akamai)
• Optimize Browser Processing
• Optimize JavaScript
• Analyze front end rendering
• Optimize DOM

PNG24
Size: 512 KB
Colors: 148,279
PNG24
Size: 188 KB
Colors: 256
63%
smaller
Image Optimizations

Smaller Images
PNG24
100 x 100
Size: 19 KB
Colors: 9,138
PNG8
100 x 100
Size: 8 KB
Colors: 256
55.8% smaller

90% Savings!!!
PNG24
320 x 568
Size: 100 KB
JPEG
320 x 568
Size: 10 KB
Image Formats

• Books
• High Performance Web Sites – Steve Souders –
O’Reilly
• Even Faster Web Sites – Steve Souders – O’Reilly
• Web
• HTTP Archive (http://httparchive.org/)
• Web Page Test (http://www.webpagetest.org/)

Viewers also liked

Research - Into the Thriller genrebettercallcallum

Expert opinions about the crisis of the Russian dental market Mikhail Nasonov

Deolo prezАндрей Карпов

Resume -Madhusudan PadhiMadhusudan Padhi

Ночь Интерна. ПродолжениеMirVracha.ru

Theme day5 visual_verbalJoan Smith

Presentación 3 etapas de la reingenieriaFreddy Moreno

Market Types By Ramaswamy UggemRAMASWAMYVARMA

Mc40 ZebraScanSource Brasil

2015 консенсус сердце №4MirVracha.ru

how to be AssertiveGeris Anindhiya

Measurement and uncertainty IB School

DBodle QoS Exam Study NotesDuane Bodle

РИФ 2016, Мультиканальное продвижение или как раскрыть потенциал вашего сайтаТарасов Константин

Viewers also liked (14)

Research - Into the Thriller genre

Expert opinions about the crisis of the Russian dental market

Deolo prez

Resume -Madhusudan Padhi

Ночь Интерна. Продолжение

Theme day5 visual_verbal

Presentación 3 etapas de la reingenieria

Market Types By Ramaswamy Uggem

Mc40 Zebra

2015 консенсус сердце №4

how to be Assertive

Measurement and uncertainty

DBodle QoS Exam Study Notes

РИФ 2016, Мультиканальное продвижение или как раскрыть потенциал вашего сайта

Similar to Web performance Speed matters

How to Manage Digital User Experience for Web ApplicationseG Innovations

Measuring the visual experience of website performancePatrick Meenan

Site Speed Optimization by Itamar GeroGlen Dimaandal

Real User Monitoring (RUM)Site24x7

Capturing speed of user experience using user timing apiSergeyChernyshev

Measure camp tools of the cro rabbleCraig Sullivan

ATAGTR2017 Unified APM: The new age performance monitoring for production sys...Agile Testing Alliance

Conversionista : Conversion manager course - Stockholm 20 march 2013Craig Sullivan

Performance Monitoring at SpreadshirtMartin Breest

How To Increase Your Website's Visibility - SEO Best Practices - LA2M Presena...Tarun Gehani

Real User Monitoring: Getting Real Data from Real Users in the Real World - S...Akamai Technologies

Continuous Performance Testing and Monitoring in Agile DevelopmentNeotys

improving the performance of Rails web ApplicationsJohn McCaffrey

Datapolis Guest Expert Presentation: Limitations of SharePoint Designer by Bj...Datapolis

Website essentials and analyticsRyan Jones

High Speed Web Sites At ScaleBuddy Brewer

Slow pages lose usersNarek Kozmoyan

Building high performance and scalable share point applicationsTalbott Crowell

Optimizing Websites for Great User Experiences and Increased ConversionsWP Engine

Migrating Lotus Notes Applications to Sharepoint Online with NintexMaarga Systems

Similar to Web performance Speed matters (20)

How to Manage Digital User Experience for Web Applications

Measuring the visual experience of website performance

Site Speed Optimization by Itamar Gero

Real User Monitoring (RUM)

Capturing speed of user experience using user timing api

Measure camp tools of the cro rabble

ATAGTR2017 Unified APM: The new age performance monitoring for production sys...

Conversionista : Conversion manager course - Stockholm 20 march 2013

Performance Monitoring at Spreadshirt

How To Increase Your Website's Visibility - SEO Best Practices - LA2M Presena...

Real User Monitoring: Getting Real Data from Real Users in the Real World - S...

Continuous Performance Testing and Monitoring in Agile Development

improving the performance of Rails web Applications

Datapolis Guest Expert Presentation: Limitations of SharePoint Designer by Bj...

Website essentials and analytics

High Speed Web Sites At Scale

Slow pages lose users

Building high performance and scalable share point applications

Optimizing Websites for Great User Experiences and Increased Conversions

Migrating Lotus Notes Applications to Sharepoint Online with Nintex

Recently uploaded

Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited

Install Stable Diffusion in windows machinePadma Pradeep

Hot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort Service9953056974 Low Rate Call Girls In Saket, Delhi NCR

Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed

Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Wonjun Hwang

Pigging Solutions Piggable Sweeping ElbowsPigging Solutions

Science&tech:THE INFORMATION AGE STS.pdfjimielynbastida

Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix

My INSURER PTE LTD - Insurtech Innovation Award 2024The Digital Insurer

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsAndrey Dotsenko

Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation

Artificial intelligence in the post-deep learning eraDeakin University

Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren

Bluetooth Controlled Car with Arduino.pdfngoud9212

Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106

E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxnull - The Open Security Community

Benefits Of Flutter Compared To Other FrameworksSoftradix Technologies

"Federated learning: out of reach no matter how close",Oleksandr LapshynFwdays

SIEMENS: RAPUNZEL – A Tale About Knowledge GraphNeo4j

Recently uploaded (20)

Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365

Install Stable Diffusion in windows machine

Hot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort Service

Scanning the Internet for External Cloud Exposures via SSL Certs

Bun (KitWorks Team Study 노별마루 발표 2024.4.22)

Pigging Solutions Piggable Sweeping Elbows

Science&tech:THE INFORMATION AGE STS.pdf

Swan(sea) Song – personal research during my six years at Swansea ... and bey...

My INSURER PTE LTD - Insurtech Innovation Award 2024

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics

Connect Wave/ connectwave Pitch Deck Presentation

Artificial intelligence in the post-deep learning era

Advanced Test Driven-Development @ php[tek] 2024

Bluetooth Controlled Car with Arduino.pdf

Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics

E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx

Benefits Of Flutter Compared To Other Frameworks

"Federated learning: out of reach no matter how close",Oleksandr Lapshyn

SIEMENS: RAPUNZEL – A Tale About Knowledge Graph

Web performance Speed matters

1. Deepti Bhutani

10.

11.  Metrics • First Byte • First Paint • On Load (TTI) • Page Complete • Navigation Timing Model • http://www.w3.org/TR/navigation-timing/#processing-model

12.  Profiling Tools • WebPageTest • FireBug • Chrome Developer Tools • Yslow • Google PageSpeed  Performance Practices Checklist • http://webdevchecklist.com/

13.  Synthetic Monitoring • Keynote • Gomez • WebPageTest Local  Real User Monitoring • Akamai RUM • AppDynamics EUM

14. • Is my site up? • How fast is my site? • Are transactions working? • If there is a slow down or failure where is it in the infrastructure? • Are my third party components operating correctly? • How is my overall performance?

15.

16. • What are users actually doing on the site-traffic flow? • What is the performance of the pages, and which components are slowest? • Are SLA’s met ? • Did my latest release affect the user experience? • How does the user experience tie back to other areas of the company such as support?

17. Features Synthetic Monitori ng Real User Monitorin g Test a new feature before deploying to prod Ensure application is up and running 24/7 Test the performance on a new market/geography Monitor web third party APIs Determine the impact of slowness or failure on real users Resolve support issues Monitor Transactional Performance API performance Monitor all traffic /real users

18.

19. • Fewer Requests • Smaller Requests • Image compression • Reduce network Round trips • AJAX requests • Caching • Leverage Browser Caching • CDN Caching (Akamai) • Optimize Browser Processing • Optimize JavaScript • Analyze front end rendering • Optimize DOM

20.

21. PNG24 Size: 512 KB Colors: 148,279 PNG24 Size: 188 KB Colors: 256 63% smaller Image Optimizations

22. Smaller Images PNG24 100 x 100 Size: 19 KB Colors: 9,138 PNG8 100 x 100 Size: 8 KB Colors: 256 55.8% smaller

23. 90% Savings!!! PNG24 320 x 568 Size: 100 KB JPEG 320 x 568 Size: 10 KB Image Formats

24.  Books  Web

25.

26. • Books • High Performance Web Sites – Steve Souders – O’Reilly • Even Faster Web Sites – Steve Souders – O’Reilly • Web • HTTP Archive (http://httparchive.org/) • Web Page Test (http://www.webpagetest.org/)

Web performance Speed matters

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (14)

Similar to Web performance Speed matters

Similar to Web performance Speed matters (20)

Recently uploaded

Recently uploaded (20)

Web performance Speed matters