Soumettre la recherche
Mettre en ligne
Image Optimization Lightning Talk - Ajax Experience
•
5 j'aime
•
6,363 vues
Nicole Sullivan
Suivre
Smushit.com demo and presentation from Ajax Experience.
Lire moins
Lire la suite
Technologie
Art & Photos
Signaler
Partager
Signaler
Partager
1 sur 20
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
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
Recommandé
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
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
V3cube
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Gabriella Davis
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
Allon Mureinik
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Martijn de Jong
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
The Digital Insurer
Contenu connexe
En vedette
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
En vedette
(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
Dernier
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
V3cube
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Gabriella Davis
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
Allon Mureinik
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Martijn de Jong
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
The Digital Insurer
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Neo4j
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
RTylerCroy
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
HampshireHUG
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
Puma Security, LLC
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
wesley chun
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
naman860154
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
debabhi2
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
gurkirankumar98700
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Safe Software
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
Enterprise Knowledge
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
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
Results
Dernier
(20)
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
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
Télécharger maintenant