Enviar búsqueda
Cargar
Liking performance
•
Descargar como PPTX, PDF
•
2 recomendaciones
•
2,133 vistas
Stoyan Stefanov
Seguir
Slides from SydJS, Sydney 2012
Leer menos
Leer más
Tecnología
Denunciar
Compartir
Denunciar
Compartir
1 de 20
Descargar ahora
Recomendados
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
Recomendados
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
Más contenido relacionado
La actualidad más candente
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
La actualidad más candente
(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
Similar a 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
Similar a 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"
Más de 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
Más de 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)
Último
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
hans926745
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Gabriella Davis
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Anna Loughnan Colquhoun
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
Malak Abu Hammad
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Radu Cotescu
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Igalia
Slack Application Development 101 Slides
Slack Application Development 101 Slides
praypatel2
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
Khem
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Rafal Los
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
The Digital Insurer
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
HampshireHUG
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Delhi Call girls
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Miguel Araújo
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Michael W. Hawkins
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
Results
Último
(20)
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Slack Application Development 101 Slides
Slack Application Development 101 Slides
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
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
Descargar ahora