Submit Search
Upload
Web performance
•
1 like
•
399 views
Ran Wahle
Follow
Web performance presentation at FremtEnd-IL meetup SAP Raanana, Thursday, September 4th.
Read less
Read more
Report
Share
Report
Share
1 of 11
Recommended
Optimizing SharePoint 2010 websites for search engines
Optimizing SharePoint 2010 websites for search engines
Mavention
DIWUG.nl: How We Did It
DIWUG.nl: How We Did It
Mavention
Building solutions with Office Graph
Building solutions with Office Graph
Mavention
Intro to PowerApps and Flow
Intro to PowerApps and Flow
April Dunnam
Modernize Solutions with SharePoint & the Power Platform
Modernize Solutions with SharePoint & the Power Platform
Jonathan Schultz
Leveraging the new Application Model for structured and repeatable deployments
Leveraging the new Application Model for structured and repeatable deployments
Mavention
Andrews online
Andrews online
Darren Scammell
Next Level PowerApps SPS St Louis
Next Level PowerApps SPS St Louis
April Dunnam
Recommended
Optimizing SharePoint 2010 websites for search engines
Optimizing SharePoint 2010 websites for search engines
Mavention
DIWUG.nl: How We Did It
DIWUG.nl: How We Did It
Mavention
Building solutions with Office Graph
Building solutions with Office Graph
Mavention
Intro to PowerApps and Flow
Intro to PowerApps and Flow
April Dunnam
Modernize Solutions with SharePoint & the Power Platform
Modernize Solutions with SharePoint & the Power Platform
Jonathan Schultz
Leveraging the new Application Model for structured and repeatable deployments
Leveraging the new Application Model for structured and repeatable deployments
Mavention
Andrews online
Andrews online
Darren Scammell
Next Level PowerApps SPS St Louis
Next Level PowerApps SPS St Louis
April Dunnam
Realtime web experience with signal r
Realtime web experience with signal r
Ran Wahle
Code migration from Angular 1.x to Angular 2.0
Code migration from Angular 1.x to Angular 2.0
Ran Wahle
Introduction to web compoents
Introduction to web compoents
Ran Wahle
Responsive ui
Responsive ui
Ran Wahle
What's new in ECMAScript 6
What's new in ECMAScript 6
Ran Wahle
What’s new in angular 2 - From FrontEnd IL Meetup
What’s new in angular 2 - From FrontEnd IL Meetup
Ran Wahle
Western Trust Smoke Free Service
Western Trust Smoke Free Service
westerntrust
Realtime web experience with signalR
Realtime web experience with signalR
Ran Wahle
angularJs Workshop
angularJs Workshop
Ran Wahle
AngularJs Workshop SDP December 28th 2014
AngularJs Workshop SDP December 28th 2014
Ran Wahle
Realtime web open house
Realtime web open house
Ran Wahle
Asyncawait in typescript
Asyncawait in typescript
Ran Wahle
Async patterns in javascript
Async patterns in javascript
Ran Wahle
Occupational therapy helping children develop and thrive
Occupational therapy helping children develop and thrive
westerntrust
Angular 2.0 change detection
Angular 2.0 change detection
Ran Wahle
Angular%201%20to%20angular%202
Angular%201%20to%20angular%202
Ran Wahle
Scale your signalR realtime web application
Scale your signalR realtime web application
Ran Wahle
Western Trust Epilepsy Awareness Presentation 2013
Western Trust Epilepsy Awareness Presentation 2013
westerntrust
Angular js 2
Angular js 2
Ran Wahle
Web Application Performance Audit and Optimization
Web Application Performance Audit and Optimization
Zyxware Technologies
Website redesign & seo Anand Saini
Website redesign & seo Anand Saini
Dr,Saini Anand
A "lofiAPI": Using open source applications and simple XML to build a library...
A "lofiAPI": Using open source applications and simple XML to build a library...
jason clark
More Related Content
Viewers also liked
Realtime web experience with signal r
Realtime web experience with signal r
Ran Wahle
Code migration from Angular 1.x to Angular 2.0
Code migration from Angular 1.x to Angular 2.0
Ran Wahle
Introduction to web compoents
Introduction to web compoents
Ran Wahle
Responsive ui
Responsive ui
Ran Wahle
What's new in ECMAScript 6
What's new in ECMAScript 6
Ran Wahle
What’s new in angular 2 - From FrontEnd IL Meetup
What’s new in angular 2 - From FrontEnd IL Meetup
Ran Wahle
Western Trust Smoke Free Service
Western Trust Smoke Free Service
westerntrust
Realtime web experience with signalR
Realtime web experience with signalR
Ran Wahle
angularJs Workshop
angularJs Workshop
Ran Wahle
AngularJs Workshop SDP December 28th 2014
AngularJs Workshop SDP December 28th 2014
Ran Wahle
Realtime web open house
Realtime web open house
Ran Wahle
Asyncawait in typescript
Asyncawait in typescript
Ran Wahle
Async patterns in javascript
Async patterns in javascript
Ran Wahle
Occupational therapy helping children develop and thrive
Occupational therapy helping children develop and thrive
westerntrust
Angular 2.0 change detection
Angular 2.0 change detection
Ran Wahle
Angular%201%20to%20angular%202
Angular%201%20to%20angular%202
Ran Wahle
Scale your signalR realtime web application
Scale your signalR realtime web application
Ran Wahle
Western Trust Epilepsy Awareness Presentation 2013
Western Trust Epilepsy Awareness Presentation 2013
westerntrust
Angular js 2
Angular js 2
Ran Wahle
Viewers also liked
(19)
Realtime web experience with signal r
Realtime web experience with signal r
Code migration from Angular 1.x to Angular 2.0
Code migration from Angular 1.x to Angular 2.0
Introduction to web compoents
Introduction to web compoents
Responsive ui
Responsive ui
What's new in ECMAScript 6
What's new in ECMAScript 6
What’s new in angular 2 - From FrontEnd IL Meetup
What’s new in angular 2 - From FrontEnd IL Meetup
Western Trust Smoke Free Service
Western Trust Smoke Free Service
Realtime web experience with signalR
Realtime web experience with signalR
angularJs Workshop
angularJs Workshop
AngularJs Workshop SDP December 28th 2014
AngularJs Workshop SDP December 28th 2014
Realtime web open house
Realtime web open house
Asyncawait in typescript
Asyncawait in typescript
Async patterns in javascript
Async patterns in javascript
Occupational therapy helping children develop and thrive
Occupational therapy helping children develop and thrive
Angular 2.0 change detection
Angular 2.0 change detection
Angular%201%20to%20angular%202
Angular%201%20to%20angular%202
Scale your signalR realtime web application
Scale your signalR realtime web application
Western Trust Epilepsy Awareness Presentation 2013
Western Trust Epilepsy Awareness Presentation 2013
Angular js 2
Angular js 2
Similar to Web performance
Web Application Performance Audit and Optimization
Web Application Performance Audit and Optimization
Zyxware Technologies
Website redesign & seo Anand Saini
Website redesign & seo Anand Saini
Dr,Saini Anand
A "lofiAPI": Using open source applications and simple XML to build a library...
A "lofiAPI": Using open source applications and simple XML to build a library...
jason clark
SEO and WordPress: The Basics and Beyond
SEO and WordPress: The Basics and Beyond
Marketing Refresh
Build Your Own Search Engine
Build Your Own Search Engine
goodfriday
Ajax Abuse Todcon2008
Ajax Abuse Todcon2008
Jesse Rodgers
Cost Effective Web Application Testing
Cost Effective Web Application Testing
Hari Pudipeddi
Cost effective web application testing
Cost effective web application testing
Harinath Pudipeddi
Cost effective web application testing
Cost effective web application testing
Harinath Pudipeddi
Sahi - Effective Web Testing
Sahi - Effective Web Testing
Tyto Software
Sahi presentation on BOJUG
Sahi presentation on BOJUG
narayanraman
Web Performance Optimization
Web Performance Optimization
Patrick Meenan
Instagram Scraping Using Selenium.docx
Instagram Scraping Using Selenium.docx
RohitBatta4
SEO
SEO
university of education,Lahore
Search Engine Optimization
Search Engine Optimization
Computing Cage
SEO
SEO
university of education,Lahore
Common Site Crawl issue with Javascript
Common Site Crawl issue with Javascript
NetElixir University
Web Application Optimization Techniques
Web Application Optimization Techniques
takinbo
TahaHassan_IT
TahaHassan_IT
Ubit11
Frontend 'vs' Backend Getting the Right Mix
Frontend 'vs' Backend Getting the Right Mix
Bob Paulin
Similar to Web performance
(20)
Web Application Performance Audit and Optimization
Web Application Performance Audit and Optimization
Website redesign & seo Anand Saini
Website redesign & seo Anand Saini
A "lofiAPI": Using open source applications and simple XML to build a library...
A "lofiAPI": Using open source applications and simple XML to build a library...
SEO and WordPress: The Basics and Beyond
SEO and WordPress: The Basics and Beyond
Build Your Own Search Engine
Build Your Own Search Engine
Ajax Abuse Todcon2008
Ajax Abuse Todcon2008
Cost Effective Web Application Testing
Cost Effective Web Application Testing
Cost effective web application testing
Cost effective web application testing
Cost effective web application testing
Cost effective web application testing
Sahi - Effective Web Testing
Sahi - Effective Web Testing
Sahi presentation on BOJUG
Sahi presentation on BOJUG
Web Performance Optimization
Web Performance Optimization
Instagram Scraping Using Selenium.docx
Instagram Scraping Using Selenium.docx
SEO
SEO
Search Engine Optimization
Search Engine Optimization
SEO
SEO
Common Site Crawl issue with Javascript
Common Site Crawl issue with Javascript
Web Application Optimization Techniques
Web Application Optimization Techniques
TahaHassan_IT
TahaHassan_IT
Frontend 'vs' Backend Getting the Right Mix
Frontend 'vs' Backend Getting the Right Mix
More from Ran Wahle
MicroFrontend With Iframes, dirty laundry that can be cleaned
MicroFrontend With Iframes, dirty laundry that can be cleaned
Ran Wahle
Into React-DOM.pptx
Into React-DOM.pptx
Ran Wahle
Lets go to the background
Lets go to the background
Ran Wahle
Permissions api
Permissions api
Ran Wahle
Lets go vanilla
Lets go vanilla
Ran Wahle
Custom elements
Custom elements
Ran Wahle
Web workers
Web workers
Ran Wahle
Using legacy code with micro frontends
Using legacy code with micro frontends
Ran Wahle
Ngrx one-effect
Ngrx one-effect
Ran Wahle
Angular migration
Angular migration
Ran Wahle
Javascript async / await Frontend-IL
Javascript async / await Frontend-IL
Ran Wahle
Boost js state management
Boost js state management
Ran Wahle
What’s new in angular 2
What’s new in angular 2
Ran Wahle
More from Ran Wahle
(13)
MicroFrontend With Iframes, dirty laundry that can be cleaned
MicroFrontend With Iframes, dirty laundry that can be cleaned
Into React-DOM.pptx
Into React-DOM.pptx
Lets go to the background
Lets go to the background
Permissions api
Permissions api
Lets go vanilla
Lets go vanilla
Custom elements
Custom elements
Web workers
Web workers
Using legacy code with micro frontends
Using legacy code with micro frontends
Ngrx one-effect
Ngrx one-effect
Angular migration
Angular migration
Javascript async / await Frontend-IL
Javascript async / await Frontend-IL
Boost js state management
Boost js state management
What’s new in angular 2
What’s new in angular 2
Web performance
1.
Web performance Ran
Wahle © Copyright SELA software & Education Labs Ltd. | 14-18 Baruch Hirsch St Bnei Brak, 51202 Israel | www.selagroup.com
2.
Agenda Static analysis
with pageSpeed The performance object Using developement tools Detecting memory leak
3.
Load Analysis of
a page Resources amount Resources footprint Caching Reduce load Defer loading
4.
Page speed Demo
5.
The performance object
Navigation Timing Performance entries Memory Measurement with performance.now()
6.
Working with performance
object Demo
7.
Using development tools
Profiler Memory profiling
8.
Let’s leak some
memory Demo
9.
So, What have
we seen? Performance analysis tools Performance analysis using javascript API Using development tools for profiling Using timeline to find memory leaks
10.
Questions
11.
Thank you! ranw@sela.co.il
http://blogs.Microsoft.co.il/ranw Twitter: @ranwahle © Copyright SELA software & Education Labs Ltd. | 14-18 Baruch Hirsch St Bnei Brak, 51202 Israel | www.selagroup.com