Suche senden
Hochladen
Liking performance
•
Als PPTX, PDF herunterladen
•
2 gefällt mir
•
2,133 views
Stoyan Stefanov
Folgen
Slides from SydJS, Sydney 2012
Weniger lesen
Mehr lesen
Technologie
Diashow-Anzeige
Melden
Teilen
Diashow-Anzeige
Melden
Teilen
1 von 20
Jetzt herunterladen
Empfohlen
JavaScript performance patterns
JavaScript performance patterns
Stoyan Stefanov
JavaScript Performance Patterns
JavaScript Performance Patterns
Stoyan Stefanov
High Performance Social Plugins
High Performance Social Plugins
Stoyan Stefanov
Progressive Downloads and Rendering - take #2
Progressive Downloads and Rendering - take #2
Stoyan Stefanov
[jqconatx] Adaptive Images for Responsive Web Design
[jqconatx] Adaptive Images for Responsive Web Design
Christopher Schmitt
Real World Web components
Real World Web components
Jarrod Overson
Nodejs.meetup
Nodejs.meetup
Vivian S. Zhang
the 5 layers of web accessibility - Open Web Camp II
the 5 layers of web accessibility - Open Web Camp II
Dirk Ginader
Empfohlen
JavaScript performance patterns
JavaScript performance patterns
Stoyan Stefanov
JavaScript Performance Patterns
JavaScript Performance Patterns
Stoyan Stefanov
High Performance Social Plugins
High Performance Social Plugins
Stoyan Stefanov
Progressive Downloads and Rendering - take #2
Progressive Downloads and Rendering - take #2
Stoyan Stefanov
[jqconatx] Adaptive Images for Responsive Web Design
[jqconatx] Adaptive Images for Responsive Web Design
Christopher Schmitt
Real World Web components
Real World Web components
Jarrod Overson
Nodejs.meetup
Nodejs.meetup
Vivian S. Zhang
the 5 layers of web accessibility - Open Web Camp II
the 5 layers of web accessibility - Open Web Camp II
Dirk Ginader
HTML5와 오픈소스 기반의 Web Components 기술
HTML5와 오픈소스 기반의 Web Components 기술
Jeongkyu Shin
ActiveDOM
ActiveDOM
Felix Geisendörfer
SocketStream
SocketStream
Paul Jensen
CodeFest 2014. Пухальский И. — Отзывчивые кроссплатформенные веб-приложения
CodeFest 2014. Пухальский И. — Отзывчивые кроссплатформенные веб-приложения
CodeFest
Scott Jehl - Delivering Responsibly - beyond tellerrand Düsseldorf 2015
Scott Jehl - Delivering Responsibly - beyond tellerrand Düsseldorf 2015
beyond tellerrand
Front end performance optimization
Front end performance optimization
Stevie T
Front End Performance
Front End Performance
Konstantin Käfer
jQuery UI and Plugins
jQuery UI and Plugins
Marc Grabanski
Front end performance tip
Front end performance tip
Steve Yu
Hash Signaling Made Easy
Hash Signaling Made Easy
davidgouldin
State of jQuery June 2013 - Portland
State of jQuery June 2013 - Portland
dmethvin
Geb presentation
Geb presentation
Ivar Østhus
Web Development for UX Designers
Web Development for UX Designers
Ashlimarie
Once upon a time, there were css, js and server-side rendering
Once upon a time, there were css, js and server-side rendering
Andrea Giannantonio
WordPress as the Backbone(.js)
WordPress as the Backbone(.js)
Beau Lebens
Accessibility - A feature you can build
Accessibility - A feature you can build
Monika Piotrowicz
jQuery For Beginners - jQuery Conference 2009
jQuery For Beginners - jQuery Conference 2009
Ralph Whitbeck
Put a little Backbone in your WordPress
Put a little Backbone in your WordPress
adamsilverstein
Bower power
Bower power
Eric Carlisle
Better Selenium Tests with Geb - Selenium Conf 2014
Better Selenium Tests with Geb - Selenium Conf 2014
Naresha K
High Performance Front-End Development
High Performance Front-End Development
drywallbmb
Front-End Performance Optimization in WordPress
Front-End Performance Optimization in WordPress
drywallbmb
Weitere ähnliche Inhalte
Was ist angesagt?
HTML5와 오픈소스 기반의 Web Components 기술
HTML5와 오픈소스 기반의 Web Components 기술
Jeongkyu Shin
ActiveDOM
ActiveDOM
Felix Geisendörfer
SocketStream
SocketStream
Paul Jensen
CodeFest 2014. Пухальский И. — Отзывчивые кроссплатформенные веб-приложения
CodeFest 2014. Пухальский И. — Отзывчивые кроссплатформенные веб-приложения
CodeFest
Scott Jehl - Delivering Responsibly - beyond tellerrand Düsseldorf 2015
Scott Jehl - Delivering Responsibly - beyond tellerrand Düsseldorf 2015
beyond tellerrand
Front end performance optimization
Front end performance optimization
Stevie T
Front End Performance
Front End Performance
Konstantin Käfer
jQuery UI and Plugins
jQuery UI and Plugins
Marc Grabanski
Front end performance tip
Front end performance tip
Steve Yu
Hash Signaling Made Easy
Hash Signaling Made Easy
davidgouldin
State of jQuery June 2013 - Portland
State of jQuery June 2013 - Portland
dmethvin
Geb presentation
Geb presentation
Ivar Østhus
Web Development for UX Designers
Web Development for UX Designers
Ashlimarie
Once upon a time, there were css, js and server-side rendering
Once upon a time, there were css, js and server-side rendering
Andrea Giannantonio
WordPress as the Backbone(.js)
WordPress as the Backbone(.js)
Beau Lebens
Accessibility - A feature you can build
Accessibility - A feature you can build
Monika Piotrowicz
jQuery For Beginners - jQuery Conference 2009
jQuery For Beginners - jQuery Conference 2009
Ralph Whitbeck
Put a little Backbone in your WordPress
Put a little Backbone in your WordPress
adamsilverstein
Bower power
Bower power
Eric Carlisle
Better Selenium Tests with Geb - Selenium Conf 2014
Better Selenium Tests with Geb - Selenium Conf 2014
Naresha K
Was ist angesagt?
(20)
HTML5와 오픈소스 기반의 Web Components 기술
HTML5와 오픈소스 기반의 Web Components 기술
ActiveDOM
ActiveDOM
SocketStream
SocketStream
CodeFest 2014. Пухальский И. — Отзывчивые кроссплатформенные веб-приложения
CodeFest 2014. Пухальский И. — Отзывчивые кроссплатформенные веб-приложения
Scott Jehl - Delivering Responsibly - beyond tellerrand Düsseldorf 2015
Scott Jehl - Delivering Responsibly - beyond tellerrand Düsseldorf 2015
Front end performance optimization
Front end performance optimization
Front End Performance
Front End Performance
jQuery UI and Plugins
jQuery UI and Plugins
Front end performance tip
Front end performance tip
Hash Signaling Made Easy
Hash Signaling Made Easy
State of jQuery June 2013 - Portland
State of jQuery June 2013 - Portland
Geb presentation
Geb presentation
Web Development for UX Designers
Web Development for UX Designers
Once upon a time, there were css, js and server-side rendering
Once upon a time, there were css, js and server-side rendering
WordPress as the Backbone(.js)
WordPress as the Backbone(.js)
Accessibility - A feature you can build
Accessibility - A feature you can build
jQuery For Beginners - jQuery Conference 2009
jQuery For Beginners - jQuery Conference 2009
Put a little Backbone in your WordPress
Put a little Backbone in your WordPress
Bower power
Bower power
Better Selenium Tests with Geb - Selenium Conf 2014
Better Selenium Tests with Geb - Selenium Conf 2014
Ähnlich wie Liking performance
High Performance Front-End Development
High Performance Front-End Development
drywallbmb
Front-End Performance Optimization in WordPress
Front-End Performance Optimization in WordPress
drywallbmb
Please Don't Touch the Slow Parts V3
Please Don't Touch the Slow Parts V3
Federico Galassi
JavaScript Performance (at SFJS)
JavaScript Performance (at SFJS)
Steve Souders
JavaScript Perfomance
JavaScript Perfomance
Anatol Alizar
Please dont touch-3.5
Please dont touch-3.5
Francesco Fullone
Optimización JavaScript y CSS
Optimización JavaScript y CSS
lucascepeda
Nuxt.JS Introdruction
Nuxt.JS Introdruction
David Ličen
Styling components with JavaScript
Styling components with JavaScript
bensmithett
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...
tdc-globalcode
CSS in React
CSS in React
Joe Seifi
建立前端開發團隊 - 2011 中華電信訓練所版
建立前端開發團隊 - 2011 中華電信訓練所版
Joseph Chiang
Алексей Швайка "Bundling: you are doing it wrong"
Алексей Швайка "Bundling: you are doing it wrong"
Fwdays
Building Performance - ein Frontend-Build-Prozess für Java mit Maven
Building Performance - ein Frontend-Build-Prozess für Java mit Maven
Oliver Ochs
The new static resources framework
The new static resources framework
marcplmer
Webpack
Webpack
Sofian Hadiwijaya
Please dont touch-3.6-jsday
Please dont touch-3.6-jsday
Francesco Fullone
Webpack packing it all
Webpack packing it all
Criciúma Dev
Packing it all: JavaScript module bundling from 2000 to now
Packing it all: JavaScript module bundling from 2000 to now
Derek Willian Stavis
Web Performance Part 4 "Client-side performance"
Web Performance Part 4 "Client-side performance"
Binary Studio
Ähnlich wie Liking performance
(20)
High Performance Front-End Development
High Performance Front-End Development
Front-End Performance Optimization in WordPress
Front-End Performance Optimization in WordPress
Please Don't Touch the Slow Parts V3
Please Don't Touch the Slow Parts V3
JavaScript Performance (at SFJS)
JavaScript Performance (at SFJS)
JavaScript Perfomance
JavaScript Perfomance
Please dont touch-3.5
Please dont touch-3.5
Optimización JavaScript y CSS
Optimización JavaScript y CSS
Nuxt.JS Introdruction
Nuxt.JS Introdruction
Styling components with JavaScript
Styling components with JavaScript
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...
CSS in React
CSS in React
建立前端開發團隊 - 2011 中華電信訓練所版
建立前端開發團隊 - 2011 中華電信訓練所版
Алексей Швайка "Bundling: you are doing it wrong"
Алексей Швайка "Bundling: you are doing it wrong"
Building Performance - ein Frontend-Build-Prozess für Java mit Maven
Building Performance - ein Frontend-Build-Prozess für Java mit Maven
The new static resources framework
The new static resources framework
Webpack
Webpack
Please dont touch-3.6-jsday
Please dont touch-3.6-jsday
Webpack packing it all
Webpack packing it all
Packing it all: JavaScript module bundling from 2000 to now
Packing it all: JavaScript module bundling from 2000 to now
Web Performance Part 4 "Client-side performance"
Web Performance Part 4 "Client-side performance"
Mehr von Stoyan Stefanov
Reactive JavaScript
Reactive JavaScript
Stoyan Stefanov
YSlow hacking
YSlow hacking
Stoyan Stefanov
Social Button BFFs
Social Button BFFs
Stoyan Stefanov
JavaScript навсякъде
JavaScript навсякъде
Stoyan Stefanov
JavaScript is everywhere
JavaScript is everywhere
Stoyan Stefanov
JavaScript shell scripting
JavaScript shell scripting
Stoyan Stefanov
JavaScript for PHP developers
JavaScript for PHP developers
Stoyan Stefanov
WPO @ PubCon 2010
WPO @ PubCon 2010
Stoyan Stefanov
Progressive Downloads and Rendering
Progressive Downloads and Rendering
Stoyan Stefanov
Performance patterns
Performance patterns
Stoyan Stefanov
Voices that matter: High Performance Web Sites
Voices that matter: High Performance Web Sites
Stoyan Stefanov
Psychology of performance
Psychology of performance
Stoyan Stefanov
3-in-1 YSlow
3-in-1 YSlow
Stoyan Stefanov
CSS and image optimization
CSS and image optimization
Stoyan Stefanov
High-performance DOM scripting
High-performance DOM scripting
Stoyan Stefanov
The business of performance
The business of performance
Stoyan Stefanov
JavaScript Patterns
JavaScript Patterns
Stoyan Stefanov
Ignite Velocity: Image Weight Loss Clinic
Ignite Velocity: Image Weight Loss Clinic
Stoyan Stefanov
Don't make me wait! or Building High-Performance Web Applications
Don't make me wait! or Building High-Performance Web Applications
Stoyan Stefanov
High Performance Kick Ass Web Apps (JavaScript edition)
High Performance Kick Ass Web Apps (JavaScript edition)
Stoyan Stefanov
Mehr von Stoyan Stefanov
(20)
Reactive JavaScript
Reactive JavaScript
YSlow hacking
YSlow hacking
Social Button BFFs
Social Button BFFs
JavaScript навсякъде
JavaScript навсякъде
JavaScript is everywhere
JavaScript is everywhere
JavaScript shell scripting
JavaScript shell scripting
JavaScript for PHP developers
JavaScript for PHP developers
WPO @ PubCon 2010
WPO @ PubCon 2010
Progressive Downloads and Rendering
Progressive Downloads and Rendering
Performance patterns
Performance patterns
Voices that matter: High Performance Web Sites
Voices that matter: High Performance Web Sites
Psychology of performance
Psychology of performance
3-in-1 YSlow
3-in-1 YSlow
CSS and image optimization
CSS and image optimization
High-performance DOM scripting
High-performance DOM scripting
The business of performance
The business of performance
JavaScript Patterns
JavaScript Patterns
Ignite Velocity: Image Weight Loss Clinic
Ignite Velocity: Image Weight Loss Clinic
Don't make me wait! or Building High-Performance Web Applications
Don't make me wait! or Building High-Performance Web Applications
High Performance Kick Ass Web Apps (JavaScript edition)
High Performance Kick Ass Web Apps (JavaScript edition)
Kürzlich hochgeladen
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
apidays
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Anna Loughnan Colquhoun
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
apidays
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
The Digital Insurer
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
lior mazor
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
apidays
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
MadyBayot
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
Zilliz
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
Rustici Software
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
The Digital Insurer
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
Nanddeep Nachan
presentation ICT roal in 21st century education
presentation ICT roal in 21st century education
jfdjdjcjdnsjd
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
The Digital Insurer
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Edi Saputra
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
Khem
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
wesley chun
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
wesley chun
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Product Anonymous
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
MIND CTI
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
Dropbox
Kürzlich hochgeladen
(20)
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
presentation ICT roal in 21st century education
presentation ICT roal in 21st century education
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
Liking performance
1.
Liking performance
SydJS, Oct 17, 2012
2.
https://www.facebook.com/plugins/like.php?href=…
3.
Starting: OMG!
2-3 CSS files 7-8 JavaScript files
4.
Static resource packaging
1 CSS, 1 sprite, 1 JS
5.
Single CDN hostname No
domain sharding for so few resources
6.
Async JS var js
= document.createElement('script'); js.src = 'http://path/to/js'; document.getElementsByTagName('head')[0] .appendChild(js);
7.
CSS: inline, then
lazy
8.
Serializing hidden content IE
still downloads images in display: none
9.
CSS "nubs"
10.
Rounded corners <!-- IE
--> <b></b> <button /> <b></b>
11.
Rewrite Reducing CSS and
JS
12.
All CSS inline small
enough, dynamic
13.
All images inline,
reverted :(
14.
Common JS migration var
DOM = require('DOM'); // … DOM.find('#something .or .other'); // … module.exports = Like;
15.
Lazy JS Some inline.
Preload some more. Execute on user action.
16.
17.
Loading SDK <script>
Async JS FIF
18.
Async JS
19.
http://jsbin.com/axibow/10/edit
20.
Thank you! @stoyanstefanov
Jetzt herunterladen