SlideShare uma empresa Scribd logo
1 de 14
Baixar para ler offline
I feel the need...
... the need for SPEED
A page load looks like this...
How can we improve this?

1. Less page weight
2. Fewer HTTP requests
Pimp your htaccess
Pimp your htaccess >
Gzip
Pimp your htaccess >
Cache Expires
Pimp your htaccess >
Cache expires - Cache busting
style.css?v=2 No
style.2.css

Yes
Pimp your htaccess >
Cache expires - Cache busting

style.1251992914.css
Concat/min all of the things >
CSS & JS
Concat/min all of the things >
Icon Fonts & Image Sprites

Think SVG
Concat/min all of the things >
Optimise Images
Do you need to load that? >
Use CSS3 where possible

• Gradients
• Rounded Corners
• Shadows
• Transparency
• Display Fonts
Do you need to load that? >
Responsive Images
Outsource
responsive.io
resrc.it
I wanna
go fast...

Mais conteúdo relacionado

Mais procurados

Jonathan Snook - Falling to pieces: the componentization of the web
Jonathan Snook - Falling to pieces: the componentization of the webJonathan Snook - Falling to pieces: the componentization of the web
Jonathan Snook - Falling to pieces: the componentization of the webTuring Fest
 
Web development processes
Web development processesWeb development processes
Web development processesSutrisno Yao
 
Critical rendering path presentation
Critical rendering path presentationCritical rendering path presentation
Critical rendering path presentationKavithaVikas
 
Tuning Drupal for Scale and Performance
Tuning Drupal for Scale and PerformanceTuning Drupal for Scale and Performance
Tuning Drupal for Scale and PerformanceAdam Kalsey
 
Don't code CRAP in 2012 (architecture & future)
Don't code CRAP in 2012 (architecture & future)Don't code CRAP in 2012 (architecture & future)
Don't code CRAP in 2012 (architecture & future)TT TY
 
How to serve 2500 Ad requests per second
How to serve 2500 Ad requests per secondHow to serve 2500 Ad requests per second
How to serve 2500 Ad requests per secondMiguel Sousa Filipe
 
前端性能优化
前端性能优化前端性能优化
前端性能优化imbingdian
 
Stack problems
Stack problems Stack problems
Stack problems bodokaiser
 

Mais procurados (11)

Jonathan Snook - Falling to pieces: the componentization of the web
Jonathan Snook - Falling to pieces: the componentization of the webJonathan Snook - Falling to pieces: the componentization of the web
Jonathan Snook - Falling to pieces: the componentization of the web
 
Sami world travel
Sami world travelSami world travel
Sami world travel
 
Web development processes
Web development processesWeb development processes
Web development processes
 
Critical rendering path presentation
Critical rendering path presentationCritical rendering path presentation
Critical rendering path presentation
 
Tuning Drupal for Scale and Performance
Tuning Drupal for Scale and PerformanceTuning Drupal for Scale and Performance
Tuning Drupal for Scale and Performance
 
Don't code CRAP in 2012 (architecture & future)
Don't code CRAP in 2012 (architecture & future)Don't code CRAP in 2012 (architecture & future)
Don't code CRAP in 2012 (architecture & future)
 
How to serve 2500 Ad requests per second
How to serve 2500 Ad requests per secondHow to serve 2500 Ad requests per second
How to serve 2500 Ad requests per second
 
前端性能优化
前端性能优化前端性能优化
前端性能优化
 
Stack problems
Stack problems Stack problems
Stack problems
 
BBUI
BBUIBBUI
BBUI
 
Career as on page seo
Career as on page seoCareer as on page seo
Career as on page seo
 

Destaque

Speed makes you feel a tactical genius
Speed makes you feel a tactical geniusSpeed makes you feel a tactical genius
Speed makes you feel a tactical geniusvagelis atzemian
 
SAILING/CHRISTOS&IOANNIS
SAILING/CHRISTOS&IOANNISSAILING/CHRISTOS&IOANNIS
SAILING/CHRISTOS&IOANNISkalliopiperri
 
ιστιοπλοία πιε
ιστιοπλοία πιειστιοπλοία πιε
ιστιοπλοία πιεvagelis atzemian
 
πως δουλευει το πινακακι
πως δουλευει το πινακακιπως δουλευει το πινακακι
πως δουλευει το πινακακιvagelis atzemian
 
Παρουσιαση Ιστιοπλοια
Παρουσιαση ΙστιοπλοιαΠαρουσιαση Ιστιοπλοια
Παρουσιαση Ιστιοπλοιαfilogelws
 
προπονητικη στην ιστιοπλοια
προπονητικη στην ιστιοπλοιαπροπονητικη στην ιστιοπλοια
προπονητικη στην ιστιοπλοιαvagelis atzemian
 
Dr David Soldani : Leading the disruptions | Zinnov Confluence '16 Munich
Dr David Soldani : Leading the disruptions | Zinnov Confluence '16 MunichDr David Soldani : Leading the disruptions | Zinnov Confluence '16 Munich
Dr David Soldani : Leading the disruptions | Zinnov Confluence '16 MunichZinnov
 
Brand activation - Do something awesome with people (English version)
Brand activation - Do something awesome with people (English version)Brand activation - Do something awesome with people (English version)
Brand activation - Do something awesome with people (English version)Pointvoucher
 
Brand activation
Brand activationBrand activation
Brand activationAli Hadi
 

Destaque (10)

Speed makes you feel a tactical genius
Speed makes you feel a tactical geniusSpeed makes you feel a tactical genius
Speed makes you feel a tactical genius
 
SAILING/CHRISTOS&IOANNIS
SAILING/CHRISTOS&IOANNISSAILING/CHRISTOS&IOANNIS
SAILING/CHRISTOS&IOANNIS
 
ιστιοπλοία πιε
ιστιοπλοία πιειστιοπλοία πιε
ιστιοπλοία πιε
 
πως δουλευει το πινακακι
πως δουλευει το πινακακιπως δουλευει το πινακακι
πως δουλευει το πινακακι
 
Παρουσιαση Ιστιοπλοια
Παρουσιαση ΙστιοπλοιαΠαρουσιαση Ιστιοπλοια
Παρουσιαση Ιστιοπλοια
 
προπονητικη στην ιστιοπλοια
προπονητικη στην ιστιοπλοιαπροπονητικη στην ιστιοπλοια
προπονητικη στην ιστιοπλοια
 
Ιστιοφόρο
ΙστιοφόροΙστιοφόρο
Ιστιοφόρο
 
Dr David Soldani : Leading the disruptions | Zinnov Confluence '16 Munich
Dr David Soldani : Leading the disruptions | Zinnov Confluence '16 MunichDr David Soldani : Leading the disruptions | Zinnov Confluence '16 Munich
Dr David Soldani : Leading the disruptions | Zinnov Confluence '16 Munich
 
Brand activation - Do something awesome with people (English version)
Brand activation - Do something awesome with people (English version)Brand activation - Do something awesome with people (English version)
Brand activation - Do something awesome with people (English version)
 
Brand activation
Brand activationBrand activation
Brand activation
 

Último

TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piececharlottematthew16
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostZilliz
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity PlanDatabarracks
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Manik S Magar
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo DayH2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo DaySri Ambati
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 

Último (20)

TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity Plan
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo DayH2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
H2O.ai CEO/Founder: Sri Ambati Keynote at Wells Fargo Day
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 

I feel the need... the need for SPEED