Enviar pesquisa
Carregar
Image Optimization Lightning Talk - Ajax Experience
•
5 gostaram
•
6,363 visualizações
Nicole Sullivan
Seguir
Smushit.com demo and presentation from Ajax Experience.
Leia menos
Leia mais
Tecnologia
Arte e fotografia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 20
Baixar agora
Baixar para ler offline
Recomendados
After YSlow "A"
After YSlow "A"
Nicole Sullivan
Building the Media Block in ReactJS
Building the Media Block in ReactJS
Nicole Sullivan
Creating Living Style Guides to Improve Performance
Creating Living Style Guides to Improve Performance
Nicole Sullivan
Object Oriented CSS
Object Oriented CSS
Nicole Sullivan
Design Fast Websites
Design Fast Websites
Nicole Sullivan
7 Habits of Exceptional Performance
7 Habits of Exceptional Performance
Nicole Sullivan
Pourquoi la performance?
Pourquoi la performance?
Nicole Sullivan
CSS Bloat!
CSS Bloat!
Nicole Sullivan
Recomendados
After YSlow "A"
After YSlow "A"
Nicole Sullivan
Building the Media Block in ReactJS
Building the Media Block in ReactJS
Nicole Sullivan
Creating Living Style Guides to Improve Performance
Creating Living Style Guides to Improve Performance
Nicole Sullivan
Object Oriented CSS
Object Oriented CSS
Nicole Sullivan
Design Fast Websites
Design Fast Websites
Nicole Sullivan
7 Habits of Exceptional Performance
7 Habits of Exceptional Performance
Nicole Sullivan
Pourquoi la performance?
Pourquoi la performance?
Nicole Sullivan
CSS Bloat!
CSS Bloat!
Nicole Sullivan
What is Object Oriented CSS?
What is Object Oriented CSS?
Nicole Sullivan
The Fast And The Fabulous
The Fast And The Fabulous
Nicole Sullivan
CSS Power Tools
CSS Power Tools
Nicole Sullivan
Don't feed the trolls
Don't feed the trolls
Nicole Sullivan
The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax ...
The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax ...
Nicole Sullivan
Our Best Practices Are Killing Us
Our Best Practices Are Killing Us
Nicole Sullivan
Taming CSS Selectors
Taming CSS Selectors
Nicole Sullivan
CSS Wish List @JSConf
CSS Wish List @JSConf
Nicole Sullivan
Why are you here?
Why are you here?
Nicole Sullivan
Specialise or cross-skill
Specialise or cross-skill
Russ Weakley
CSS: a rapidly changing world
CSS: a rapidly changing world
Russ Weakley
CSS Best practice
CSS Best practice
Russ Weakley
5 Mistakes of Massive CSS
5 Mistakes of Massive CSS
Nicole Sullivan
Creating a Simple, Accessible On/Off Switch
Creating a Simple, Accessible On/Off Switch
Russ Weakley
CSS3 - is everything we used to do wrong?
CSS3 - is everything we used to do wrong?
Russ Weakley
CSS - OOCSS, SMACSS and more
CSS - OOCSS, SMACSS and more
Russ Weakley
CSS pattern libraries
CSS pattern libraries
Russ Weakley
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
marketing932765
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
Neo4j
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
Lonnie McRorey
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL Router
Mydbops
How to write a Business Continuity Plan
How to write a Business Continuity Plan
Databarracks
Mais conteúdo relacionado
Destaque
What is Object Oriented CSS?
What is Object Oriented CSS?
Nicole Sullivan
The Fast And The Fabulous
The Fast And The Fabulous
Nicole Sullivan
CSS Power Tools
CSS Power Tools
Nicole Sullivan
Don't feed the trolls
Don't feed the trolls
Nicole Sullivan
The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax ...
The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax ...
Nicole Sullivan
Our Best Practices Are Killing Us
Our Best Practices Are Killing Us
Nicole Sullivan
Taming CSS Selectors
Taming CSS Selectors
Nicole Sullivan
CSS Wish List @JSConf
CSS Wish List @JSConf
Nicole Sullivan
Why are you here?
Why are you here?
Nicole Sullivan
Specialise or cross-skill
Specialise or cross-skill
Russ Weakley
CSS: a rapidly changing world
CSS: a rapidly changing world
Russ Weakley
CSS Best practice
CSS Best practice
Russ Weakley
5 Mistakes of Massive CSS
5 Mistakes of Massive CSS
Nicole Sullivan
Creating a Simple, Accessible On/Off Switch
Creating a Simple, Accessible On/Off Switch
Russ Weakley
CSS3 - is everything we used to do wrong?
CSS3 - is everything we used to do wrong?
Russ Weakley
CSS - OOCSS, SMACSS and more
CSS - OOCSS, SMACSS and more
Russ Weakley
CSS pattern libraries
CSS pattern libraries
Russ Weakley
Destaque
(17)
What is Object Oriented CSS?
What is Object Oriented CSS?
The Fast And The Fabulous
The Fast And The Fabulous
CSS Power Tools
CSS Power Tools
Don't feed the trolls
Don't feed the trolls
The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax ...
The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax ...
Our Best Practices Are Killing Us
Our Best Practices Are Killing Us
Taming CSS Selectors
Taming CSS Selectors
CSS Wish List @JSConf
CSS Wish List @JSConf
Why are you here?
Why are you here?
Specialise or cross-skill
Specialise or cross-skill
CSS: a rapidly changing world
CSS: a rapidly changing world
CSS Best practice
CSS Best practice
5 Mistakes of Massive CSS
5 Mistakes of Massive CSS
Creating a Simple, Accessible On/Off Switch
Creating a Simple, Accessible On/Off Switch
CSS3 - is everything we used to do wrong?
CSS3 - is everything we used to do wrong?
CSS - OOCSS, SMACSS and more
CSS - OOCSS, SMACSS and more
CSS pattern libraries
CSS pattern libraries
Último
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
marketing932765
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
Neo4j
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
Lonnie McRorey
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL Router
Mydbops
How to write a Business Continuity Plan
How to write a Business Continuity Plan
Databarracks
2024 April Patch Tuesday
2024 April Patch Tuesday
Ivanti
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
LoriGlavin3
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
itnewsafrica
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to Hero
UiPathCommunity
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
panagenda
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directions
Nathaniel Shimoni
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examples
Kari Kakkonen
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
itnewsafrica
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software Developers
Nicole Novielli
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
panagenda
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024
TopCSSGallery
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
Curtis Poe
Data governance with Unity Catalog Presentation
Data governance with Unity Catalog Presentation
Knoldus Inc.
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdf
Ingrid Airi González
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
LoriGlavin3
Último
(20)
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL Router
How to write a Business Continuity Plan
How to write a Business Continuity Plan
2024 April Patch Tuesday
2024 April Patch Tuesday
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to Hero
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directions
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examples
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software Developers
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
Data governance with Unity Catalog Presentation
Data governance with Unity Catalog Presentation
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdf
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Image Optimization Lightning Talk - Ajax Experience
1.
THE PROBLEM
Optimizing images sucks. Stoyan Stefanov Nicole Sullivan http://phpied.com http://stubbornella.org
2.
3.
Quantify and improve
the performance of all Yahoo! products worldwide
4.
HEAVY = SLOW
5.
Time to diet From
2003 to 2008: 97K to 312K. 25.7 to 49.9 objects.
6.
Images, who
cares? Top ten websites 45.6% page weight is images.
7.
7 MISTAKES Image Optimization
8.
mistake #1 Using GIF
when PNG is smaller 20.42%
9.
mistake #2 Not
crushing PNG 16.05%
10.
mistake #3 Not stripping
JPG metadata 11.85%
11.
mistake #4 Using truecolor
PNG rather than PNG8
12.
mistake #5 Using Alpha
Image Loader 100ms yahoo search
13.
mistake #6 Serving dynamically
generated images “as is” 38-55% google charts api
14.
mistake #7 Not combining
images
15.
SOLUTION?
16.
JPEG Tran
Excellent tools, so many options PngOptimizer OptiPNG
17.
Two distinct problems
Design Quality versus Optimization Engineering
18.
ONE TOOL. MANY
ALGORITHMS. Smush it automatically crushes images using the best open source algorithms available.
19.
demo: http://smushit.com
20.
Let’s keep talking... Stoyan
Stefanov Nicole Sullivan http://phpied.com http://stubbornella.org YSlow: Lead Developer nicole@stubbornella.org ssttoo@gmail.com “stubbornella” on the web
Baixar agora