Helgi Þormar Þorbjörnsson, profile picture
Uploaded byHelgi Þormar Þorbjörnsson
PDF, PPTX1,012 views

Frontend Caching, PHPTek 2011, Chicago

The document discusses key concepts of frontend caching and web performance optimization presented by Helgi Thormar Thorbjörnsson, including the Pareto principle, rules for optimizing response times, and strategies for reducing HTTP requests. It covers techniques such as combining files, lazy loading, image optimization, and using content delivery networks (CDNs) to enhance user experience. Additional resources and tools for testing performance are also mentioned, emphasizing the importance of examining user pathways and adapting to different connection speeds.

Embed presentation

Download as PDF, PPTX
1 / 139
2 / 139
3 / 139
4 / 139
5 / 139
6 / 139
7 / 139
8 / 139
9 / 139
10 / 139
11 / 139
12 / 139
13 / 139
14 / 139
15 / 139
16 / 139
17 / 139
18 / 139
19 / 139
20 / 139
21 / 139
22 / 139
23 / 139
24 / 139
25 / 139
26 / 139
27 / 139
28 / 139
29 / 139
30 / 139
31 / 139
32 / 139
33 / 139
34 / 139
35 / 139
36 / 139
37 / 139
38 / 139
39 / 139
40 / 139
41 / 139
42 / 139
43 / 139
44 / 139
45 / 139
46 / 139
47 / 139
48 / 139
49 / 139
50 / 139
51 / 139
52 / 139
53 / 139
54 / 139
55 / 139
56 / 139
57 / 139
58 / 139
59 / 139
60 / 139
61 / 139
62 / 139
63 / 139
64 / 139
65 / 139
66 / 139
67 / 139
68 / 139
69 / 139
70 / 139
71 / 139
72 / 139
73 / 139
74 / 139
75 / 139
76 / 139
77 / 139
78 / 139
79 / 139
80 / 139
81 / 139
82 / 139
83 / 139
84 / 139
85 / 139
86 / 139
87 / 139
88 / 139
89 / 139
90 / 139
91 / 139
92 / 139
93 / 139
94 / 139
95 / 139
96 / 139
97 / 139
98 / 139
99 / 139
100 / 139
101 / 139
102 / 139
103 / 139
104 / 139
105 / 139
106 / 139
107 / 139
108 / 139
109 / 139
110 / 139
111 / 139
112 / 139
113 / 139
114 / 139
115 / 139
116 / 139
117 / 139
118 / 139
119 / 139
120 / 139
121 / 139
122 / 139
123 / 139
124 / 139
125 / 139
126 / 139
127 / 139
128 / 139
129 / 139
130 / 139
131 / 139
132 / 139
133 / 139
134 / 139
135 / 139
136 / 139
137 / 139
138 / 139
139 / 139
Frontend Caching Helgi Þormar Þorbjörnsson PHP Tek, Chicago, 26th May 2011 Thursday, 26 May 2011
Who am I? Thursday, 26 May 2011
Who am I? VP of Engineering at Orchestra.io Thursday, 26 May 2011
Who am I? VP of Engineering at Orchestra.io Developer at PEAR Thursday, 26 May 2011
Who am I? VP of Engineering at Orchestra.io Developer at PEAR From Iceland Thursday, 26 May 2011
Who am I? VP of Engineering at Orchestra.io Developer at PEAR From Iceland @h on Twitter Thursday, 26 May 2011
Pareto Principle 20% 80% Thursday, 26 May 2011
80 / 20 Rule 20% 80% 20% of the population receives 80% of the income Thursday, 26 May 2011
80 / 20 Rule 20% 80% 20% of causes produce 80% of the effects Thursday, 26 May 2011
80% of response time is spent downloading resources Thursday, 26 May 2011
4 Rules of Web Performance Thursday, 26 May 2011
Weight Time Processing Perception Thursday, 26 May 2011
Perception Thursday, 26 May 2011
Make people think your site is fast Thursday, 26 May 2011
When people can interact with the site Thursday, 26 May 2011
Thursday, 26 May 2011
“It all depends on how we look at things, and not how they are in themselves.” - Carl G. Jung Thursday, 26 May 2011
Perception 50% of users arrive on an empty cache Thursday, 26 May 2011
Perception Empty Cache Full Cache 28.0K 1 HTML Document 1.9K 1 Style Sheet File 59.5K 4 Javascript Files 28.0K 1 HTML Document 78.7K 24 Images 0.1K 2 Images 168.1K Total Size 28.1K Total Size 30 HTTP Requests 3 HTTP Requests 2.4s Response Time 0.9s Response Time Thursday, 26 May 2011
Weight Thursday, 26 May 2011
HTTP Requests Thursday, 26 May 2011
HTTP Requests Less is more Thursday, 26 May 2011
HTTP Requests Less is more Fewer HTTP Requests Thursday, 26 May 2011
HTTP Requests Less is more Fewer HTTP Requests Easy to improve on Thursday, 26 May 2011
Cookies Thursday, 26 May 2011
Cookies Sent with static content Thursday, 26 May 2011
Cookies Sent with static content Slow upstream speed Thursday, 26 May 2011
Cookies Sent with static content Slow upstream speed Big cookies Thursday, 26 May 2011
Experiment Time! Cookie Size Response Time (Delta) 0 bytes 78 ms ( 0 ms) 500 bytes 79 ms ( +1 ms) 1000 bytes 94 ms (+16 ms) 1500 bytes 109 ms (+31 ms) 2000 bytes 125 ms (+47 ms) 2500 bytes 141 ms (+63 ms) 3000 bytes 156 ms (+78 ms) Thursday, 26 May 2011
Experiment Time! Cookie Size Response Time (Delta) 0 bytes 78 ms ( 0 ms) 500 bytes 79 ms ( +1 ms) 1000 bytes 94 ms (+16 ms) 1500 bytes 109 ms (+31 ms) 2000 bytes 125 ms (+47 ms) 2500 bytes 141 ms (+63 ms) 3000 bytes 156 ms (+78 ms) Thursday, 26 May 2011
Experiment Time! Cookie Size Response Time (Delta) 0 bytes 78 ms ( 0 ms) 500 bytes 79 ms ( +1 ms) 1000 bytes 94 ms (+16 ms) 1500 bytes 109 ms (+31 ms) 2000 bytes 125 ms (+47 ms) 2500 bytes 141 ms (+63 ms) 3000 bytes 156 ms (+78 ms) Thursday, 26 May 2011
Cookies Thursday, 26 May 2011
Cookies Thursday, 26 May 2011
Cookies Remove unnecessary cookies Thursday, 26 May 2011
Cookies Remove unnecessary cookies Appropriate domain level Thursday, 26 May 2011
Cookies Remove unnecessary cookies Appropriate domain level Keep size low Thursday, 26 May 2011
Cookies Remove unnecessary cookies Appropriate domain level Keep size low Set Expires Thursday, 26 May 2011
Parallel Downloads Thursday, 26 May 2011
Parallel Downloads Be aware of max connection limits Thursday, 26 May 2011
Parallel Downloads Borrowed from BrowserScope.org Thursday, 26 May 2011
Parallel Downloads Borrowed from BrowserScope.org Thursday, 26 May 2011
Parallel Downloads One domain = 2 Parallel connections Thursday, 26 May 2011
Parallel Downloads One domain = 2 Parallel connections HTML Image Image Image Image Image Image Image Image 0.4 0.8 1.2 1.6 2 2.4 Secs Thursday, 26 May 2011
Parallel Downloads Two domains = 4 Parallel connections HTML Image Image Image Image Image Image Image Image 0.4 0.8 1.2 1.6 2 2.4 Secs Thursday, 26 May 2011
Parallel Downloads Too many hostnames can cause complications Thursday, 26 May 2011
Parallel Downloads Too many hostnames can cause complications 2 – 4 sub domains is a good average Thursday, 26 May 2011
Combine Files Combining 6 scripts into 1 eliminates 5 requests Thursday, 26 May 2011
Combine Files Combining 6 scripts into 1 eliminates 5 requests Challenges: develop as separate modules combinations vs. loading more than needed Thursday, 26 May 2011
Javascript Doesn’t comply with parallel download rules Thursday, 26 May 2011
Javascript Doesn’t comply with parallel download rules HTML JS Image Image Image Image Image Image Image 0.4 0.8 1.2 1.6 2 2.4 Secs Thursday, 26 May 2011
Javascript script defer attribute is not a solution Thursday, 26 May 2011
Javascript script defer attribute is not a solution Solution - move them as low in the page as possible Thursday, 26 May 2011
Processing Thursday, 26 May 2011
Processing Thursday, 26 May 2011
Processing Fake the delivery Thursday, 26 May 2011
Processing Fake the delivery Lazy Loading Thursday, 26 May 2011
Processing Fake the delivery Lazy Loading Above the fold Loading Thursday, 26 May 2011
Processing Fake the delivery Lazy Loading Above the fold Loading Delay Javascript Loading Thursday, 26 May 2011
Processing Thursday, 26 May 2011
Processing Bonus - async attribute Thursday, 26 May 2011
Processing Bonus - async attribute http://www.appelsiini.net/projects/lazyload Thursday, 26 May 2011
JS Minification Thursday, 26 May 2011
JS Minification Crushes the file Strips out all cruft Voodoo Magic! Thursday, 26 May 2011
JS Minfication UglifyJS Google Closure YUI Compressor Thursday, 26 May 2011
JS Minfication UglifyJS Google Closure YUI Compressor http://bit.ly/compression-rates Thursday, 26 May 2011
CSS Minification YUI Compressor minifycss.com OOCSS Thursday, 26 May 2011
GZip GZip can be used on Thursday, 26 May 2011
GZip GZip can be used on JS Thursday, 26 May 2011
GZip GZip can be used on JS CSS Thursday, 26 May 2011
GZip GZip can be used on JS CSS XML Thursday, 26 May 2011
GZip GZip can be used on JS CSS XML JSON Thursday, 26 May 2011
GZip GZip should not be used on Thursday, 26 May 2011
GZip GZip should not be used on Images Thursday, 26 May 2011
GZip GZip should not be used on Images Document formats Thursday, 26 May 2011
GZip GZip should not be used on Images Document formats Already compressed Thursday, 26 May 2011
404 robots.txt favicon Thursday, 26 May 2011
Images Thursday, 26 May 2011
Images favicon Thursday, 26 May 2011
Images favicon CSS Sprites Thursday, 26 May 2011
Images favicon CSS Sprites inline base64 Thursday, 26 May 2011
Images favicon CSS Sprites inline base64 Thursday, 26 May 2011
Images Thursday, 26 May 2011
Images Badly optimised Thursday, 26 May 2011
Images Badly optimised Thumbnails Thursday, 26 May 2011
Images Badly optimised Thumbnails PNGs compressed up to 50% Thursday, 26 May 2011
PNG Optimise OptiPNG pngwolf pngcrush jpegtran Thursday, 26 May 2011
Time Thursday, 26 May 2011
SSL Thursday, 26 May 2011
SSL Extra roundtrips Thursday, 26 May 2011
SSL Extra roundtrips More resources for servers Thursday, 26 May 2011
SSL Extra roundtrips More resources for servers Worth it, tho! Thursday, 26 May 2011
Tread the users’ path Thursday, 26 May 2011
Tread the users’ path Test on slower connections Thursday, 26 May 2011
Tread the users’ path Test on slower connections Slow proxies Thursday, 26 May 2011
Tread the users’ path Thursday, 26 May 2011
Tread the users’ path Tables / Phones Thursday, 26 May 2011
Tread the users’ path Tables / Phones Airline connections Thursday, 26 May 2011
Tread the users’ path Tables / Phones Airline connections Public places Thursday, 26 May 2011
CDN Thursday, 26 May 2011
CDN Single domain Thursday, 26 May 2011
CDN Single domain Smart routing Thursday, 26 May 2011
CDN Single domain Smart routing Data is closer to end user Thursday, 26 May 2011
CDN Thursday, 26 May 2011
CDN Thursday, 26 May 2011
CDN on a Budget Thursday, 26 May 2011
CDN on a Budget S3 Thursday, 26 May 2011
Query vs. Filename revisions Thursday, 26 May 2011
Query vs. Filename revisions Cache far in future Thursday, 26 May 2011
Query vs. Filename revisions Cache far in future Revisioning forces downloads Thursday, 26 May 2011
Query vs. Filename revisions Cache far in future Revisioning forces downloads Thursday, 26 May 2011
Query revisions Thursday, 26 May 2011
Query revisions Easy and convenient Thursday, 26 May 2011
Query revisions Easy and convenient Usually not recommended Thursday, 26 May 2011
Query revisions Easy and convenient Usually not recommended Bad proxies are a problem Thursday, 26 May 2011
Filename revisions Thursday, 26 May 2011
Filename revisions Requires more work Thursday, 26 May 2011
Filename revisions Requires more work Recommended Thursday, 26 May 2011
Filename revisions Requires more work Recommended During build, using md5 hash Thursday, 26 May 2011
Compromise Thursday, 26 May 2011
Compromise Create a version function Thursday, 26 May 2011
Compromise Create a version function Put on all resources Thursday, 26 May 2011
Compromise Create a version function Put on all resources mod_rewrite magic Thursday, 26 May 2011
Compromise Create a version function Put on all resources mod_rewrite magic http://bit.ly/query_rev_comp Thursday, 26 May 2011
Browser Tools Thursday, 26 May 2011
Browser Tools Firebug Thursday, 26 May 2011
Browser Tools Firebug YSlow Thursday, 26 May 2011
Browser Tools Firebug YSlow PageSpeed Thursday, 26 May 2011
Browser Tools Firebug YSlow PageSpeed Chrome Inspector Thursday, 26 May 2011
Other Tools Thursday, 26 May 2011
Other Tools HTTPWatch.com Thursday, 26 May 2011
Other Tools HTTPWatch.com WebPageTest.org Thursday, 26 May 2011
Other Tools HTTPWatch.com WebPageTest.org HTTPArchive.org Thursday, 26 May 2011
Other Tools HTTPWatch.com WebPageTest.org HTTPArchive.org chartbeat.com Thursday, 26 May 2011
Other Tools Thursday, 26 May 2011
Other Tools WonderProxy.com Thursday, 26 May 2011
Other Tools WonderProxy.com BrowserScope.com Thursday, 26 May 2011
Other Tools WonderProxy.com BrowserScope.com html5boilerplate.com Thursday, 26 May 2011
“Knowledge rests not upon truth alone, but upon error also” - Carl G. Jung Thursday, 26 May 2011
Questions? @h helgi@orchestra.io Joind.in: http://joind.in/3401 Thursday, 26 May 2011

More Related Content

PDF
Frontend caching - PHP Day, Italy, 2011
byHelgi Þormar Þorbjörnsson
 
PDF
Frontend caching
byHelgi Þormar Þorbjörnsson
 
PDF
Drizzle 7.0, Future of Virtualizing
byBrian Aker
 
PDF
Distribute the workload, PHPTek, Amsterdam, 2011
byHelgi Þormar Þorbjörnsson
 
PDF
Scale like an ant, distribute the workload - DPC, Amsterdam, 2011
byHelgi Þormar Þorbjörnsson
 
PDF
Distribute the workload, PHP Barcelona 2011
byHelgi Þormar Þorbjörnsson
 
PDF
Think like an ant, distribute the workload - PhpDay, Italy, 2011
byHelgi Þormar Þorbjörnsson
 
PDF
Plant Pyrus in your system - A guide to a plugin system.
byHelgi Þormar Þorbjörnsson
 
Frontend caching - PHP Day, Italy, 2011
byHelgi Þormar Þorbjörnsson
 
Frontend caching
byHelgi Þormar Þorbjörnsson
 
Drizzle 7.0, Future of Virtualizing
byBrian Aker
 
Distribute the workload, PHPTek, Amsterdam, 2011
byHelgi Þormar Þorbjörnsson
 
Scale like an ant, distribute the workload - DPC, Amsterdam, 2011
byHelgi Þormar Þorbjörnsson
 
Distribute the workload, PHP Barcelona 2011
byHelgi Þormar Þorbjörnsson
 
Think like an ant, distribute the workload - PhpDay, Italy, 2011
byHelgi Þormar Þorbjörnsson
 
Plant Pyrus in your system - A guide to a plugin system.
byHelgi Þormar Þorbjörnsson
 

Similar to Frontend Caching, PHPTek 2011, Chicago

PDF
How The Guardian Embraced the Internet using Content, Search, and Open Source
byLucidworks (Archived)
 
PDF
2go ScaleConf 2012
by2go
 
PDF
David Anderson Kanban At Q Con
bydeimos
 
PDF
Building an experimentation framework
byzsqr
 
PDF
Keynote: from publisher to platform, How The Guardian Embraced the Internet ...
bylucenerevolution
 
PDF
Case Study - Panasonic Europe Powered by Apache Solr
byLucidworks (Archived)
 
PDF
RailsConf 2011 Keynote
byAaron Patterson
 
PDF
Performance Optimization for Ext GWT 3.0
bySencha
 
PDF
usability reporting
byDr. V Vorvoreanu
 
PDF
Src2011 killer clouds
byPaul Cameron
 
PDF
Continous Delivery in Action
byandyhu1007
 
PDF
Magento's Imagine eCommerce Conference 2011 - Yoav Kutner Day 2 Keynote
byMagentoImagine
 
PDF
Please Don't Touch the Slow Parts
byFederico Galassi
 
PDF
Speed is Essential for a Great Web Experience (Digicure - Copenhagen)
byAndy Davies
 
PPTX
Scaling habits of ASP.NET
byDavid Giard
 
PDF
Rail Performance in the Cloud - Opening
byEngine Yard
 
PDF
Capacity Planning for Linux Systems
byRodrigo Campos
 
PDF
Please Don't Touch the Slow Parts V2
byFederico Galassi
 
PDF
Faster mobile sites
byMatthew Farina
 
PPTX
Who’s using my apps
bybartlannoeye
 
How The Guardian Embraced the Internet using Content, Search, and Open Source
byLucidworks (Archived)
 
2go ScaleConf 2012
by2go
 
David Anderson Kanban At Q Con
bydeimos
 
Building an experimentation framework
byzsqr
 
Keynote: from publisher to platform, How The Guardian Embraced the Internet ...
bylucenerevolution
 
Case Study - Panasonic Europe Powered by Apache Solr
byLucidworks (Archived)
 
RailsConf 2011 Keynote
byAaron Patterson
 
Performance Optimization for Ext GWT 3.0
bySencha
 
usability reporting
byDr. V Vorvoreanu
 
Src2011 killer clouds
byPaul Cameron
 
Continous Delivery in Action
byandyhu1007
 
Magento's Imagine eCommerce Conference 2011 - Yoav Kutner Day 2 Keynote
byMagentoImagine
 
Please Don't Touch the Slow Parts
byFederico Galassi
 
Speed is Essential for a Great Web Experience (Digicure - Copenhagen)
byAndy Davies
 
Scaling habits of ASP.NET
byDavid Giard
 
Rail Performance in the Cloud - Opening
byEngine Yard
 
Capacity Planning for Linux Systems
byRodrigo Campos
 
Please Don't Touch the Slow Parts V2
byFederico Galassi
 
Faster mobile sites
byMatthew Farina
 
Who’s using my apps
bybartlannoeye
 

More from Helgi Þormar Þorbjörnsson

PDF
Phar, The PHP .exe Format
byHelgi Þormar Þorbjörnsson
 
ODP
PEAR2 & Pyrus - The look ahead
byHelgi Þormar Þorbjörnsson
 
ODP
Coping with Cyber Monday
byHelgi Þormar Þorbjörnsson
 
ODP
Frontend Caching - The "new" frontier
byHelgi Þormar Þorbjörnsson
 
ODP
Caching for Cash - Part 4
byHelgi Þormar Þorbjörnsson
 
ODP
Caching for Cash, part 4 DPC 2009
byHelgi Þormar Þorbjörnsson
 
ODP
Caching for Cash - Part 1
byHelgi Þormar Þorbjörnsson
 
ODP
Website releases made easy with the PEAR installer - Barcelona 2008
byHelgi Þormar Þorbjörnsson
 
ODP
Website releases made easy with the PEAR installer, OSCON 2009
byHelgi Þormar Þorbjörnsson
 
ODP
Cashing For Cash, part 1 DPC 2009
byHelgi Þormar Þorbjörnsson
 
Phar, The PHP .exe Format
byHelgi Þormar Þorbjörnsson
 
PEAR2 & Pyrus - The look ahead
byHelgi Þormar Þorbjörnsson
 
Coping with Cyber Monday
byHelgi Þormar Þorbjörnsson
 
Frontend Caching - The "new" frontier
byHelgi Þormar Þorbjörnsson
 
Caching for Cash - Part 4
byHelgi Þormar Þorbjörnsson
 
Caching for Cash, part 4 DPC 2009
byHelgi Þormar Þorbjörnsson
 
Caching for Cash - Part 1
byHelgi Þormar Þorbjörnsson
 
Website releases made easy with the PEAR installer - Barcelona 2008
byHelgi Þormar Þorbjörnsson
 
Website releases made easy with the PEAR installer, OSCON 2009
byHelgi Þormar Þorbjörnsson
 
Cashing For Cash, part 1 DPC 2009
byHelgi Þormar Þorbjörnsson
 

Recently uploaded

PDF
Internet_of_Things_IoT_for_Next_Generation_Smart_Systems_Utilizing.pdf
byRoshanSyed12
 
PDF
Unlocking the Power of Salesforce Architecture: Frameworks for Effective Solu...
byvarsha30tiwari
 
PDF
TrustArc Webinar - Looking Ahead: The 2026 Privacy Landscape
byTrustArc
 
PPTX
Building Cyber Resilience for 2026: Best Practices for a Secure, AI-Driven Bu...
byYasir Naveed Riaz
 
PDF
Digit Expo 2025 - EICC Edinburgh 27th November
byRay Bugg
 
PDF
Vibe Coding vs. Spec-Driven Development [Free Meetup]
byHaim Michael
 
PPTX
Unit-4-ARTIFICIAL NEURAL NETWORKS.pptx ANN ppt Artificial neural network
byssuserd4481a
 
PDF
The year in review - MarvelClient in 2025
bypanagenda
 
PDF
Day 1 - Cloud Security Strategy and Planning ~ 2nd Sight Lab ~ Cloud Security...
by2nd Sight Lab
 
PDF
Making Sense of Raster: From Bit Depth to Better Workflows
bySafe Software
 
PDF
Day 2 - Network Security ~ 2nd Sight Lab ~ Cloud Security Class ~ 2020
by2nd Sight Lab
 
PPTX
Chapter 3 Introduction to number system.pptx
byGetachewAbera9
 
PPTX
Ethics in AI - Artificial Intelligence Fundamentals.pptx
byemenyiblessing
 
PDF
AI and Computer Architecture: 200 Years Together
byDmitry Zinoviev
 
PDF
Recursive Self Improvement vs Continuous Learning
byBob Marcus
 
PDF
Greetings All Students Update 3 by Mia Corp
by©LDMMIA, ©Reiki Yoga
 
PDF
Zero Trust & Defense-in-Depth: The Future of Critical Infrastructure Security
byYasir Naveed Riaz
 
PPTX
Cloud-and-AI-Platform-FY26-Partner-Playbook.pptx
byiuiuiuiu1
 
PPTX
THIS IS CYBER SECURITY NOTES USED IN CLASS ON VARIOUS TOPICS USED IN CYBERSEC...
byMelissaGblinwon
 
PPTX
Protecting Data in an AI Driven World - Cybersecurity in 2026
byYasir Naveed Riaz
 
Internet_of_Things_IoT_for_Next_Generation_Smart_Systems_Utilizing.pdf
byRoshanSyed12
 
Unlocking the Power of Salesforce Architecture: Frameworks for Effective Solu...
byvarsha30tiwari
 
TrustArc Webinar - Looking Ahead: The 2026 Privacy Landscape
byTrustArc
 
Building Cyber Resilience for 2026: Best Practices for a Secure, AI-Driven Bu...
byYasir Naveed Riaz
 
Digit Expo 2025 - EICC Edinburgh 27th November
byRay Bugg
 
Vibe Coding vs. Spec-Driven Development [Free Meetup]
byHaim Michael
 
Unit-4-ARTIFICIAL NEURAL NETWORKS.pptx ANN ppt Artificial neural network
byssuserd4481a
 
The year in review - MarvelClient in 2025
bypanagenda
 
Day 1 - Cloud Security Strategy and Planning ~ 2nd Sight Lab ~ Cloud Security...
by2nd Sight Lab
 
Making Sense of Raster: From Bit Depth to Better Workflows
bySafe Software
 
Day 2 - Network Security ~ 2nd Sight Lab ~ Cloud Security Class ~ 2020
by2nd Sight Lab
 
Chapter 3 Introduction to number system.pptx
byGetachewAbera9
 
Ethics in AI - Artificial Intelligence Fundamentals.pptx
byemenyiblessing
 
AI and Computer Architecture: 200 Years Together
byDmitry Zinoviev
 
Recursive Self Improvement vs Continuous Learning
byBob Marcus
 
Greetings All Students Update 3 by Mia Corp
by©LDMMIA, ©Reiki Yoga
 
Zero Trust & Defense-in-Depth: The Future of Critical Infrastructure Security
byYasir Naveed Riaz
 
Cloud-and-AI-Platform-FY26-Partner-Playbook.pptx
byiuiuiuiu1
 
THIS IS CYBER SECURITY NOTES USED IN CLASS ON VARIOUS TOPICS USED IN CYBERSEC...
byMelissaGblinwon
 
Protecting Data in an AI Driven World - Cybersecurity in 2026
byYasir Naveed Riaz
 

Frontend Caching, PHPTek 2011, Chicago

  • 1.
    Frontend Caching Helgi Þormar Þorbjörnsson PHP Tek, Chicago, 26th May 2011 Thursday, 26 May 2011
  • 2.
  • 3.
    Who am I? VP of Engineering at Orchestra.io Thursday, 26 May 2011
  • 4.
    Who am I? VP of Engineering at Orchestra.io Developer at PEAR Thursday, 26 May 2011
  • 5.
    Who am I? VP of Engineering at Orchestra.io Developer at PEAR From Iceland Thursday, 26 May 2011
  • 6.
    Who am I? VP of Engineering at Orchestra.io Developer at PEAR From Iceland @h on Twitter Thursday, 26 May 2011
  • 7.
    Pareto Principle 20% 80% Thursday, 26 May 2011
  • 8.
    80 / 20Rule 20% 80% 20% of the population receives 80% of the income Thursday, 26 May 2011
  • 9.
    80 / 20Rule 20% 80% 20% of causes produce 80% of the effects Thursday, 26 May 2011
  • 10.
    80% of responsetime is spent downloading resources Thursday, 26 May 2011
  • 11.
    4 Rules ofWeb Performance Thursday, 26 May 2011
  • 12.
    Weight Time Processing Perception Thursday, 26 May 2011
  • 13.
  • 14.
    Make people thinkyour site is fast Thursday, 26 May 2011
  • 15.
    When people caninteract with the site Thursday, 26 May 2011
  • 16.
  • 17.
    “It all dependson how we look at things, and not how they are in themselves.” - Carl G. Jung Thursday, 26 May 2011
  • 18.
    Perception 50% of users arrive on an empty cache Thursday, 26 May 2011
  • 19.
    Perception Empty Cache Full Cache 28.0K 1 HTML Document 1.9K 1 Style Sheet File 59.5K 4 Javascript Files 28.0K 1 HTML Document 78.7K 24 Images 0.1K 2 Images 168.1K Total Size 28.1K Total Size 30 HTTP Requests 3 HTTP Requests 2.4s Response Time 0.9s Response Time Thursday, 26 May 2011
  • 20.
  • 21.
  • 22.
    HTTP Requests Less is more Thursday, 26 May 2011
  • 23.
    HTTP Requests Less is more Fewer HTTP Requests Thursday, 26 May 2011
  • 24.
    HTTP Requests Less is more Fewer HTTP Requests Easy to improve on Thursday, 26 May 2011
  • 25.
  • 26.
    Cookies Sent with static content Thursday, 26 May 2011
  • 27.
    Cookies Sent with static content Slow upstream speed Thursday, 26 May 2011
  • 28.
    Cookies Sent with static content Slow upstream speed Big cookies Thursday, 26 May 2011
  • 29.
    Experiment Time! Cookie Size Response Time (Delta) 0 bytes 78 ms ( 0 ms) 500 bytes 79 ms ( +1 ms) 1000 bytes 94 ms (+16 ms) 1500 bytes 109 ms (+31 ms) 2000 bytes 125 ms (+47 ms) 2500 bytes 141 ms (+63 ms) 3000 bytes 156 ms (+78 ms) Thursday, 26 May 2011
  • 30.
    Experiment Time! Cookie Size Response Time (Delta) 0 bytes 78 ms ( 0 ms) 500 bytes 79 ms ( +1 ms) 1000 bytes 94 ms (+16 ms) 1500 bytes 109 ms (+31 ms) 2000 bytes 125 ms (+47 ms) 2500 bytes 141 ms (+63 ms) 3000 bytes 156 ms (+78 ms) Thursday, 26 May 2011
  • 31.
    Experiment Time! Cookie Size Response Time (Delta) 0 bytes 78 ms ( 0 ms) 500 bytes 79 ms ( +1 ms) 1000 bytes 94 ms (+16 ms) 1500 bytes 109 ms (+31 ms) 2000 bytes 125 ms (+47 ms) 2500 bytes 141 ms (+63 ms) 3000 bytes 156 ms (+78 ms) Thursday, 26 May 2011
  • 32.
  • 33.
  • 34.
    Cookies Remove unnecessary cookies Thursday, 26 May 2011
  • 35.
    Cookies Remove unnecessary cookies Appropriate domain level Thursday, 26 May 2011
  • 36.
    Cookies Remove unnecessary cookies Appropriate domain level Keep size low Thursday, 26 May 2011
  • 37.
    Cookies Remove unnecessary cookies Appropriate domain level Keep size low Set Expires Thursday, 26 May 2011
  • 38.
  • 39.
    Parallel Downloads Be aware of max connection limits Thursday, 26 May 2011
  • 40.
    Parallel Downloads Borrowed from BrowserScope.org Thursday, 26 May 2011
  • 41.
    Parallel Downloads Borrowed from BrowserScope.org Thursday, 26 May 2011
  • 42.
    Parallel Downloads One domain = 2 Parallel connections Thursday, 26 May 2011
  • 43.
    Parallel Downloads One domain = 2 Parallel connections HTML Image Image Image Image Image Image Image Image 0.4 0.8 1.2 1.6 2 2.4 Secs Thursday, 26 May 2011
  • 44.
    Parallel Downloads Two domains = 4 Parallel connections HTML Image Image Image Image Image Image Image Image 0.4 0.8 1.2 1.6 2 2.4 Secs Thursday, 26 May 2011
  • 45.
    Parallel Downloads Too many hostnames can cause complications Thursday, 26 May 2011
  • 46.
    Parallel Downloads Too many hostnames can cause complications 2 – 4 sub domains is a good average Thursday, 26 May 2011
  • 47.
    Combine Files Combining 6 scripts into 1 eliminates 5 requests Thursday, 26 May 2011
  • 48.
    Combine Files Combining 6 scripts into 1 eliminates 5 requests Challenges: develop as separate modules combinations vs. loading more than needed Thursday, 26 May 2011
  • 49.
    Javascript Doesn’t comply with parallel download rules Thursday, 26 May 2011
  • 50.
    Javascript Doesn’t comply with parallel download rules HTML JS Image Image Image Image Image Image Image 0.4 0.8 1.2 1.6 2 2.4 Secs Thursday, 26 May 2011
  • 51.
    Javascript script defer attribute is not a solution Thursday, 26 May 2011
  • 52.
    Javascript script defer attribute is not a solution Solution - move them as low in the page as possible Thursday, 26 May 2011
  • 53.
  • 54.
  • 55.
    Processing Fake the delivery Thursday, 26 May 2011
  • 56.
    Processing Fake the delivery Lazy Loading Thursday, 26 May 2011
  • 57.
    Processing Fake the delivery Lazy Loading Above the fold Loading Thursday, 26 May 2011
  • 58.
    Processing Fake the delivery Lazy Loading Above the fold Loading Delay Javascript Loading Thursday, 26 May 2011
  • 59.
  • 60.
    Processing Bonus - async attribute Thursday, 26 May 2011
  • 61.
    Processing Bonus - async attribute http://www.appelsiini.net/projects/lazyload Thursday, 26 May 2011
  • 62.
  • 63.
    JS Minification Crushes the file Strips out all cruft Voodoo Magic! Thursday, 26 May 2011
  • 64.
    JS Minfication UglifyJS Google Closure YUI Compressor Thursday, 26 May 2011
  • 65.
    JS Minfication UglifyJS Google Closure YUI Compressor http://bit.ly/compression-rates Thursday, 26 May 2011
  • 66.
    CSS Minification YUI Compressor minifycss.com OOCSS Thursday, 26 May 2011
  • 67.
    GZip GZip can be used on Thursday, 26 May 2011
  • 68.
    GZip GZip can be used on JS Thursday, 26 May 2011
  • 69.
    GZip GZip can be used on JS CSS Thursday, 26 May 2011
  • 70.
    GZip GZip can be used on JS CSS XML Thursday, 26 May 2011
  • 71.
    GZip GZip can be used on JS CSS XML JSON Thursday, 26 May 2011
  • 72.
    GZip GZip should not be used on Thursday, 26 May 2011
  • 73.
    GZip GZip should not be used on Images Thursday, 26 May 2011
  • 74.
    GZip GZip should not be used on Images Document formats Thursday, 26 May 2011
  • 75.
    GZip GZip should not be used on Images Document formats Already compressed Thursday, 26 May 2011
  • 76.
    404 robots.txt favicon Thursday, 26 May 2011
  • 77.
  • 78.
    Images favicon Thursday, 26 May 2011
  • 79.
    Images favicon CSS Sprites Thursday, 26 May 2011
  • 80.
    Images favicon CSS Sprites inline base64 Thursday, 26 May 2011
  • 81.
    Images favicon CSS Sprites inline base64 Thursday, 26 May 2011
  • 82.
  • 83.
    Images Badly optimised Thursday, 26 May 2011
  • 84.
    Images Badly optimised Thumbnails Thursday, 26 May 2011
  • 85.
    Images Badly optimised Thumbnails PNGs compressed up to 50% Thursday, 26 May 2011
  • 86.
    PNG Optimise OptiPNG pngwolf pngcrush jpegtran Thursday, 26 May 2011
  • 87.
  • 88.
  • 89.
    SSL Extra roundtrips Thursday, 26 May 2011
  • 90.
    SSL Extra roundtrips More resources for servers Thursday, 26 May 2011
  • 91.
    SSL Extra roundtrips More resources for servers Worth it, tho! Thursday, 26 May 2011
  • 92.
    Tread the users’path Thursday, 26 May 2011
  • 93.
    Tread the users’path Test on slower connections Thursday, 26 May 2011
  • 94.
    Tread the users’path Test on slower connections Slow proxies Thursday, 26 May 2011
  • 95.
    Tread the users’path Thursday, 26 May 2011
  • 96.
    Tread the users’path Tables / Phones Thursday, 26 May 2011
  • 97.
    Tread the users’path Tables / Phones Airline connections Thursday, 26 May 2011
  • 98.
    Tread the users’path Tables / Phones Airline connections Public places Thursday, 26 May 2011
  • 99.
  • 100.
    CDN Single domain Thursday, 26 May 2011
  • 101.
    CDN Single domain Smart routing Thursday, 26 May 2011
  • 102.
    CDN Single domain Smart routing Data is closer to end user Thursday, 26 May 2011
  • 103.
  • 104.
  • 105.
    CDN on aBudget Thursday, 26 May 2011
  • 106.
    CDN on aBudget S3 Thursday, 26 May 2011
  • 107.
    Query vs. Filename revisions Thursday, 26 May 2011
  • 108.
    Query vs. Filename revisions Cache far in future Thursday, 26 May 2011
  • 109.
    Query vs. Filename revisions Cache far in future Revisioning forces downloads Thursday, 26 May 2011
  • 110.
    Query vs. Filename revisions Cache far in future Revisioning forces downloads Thursday, 26 May 2011
  • 111.
  • 112.
    Query revisions Easy and convenient Thursday, 26 May 2011
  • 113.
    Query revisions Easy and convenient Usually not recommended Thursday, 26 May 2011
  • 114.
    Query revisions Easy and convenient Usually not recommended Bad proxies are a problem Thursday, 26 May 2011
  • 115.
  • 116.
    Filename revisions Requires more work Thursday, 26 May 2011
  • 117.
    Filename revisions Requires more work Recommended Thursday, 26 May 2011
  • 118.
    Filename revisions Requires more work Recommended During build, using md5 hash Thursday, 26 May 2011
  • 119.
  • 120.
    Compromise Create a version function Thursday, 26 May 2011
  • 121.
    Compromise Create a version function Put on all resources Thursday, 26 May 2011
  • 122.
    Compromise Create a version function Put on all resources mod_rewrite magic Thursday, 26 May 2011
  • 123.
    Compromise Create a version function Put on all resources mod_rewrite magic http://bit.ly/query_rev_comp Thursday, 26 May 2011
  • 124.
  • 125.
    Browser Tools Firebug Thursday, 26 May 2011
  • 126.
    Browser Tools Firebug YSlow Thursday, 26 May 2011
  • 127.
    Browser Tools Firebug YSlow PageSpeed Thursday, 26 May 2011
  • 128.
    Browser Tools Firebug YSlow PageSpeed Chrome Inspector Thursday, 26 May 2011
  • 129.
  • 130.
    Other Tools HTTPWatch.com Thursday, 26 May 2011
  • 131.
    Other Tools HTTPWatch.com WebPageTest.org Thursday, 26 May 2011
  • 132.
    Other Tools HTTPWatch.com WebPageTest.org HTTPArchive.org Thursday, 26 May 2011
  • 133.
    Other Tools HTTPWatch.com WebPageTest.org HTTPArchive.org chartbeat.com Thursday, 26 May 2011
  • 134.
  • 135.
    Other Tools WonderProxy.com Thursday, 26 May 2011
  • 136.
    Other Tools WonderProxy.com BrowserScope.com Thursday, 26 May 2011
  • 137.
    Other Tools WonderProxy.com BrowserScope.com html5boilerplate.com Thursday, 26 May 2011
  • 138.
    “Knowledge rests notupon truth alone, but upon error also” - Carl G. Jung Thursday, 26 May 2011
  • 139.
    Questions? @h [email protected] Joind.in: http://joind.in/3401 Thursday, 26 May 2011