SlideShare a Scribd company logo
1 of 9
JavaScript Performance Optimization
Reduce Our Page Load Time
Speaker : Mr.Jang
1
2
Contents
▪ Browser Behavior
▪ The Basic Website Optimization
▪ Coding to Improve Performance
▪ Rendering
▪ UI Thread and Timer
▪ DOM Scripting
▪ AJAX and Dynamic Loading
3
Prompt for unload
Redirect
Application Cache
Network
Processing
Browser Behavior
4
Prompt for unload
Release the memory before moving the page
5
Redirect
Sending the URL requested by the user to another URL
6
Application Cache
Look for data in the cache without a request to the server
7
Network
The request data to the server and receive data from the server
www.naver.com
Browser
DNS Server
202.131.xxx.xxx
사용자
www.naver.com
Server
request
response
8
Processing
Combining the data received from the server generates a page
:
+
9
Contents
▪ Browser Behavior
▪ The Basic Website Optimization
▪ Coding to Improve Performance
▪ Rendering
▪ UI Thread and Timer
▪ DOM Scripting
▪ AJAX and Dynamic Loading

More Related Content

Similar to Jpo(javascript perpormance optimization) 20150707

A Look at New Features in DNN 7.3
A Look at New Features in DNN 7.3A Look at New Features in DNN 7.3
A Look at New Features in DNN 7.3
DNN
 
Building & Testing Scalable Rails Applications
Building & Testing Scalable Rails ApplicationsBuilding & Testing Scalable Rails Applications
Building & Testing Scalable Rails Applications
evilmike
 
How to build CDN for your website
How to build CDN for your websiteHow to build CDN for your website
How to build CDN for your website
Martin Kulov
 
Website Performance
Website PerformanceWebsite Performance
Website Performance
Hugo Fonseca
 

Similar to Jpo(javascript perpormance optimization) 20150707 (20)

Why your slow loading website is costing you sales and how to fix it
Why your slow loading website is costing you sales and how to fix itWhy your slow loading website is costing you sales and how to fix it
Why your slow loading website is costing you sales and how to fix it
 
Why your slow loading website is costing you sales and how to fix it
Why your slow loading website is costing you sales and how to fix itWhy your slow loading website is costing you sales and how to fix it
Why your slow loading website is costing you sales and how to fix it
 
Web performance
Web performanceWeb performance
Web performance
 
Making the web faster
Making the web fasterMaking the web faster
Making the web faster
 
A Look at New Features in DNN 7.3
A Look at New Features in DNN 7.3A Look at New Features in DNN 7.3
A Look at New Features in DNN 7.3
 
Pantheon Launch Check Introduction Webinar
Pantheon Launch Check Introduction WebinarPantheon Launch Check Introduction Webinar
Pantheon Launch Check Introduction Webinar
 
Design a scalable site: Problem and solutions
Design a scalable site: Problem and solutionsDesign a scalable site: Problem and solutions
Design a scalable site: Problem and solutions
 
Building & Testing Scalable Rails Applications
Building & Testing Scalable Rails ApplicationsBuilding & Testing Scalable Rails Applications
Building & Testing Scalable Rails Applications
 
How to build CDN for your website
How to build CDN for your websiteHow to build CDN for your website
How to build CDN for your website
 
Optimizing website performance
Optimizing website performanceOptimizing website performance
Optimizing website performance
 
Building Lightning Fast Websites (for Twin Cities .NET User Group)
Building Lightning Fast Websites (for Twin Cities .NET User Group)Building Lightning Fast Websites (for Twin Cities .NET User Group)
Building Lightning Fast Websites (for Twin Cities .NET User Group)
 
Web server
Web serverWeb server
Web server
 
Web Performance Optimization
Web Performance OptimizationWeb Performance Optimization
Web Performance Optimization
 
Website Performance
Website PerformanceWebsite Performance
Website Performance
 
Software architecture for high traffic website
Software architecture for high traffic websiteSoftware architecture for high traffic website
Software architecture for high traffic website
 
AWS Summit London 2014 | Dynamic Content Acceleration (300)
AWS Summit London 2014 | Dynamic Content Acceleration (300)AWS Summit London 2014 | Dynamic Content Acceleration (300)
AWS Summit London 2014 | Dynamic Content Acceleration (300)
 
6 WooCommerce Dev Tricks for Building Fast eCommerce Websites.pdf
6 WooCommerce Dev Tricks for Building Fast eCommerce Websites.pdf6 WooCommerce Dev Tricks for Building Fast eCommerce Websites.pdf
6 WooCommerce Dev Tricks for Building Fast eCommerce Websites.pdf
 
Speed up your front-end development with the Proxly chrome extension
Speed up your front-end development with the Proxly chrome extensionSpeed up your front-end development with the Proxly chrome extension
Speed up your front-end development with the Proxly chrome extension
 
10 things you can do to speed up your web app today stir trek edition
10 things you can do to speed up your web app today   stir trek edition10 things you can do to speed up your web app today   stir trek edition
10 things you can do to speed up your web app today stir trek edition
 
JavaScript Service Worker Design Patterns for Better User Experience
JavaScript Service Worker Design Patterns for Better User ExperienceJavaScript Service Worker Design Patterns for Better User Experience
JavaScript Service Worker Design Patterns for Better User Experience
 

More from JangChulho (7)

Open course(programming languages) 20150318
Open course(programming languages) 20150318Open course(programming languages) 20150318
Open course(programming languages) 20150318
 
Open course(programming languages) 20150304
Open course(programming languages) 20150304Open course(programming languages) 20150304
Open course(programming languages) 20150304
 
Open course(programming languages) 20150225
Open course(programming languages) 20150225Open course(programming languages) 20150225
Open course(programming languages) 20150225
 
Open course(programming languages) 20150211
Open course(programming languages) 20150211Open course(programming languages) 20150211
Open course(programming languages) 20150211
 
Open course(programming languages) 20150128
Open course(programming languages) 20150128Open course(programming languages) 20150128
Open course(programming languages) 20150128
 
Open course(programming languages) 20150121
Open course(programming languages) 20150121Open course(programming languages) 20150121
Open course(programming languages) 20150121
 
Open course(programming languages) 20150114
Open course(programming languages) 20150114Open course(programming languages) 20150114
Open course(programming languages) 20150114
 

Jpo(javascript perpormance optimization) 20150707