Learn: Why your website MUST be fast to be competitive, how a page is loaded by the browser, how to measure page speed and 5 simple ways to speed up YOUR website
.
Web Performance is a new trend in web application performance analysis and measurement which specializes in overall user experience instead of traditional approach that primarily looks at server performance. Sergey Chernyshev will describe the differences between the two approaches, show why it is important to distinguish between performance and scalability and talk about new tools that go beyond load testing.
With the growth of mobile devices, performance is now more important than ever. But the web is actually getting slower! Fight back by learning how to monitor performance, the critical rendering path and finding where to optimize.
Web Performance is a new trend in web application performance analysis and measurement which specializes in overall user experience instead of traditional approach that primarily looks at server performance. Sergey Chernyshev will describe the differences between the two approaches, show why it is important to distinguish between performance and scalability and talk about new tools that go beyond load testing.
With the growth of mobile devices, performance is now more important than ever. But the web is actually getting slower! Fight back by learning how to monitor performance, the critical rendering path and finding where to optimize.
This is my latest version of my client side performance presentations. This has been presented at TechEd NZ 2009 & to a couple of .NET user groups around NZ. This presentation focuses on the basics of client-side performance tuning.
Today, a web page can be delivered to desktop computers, televisions, or handheld devices like tablets or phones. While a technique like responsive design helps ensure that our web sites look good across that spectrum of devices we may forget that we need to make sure that our web sites also perform well across that same spectrum. More and more of our users are shifting their Internet usage to these more varied platforms and connection speeds with some moving entirely to mobile Internet.
In this session we’ll look at the tools that can help you understand, measure and improve the web performance of your web sites and applications. The talk will also discuss how new server-side techniques might help us optimize our front-end performance. Finally, since the best way to test is to have devices in your hand, we’ll discuss some tips for getting your hands on them cheaply.
This presentation builds upon Dave’s “Optimization for Mobile” chapter in Smashing Magazine’s “The Mobile Book.”
This talk was given at the Responsive Web Design Summit hosted by Environments for Humans.
These slides are from a talk given at the Melbourne WordPress Meetup in November 2018. The topic was WordPress Hosting Basics, although not all of the content is WordPress specific, covering general topics such as DNS, security and performance.
Implementing a Responsive Image StrategyChris Love
Applications must implement responsive web design strategies today. However most developers are not experienced in responsive techniques. More over images have provided a difficult hurdle for developers and business stakeholders to make responsive.
A proper responsive web design strategy increases return on investment, reduces long term maintenance requirements and improves application performance. Images create many challenges in implementing responsive design.
This session will explain what responsive images are. How new web standards have enabled manageable responsive image practices. We will go over tooling and techniques to enable responsive images in your developer and line of business workflows.
When you leave this session you will have actionable knowledge of responsive images, techniques, tooling and workflow options you can apply to your projects now.
According to HTTPArchive.org the average web page is now larger than the original DOOM installation application. Today's obese web is leading to decreased user satisfaction, customer engagement and increased cost of ownership. Research repeatedly tells us customers want faster user experiences. Search engines reward faster sites with better rankings. Small, fast sites are cheaper to develop, maintain and operate.
- Why has the web become obese?
- What actions can developers and stakeholders do to combat their morbid obesity?
- Are these actions expensive or hard to implement?
This session reviews what customers want and how to identify your web site's love handles. More importantly you will learn simple techniques to eliminate the fat and create a healthy, maintainable, affordable web development lifestyle that produces the user experiences your customers want to engage with over and over.
Front-End Web Performance Optimization by BucketSoftSteve Wortham
Front-end optimization involves everything that's delivered to the browser. We're looking to optimize HTML, CSS, JS, and images in such a way as to allow the browser to download and render these objects as quickly as possible.
1. Definition of Web performance.
2. Why Important.
3. Webpage Rendering.
4. Browsers render.
5. Web Performance Rules.
6. Web Performance Tools.
7. Research
10 things you can do to speed up your web app today 2016Chris Love
Web Sites are to slow and this is costing businesses money. Most performance issues are easy to fix. In this session we review why web performance is important and 10 simple things you can do to make a faster user experience.
BD Conf: Visit speed - Page speed is only the beginningPeter McLachlan
How can we beat the speed of light and make visits faster? Pre-fetching is one way we can make resources available before they're needed. This talk explores challenges in mobile visit performance and discusses the design of a generic pre-fetching system.
Minimize website page loading time – 20+ advanced SEO tipsCgColors
Website Page speed is a big ranking factor and we all know that. Google has already announced that they will give less priority to slow sites and even mark site with SLOW tag in SERPs.
Lets understand what makes your site slow and how can you make your site lightening fast..If your website is also struggling with slow page load time..checkout our tips here http://www.cgcolors.com/blog/minimize-website-page-loading-time-20-advanced-seo-tips/
You can contact our page load optimization experts - hi@cgcolors.com | 347-732-2736
Advanced front end debugging with ms edge and ms toolsChris Love
All browsers have developer tools that help developers troubleshoot their applications. But each browser's tools are different and all have strengths and weaknesses. Microsoft Edge is no different.This session will highlight some deeper insights you can gain through the Edge developer tools and some advanced tools available from Microsoft. We will dive into advanced CSS and JavaScript debugging capabilities. We will also review how to chase memory leaks and diagnose common performance rendering issues. Finally we will do a quick review of Vorlon.js, a remote debugging library that enables you to troubleshoot issues on devices you do not have developer tool access.
Web performance optimization for modern web applicationsChris Love
Web Performance is extremely important to user experience and an important component of today's modern web applications. This session reviews why's and how's to make your modern web application perform better.
My presentation about WordPress and caching from WordCamp Baltimore 2013.
See it with funny animated GIFs at http://kingkool68.com/wp-cream/
Fork my slides on GitHub https://github.com/kingkool68/WP-Cache-Rules-Everything-Around-Me
JavaScript front end performance optimizationsChris Love
No one wants a slow loading, slow reacting application. As page weight has increased so has the dependency on JavaScript to drive rich user experiences. Today many pages load over 2MBs of JavaScript, but is this healthy? Do your scripts and dependencies perform well? In this session we will review common JavaScript performance bottlenecks, how to detect them and how to eliminate them.
This session will review common bad coding syntax, architecture and how to replace them with better alternatives. You will also be exposed to caching, code organization, build and deployment best practices that produce the best user experiences. Finally, you will see how to use the navigation timing and performance timing APIs to fine tune your applications to produce a fast, lean application your customers will love.
10 things you can do to speed up your web app today stir trek editionChris Love
Why is Web Performance Optimization Important and what are some things developers can do to ensure their applications perform well and please end users?
10 Things You Can Do to Speed Up Your Web App TodayChris Love
Web Performance is a serious issues these days. 80% of web performance issues are in the client. Many developers either do not realize what they are leaving on the table and how that affects the success of their application. These are 10 things any web developer can do in about 30-60 minutes to drastically increase page load times and thus increase the application's profitability.
This is my latest version of my client side performance presentations. This has been presented at TechEd NZ 2009 & to a couple of .NET user groups around NZ. This presentation focuses on the basics of client-side performance tuning.
Today, a web page can be delivered to desktop computers, televisions, or handheld devices like tablets or phones. While a technique like responsive design helps ensure that our web sites look good across that spectrum of devices we may forget that we need to make sure that our web sites also perform well across that same spectrum. More and more of our users are shifting their Internet usage to these more varied platforms and connection speeds with some moving entirely to mobile Internet.
In this session we’ll look at the tools that can help you understand, measure and improve the web performance of your web sites and applications. The talk will also discuss how new server-side techniques might help us optimize our front-end performance. Finally, since the best way to test is to have devices in your hand, we’ll discuss some tips for getting your hands on them cheaply.
This presentation builds upon Dave’s “Optimization for Mobile” chapter in Smashing Magazine’s “The Mobile Book.”
This talk was given at the Responsive Web Design Summit hosted by Environments for Humans.
These slides are from a talk given at the Melbourne WordPress Meetup in November 2018. The topic was WordPress Hosting Basics, although not all of the content is WordPress specific, covering general topics such as DNS, security and performance.
Implementing a Responsive Image StrategyChris Love
Applications must implement responsive web design strategies today. However most developers are not experienced in responsive techniques. More over images have provided a difficult hurdle for developers and business stakeholders to make responsive.
A proper responsive web design strategy increases return on investment, reduces long term maintenance requirements and improves application performance. Images create many challenges in implementing responsive design.
This session will explain what responsive images are. How new web standards have enabled manageable responsive image practices. We will go over tooling and techniques to enable responsive images in your developer and line of business workflows.
When you leave this session you will have actionable knowledge of responsive images, techniques, tooling and workflow options you can apply to your projects now.
According to HTTPArchive.org the average web page is now larger than the original DOOM installation application. Today's obese web is leading to decreased user satisfaction, customer engagement and increased cost of ownership. Research repeatedly tells us customers want faster user experiences. Search engines reward faster sites with better rankings. Small, fast sites are cheaper to develop, maintain and operate.
- Why has the web become obese?
- What actions can developers and stakeholders do to combat their morbid obesity?
- Are these actions expensive or hard to implement?
This session reviews what customers want and how to identify your web site's love handles. More importantly you will learn simple techniques to eliminate the fat and create a healthy, maintainable, affordable web development lifestyle that produces the user experiences your customers want to engage with over and over.
Front-End Web Performance Optimization by BucketSoftSteve Wortham
Front-end optimization involves everything that's delivered to the browser. We're looking to optimize HTML, CSS, JS, and images in such a way as to allow the browser to download and render these objects as quickly as possible.
1. Definition of Web performance.
2. Why Important.
3. Webpage Rendering.
4. Browsers render.
5. Web Performance Rules.
6. Web Performance Tools.
7. Research
10 things you can do to speed up your web app today 2016Chris Love
Web Sites are to slow and this is costing businesses money. Most performance issues are easy to fix. In this session we review why web performance is important and 10 simple things you can do to make a faster user experience.
BD Conf: Visit speed - Page speed is only the beginningPeter McLachlan
How can we beat the speed of light and make visits faster? Pre-fetching is one way we can make resources available before they're needed. This talk explores challenges in mobile visit performance and discusses the design of a generic pre-fetching system.
Minimize website page loading time – 20+ advanced SEO tipsCgColors
Website Page speed is a big ranking factor and we all know that. Google has already announced that they will give less priority to slow sites and even mark site with SLOW tag in SERPs.
Lets understand what makes your site slow and how can you make your site lightening fast..If your website is also struggling with slow page load time..checkout our tips here http://www.cgcolors.com/blog/minimize-website-page-loading-time-20-advanced-seo-tips/
You can contact our page load optimization experts - hi@cgcolors.com | 347-732-2736
Advanced front end debugging with ms edge and ms toolsChris Love
All browsers have developer tools that help developers troubleshoot their applications. But each browser's tools are different and all have strengths and weaknesses. Microsoft Edge is no different.This session will highlight some deeper insights you can gain through the Edge developer tools and some advanced tools available from Microsoft. We will dive into advanced CSS and JavaScript debugging capabilities. We will also review how to chase memory leaks and diagnose common performance rendering issues. Finally we will do a quick review of Vorlon.js, a remote debugging library that enables you to troubleshoot issues on devices you do not have developer tool access.
Web performance optimization for modern web applicationsChris Love
Web Performance is extremely important to user experience and an important component of today's modern web applications. This session reviews why's and how's to make your modern web application perform better.
My presentation about WordPress and caching from WordCamp Baltimore 2013.
See it with funny animated GIFs at http://kingkool68.com/wp-cream/
Fork my slides on GitHub https://github.com/kingkool68/WP-Cache-Rules-Everything-Around-Me
JavaScript front end performance optimizationsChris Love
No one wants a slow loading, slow reacting application. As page weight has increased so has the dependency on JavaScript to drive rich user experiences. Today many pages load over 2MBs of JavaScript, but is this healthy? Do your scripts and dependencies perform well? In this session we will review common JavaScript performance bottlenecks, how to detect them and how to eliminate them.
This session will review common bad coding syntax, architecture and how to replace them with better alternatives. You will also be exposed to caching, code organization, build and deployment best practices that produce the best user experiences. Finally, you will see how to use the navigation timing and performance timing APIs to fine tune your applications to produce a fast, lean application your customers will love.
10 things you can do to speed up your web app today stir trek editionChris Love
Why is Web Performance Optimization Important and what are some things developers can do to ensure their applications perform well and please end users?
10 Things You Can Do to Speed Up Your Web App TodayChris Love
Web Performance is a serious issues these days. 80% of web performance issues are in the client. Many developers either do not realize what they are leaving on the table and how that affects the success of their application. These are 10 things any web developer can do in about 30-60 minutes to drastically increase page load times and thus increase the application's profitability.
Web Performance tuning presentation given at http://www.chippewavalleycodecamp.com/
Covers basic http flow, measuring performance, common changes to improve performance now, and several tools and techniques you can use now.
Studies have identified speed as the single most critical factor for e-commerce conversion. There are lots of changes you could make to your website, but none of them are as risk-free as increasing speed. Some people like yellow, some like blue, but nobody likes slow. This talk will explain how to measure speed, and how to make your site much faster with minimal effort.
Site speed is a ranking factor in Google, and for good reason. Visitors have a short attention span, and will quickly navigate away from a slow website, especially on mobile. This presentation covers essential tools and techniques for improving your load times and PageSpeed score, such as caching, image optimization, and plugin performance.
Are you trying to improve your website performance? Read the blog to find some handpicked strategies. Implement these and note the difference! https://www.webguru-india.com/blog/tips-to-improve-your-website-performance/
Presentation from Perry Wirth on Joomla! speed optimization. This presentation covers concepts and methods behind speeding up the load time of your site. This covers what you can do within a base Joomla installation along with template parameters and extensions which can also help.
My talking points for the presentation on optimization of modern web applications. It is a huge topic, and I concentrated mostly on technical aspects of it.
SearchLove San Diego 2018 | Mat Clayton | Site Speed for Digital MarketersDistilled
We all know that site speed matters not only for users but also for search rankings. As marketers, how can we measure and improve the impact of site speed? Mat will cover a range of topics and tools, from the basic quick wins to some of the more surprising and cutting-edge techniques used by the largest websites in the world.
Finally! Now you can get some inexpensive traffic to catapult your business into the stratosphere without spending thousands on pricey Google Adwords clicks!
Jeff Hendrix will reveal his secrets on how he drives qualified visitors to his websites without spending a dime on Google Adwords.
Guest Speaker: Jeff Hendrix
Topic: Get the Inside Scoop on Contextual Advertising to Build Your Business
1.Wireless Communication System_Wireless communication is a broad term that i...JeyaPerumal1
Wireless communication involves the transmission of information over a distance without the help of wires, cables or any other forms of electrical conductors.
Wireless communication is a broad term that incorporates all procedures and forms of connecting and communicating between two or more devices using a wireless signal through wireless communication technologies and devices.
Features of Wireless Communication
The evolution of wireless technology has brought many advancements with its effective features.
The transmitted distance can be anywhere between a few meters (for example, a television's remote control) and thousands of kilometers (for example, radio communication).
Wireless communication can be used for cellular telephony, wireless access to the internet, wireless home networking, and so on.
APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024APNIC
Ellisha Heppner, Grant Management Lead, presented an update on APNIC Foundation to the PNG DNS Forum held from 6 to 10 May, 2024 in Port Moresby, Papua New Guinea.
Bridging the Digital Gap Brad Spiegel Macon, GA Initiative.pptxBrad Spiegel Macon GA
Brad Spiegel Macon GA’s journey exemplifies the profound impact that one individual can have on their community. Through his unwavering dedication to digital inclusion, he’s not only bridging the gap in Macon but also setting an example for others to follow.
This 7-second Brain Wave Ritual Attracts Money To You.!nirahealhty
Discover the power of a simple 7-second brain wave ritual that can attract wealth and abundance into your life. By tapping into specific brain frequencies, this technique helps you manifest financial success effortlessly. Ready to transform your financial future? Try this powerful ritual and start attracting money today!
# Internet Security: Safeguarding Your Digital World
In the contemporary digital age, the internet is a cornerstone of our daily lives. It connects us to vast amounts of information, provides platforms for communication, enables commerce, and offers endless entertainment. However, with these conveniences come significant security challenges. Internet security is essential to protect our digital identities, sensitive data, and overall online experience. This comprehensive guide explores the multifaceted world of internet security, providing insights into its importance, common threats, and effective strategies to safeguard your digital world.
## Understanding Internet Security
Internet security encompasses the measures and protocols used to protect information, devices, and networks from unauthorized access, attacks, and damage. It involves a wide range of practices designed to safeguard data confidentiality, integrity, and availability. Effective internet security is crucial for individuals, businesses, and governments alike, as cyber threats continue to evolve in complexity and scale.
### Key Components of Internet Security
1. **Confidentiality**: Ensuring that information is accessible only to those authorized to access it.
2. **Integrity**: Protecting information from being altered or tampered with by unauthorized parties.
3. **Availability**: Ensuring that authorized users have reliable access to information and resources when needed.
## Common Internet Security Threats
Cyber threats are numerous and constantly evolving. Understanding these threats is the first step in protecting against them. Some of the most common internet security threats include:
### Malware
Malware, or malicious software, is designed to harm, exploit, or otherwise compromise a device, network, or service. Common types of malware include:
- **Viruses**: Programs that attach themselves to legitimate software and replicate, spreading to other programs and files.
- **Worms**: Standalone malware that replicates itself to spread to other computers.
- **Trojan Horses**: Malicious software disguised as legitimate software.
- **Ransomware**: Malware that encrypts a user's files and demands a ransom for the decryption key.
- **Spyware**: Software that secretly monitors and collects user information.
### Phishing
Phishing is a social engineering attack that aims to steal sensitive information such as usernames, passwords, and credit card details. Attackers often masquerade as trusted entities in email or other communication channels, tricking victims into providing their information.
### Man-in-the-Middle (MitM) Attacks
MitM attacks occur when an attacker intercepts and potentially alters communication between two parties without their knowledge. This can lead to the unauthorized acquisition of sensitive information.
### Denial-of-Service (DoS) and Distributed Denial-of-Service (DDoS) Attacks
Multi-cluster Kubernetes Networking- Patterns, Projects and GuidelinesSanjeev Rampal
Talk presented at Kubernetes Community Day, New York, May 2024.
Technical summary of Multi-Cluster Kubernetes Networking architectures with focus on 4 key topics.
1) Key patterns for Multi-cluster architectures
2) Architectural comparison of several OSS/ CNCF projects to address these patterns
3) Evolution trends for the APIs of these projects
4) Some design recommendations & guidelines for adopting/ deploying these solutions.
Why your slow loading website is costing you sales and how to fix it
1. Why Your Slow Loading
Website Is Costing You Sales
and How to Fix It
Joe Strommen
@strommen
joe@joestrommen.com
2. Introductions
• Software Engineer for 11 years
• 2 years ago – started caring about business
• Apr 2014, founded fasterweb.io
• On the backburner (for now)
• Software Consulting
• Specializing in web performance
3. Today we’ll learn:
1. Why your website MUST be fast to be competitive
2. How a page is loaded by the browser
3. How to measure page speed
4. 5 simple ways to speed up YOUR website
5. HTTP/2
4. Fast Websites Make More Money #1
Speeding up the fundraising site
by 60% increased donations by 14%.
Kyle Rush, Obama Campaign (2012)
5. Fast Websites Make More Money #2
Speeding up advertising load times by
roughly 1.5 seconds increased CTR by 12%.
DoubleClick (2011)
6. Fast Websites Make More Money #3
Cutting 2.2 seconds off loading time
increased conversions by 15%.
Blake Cutler, Mozilla (2010)
7. Fast Websites Make More Money #4
A 400ms increase in load time caused a
5-9% increase in site abandonment.
Nicole Sullivan, Yahoo (2008)
9. Today we’ll learn:
1. Why your website MUST be fast to be competitive
2. How a page is loaded by the browser
3. How to measure page speed
4. 5 simple ways to speed up YOUR website
5. HTTP/2
10. How Pages are Loaded: TCP
• Bytes from A to B
• Reliable
• In-order
• Meaningless
• Connection setup: 30-100ms
• 6 connections per host
30 81 89 02 81 81 00 bd 94 f1
a0 8c 82 3e 3d 6b 83 15 34 29
4b 6f 06 21 4e 90 51 70 e7 a9
cc 44 70 77 c1 ff a0 ca ef 03
f3 fb 4e 34 63 ad e9 0f ae 6d
5c b3 b8 d9 46 7a 90 44 7f 50
51 8b 46 cb c4 83 73 6f f7 a6
90 fd 01 03 33 7c ba bc e1 03
a0 cd ca 41 1f 27 50 87 0e 14
69 b5 36 c5 e5 49 f6 04 c5 6c
c0 c7 b4 51 0c 59 ca 9c 6c 3f
d6 02 d2 82 b4 4e c4 a5 76 fb
8a 24 ae 5f e1 7d b9 de 2d 08
b9 12 25 62 b9 02 03 01 00 01
11. How Pages are Loaded: HTTP
• Works over TCP
• Download & Upload Files
• Cookies
• Caching
• GZip Compression
12. How Pages are Loaded: HTML
• References other files:
• JavaScript
• CSS
• Images
• Parsing waits for JavaScript
• JS execution waits for CSS
• Rendering waits for CSS
13. How Pages are Loaded: TLS/HTTPS
• TLS: extension of TCP
• HTTPS: HTTP over TLS
• Extra overhead:
• Key exchange
• Certificates
• Validation
HTTP HTTPS
TCP TLS
14. Today we’ll learn:
1. Why your website MUST be fast to be competitive
2. How a page is loaded by the browser
3. How to measure page speed
4. 5 simple ways to speed up YOUR website
5. HTTP/2
15. Measuring Page Speed
• Page Load Time
• Everything is finished downloading
• Default metric for Google Analytics, etc.
• Start Render Time
• Something is showing up on the screen
• DOM Content Loaded
• All scripts, etc. have run
• Speed Index
16. 2 Speed Factors: Latency & Bandwidth
• Latency: inherent delay for any request
• Limited by geography & speed of light
• Bandwidth: download speed
• Limited by infrastructure
• Download time = Latency + (size / Bandwidth)
Read this: https://www.igvita.com/2012/07/19/latency-the-new-web-performance-bottleneck/
19. Measuring Page Speed – WebPageTest.org
• X-Axis = Time
• Y-Axis = HTTP Downloads
• Green = Latency
• Blue = Download
20. Waterfall Diagram
• Visualization of page HTTP requests
• Generated by Fiddler (Windows)
• HTTP only
• HAR format (HTTP Archive)
• Includes DNS, TCP, SSL
• Browser debug tools, plugins
• webpagetest.org
• tools.pingdom.com Load Sequence for jsfiddle.net
21. Today we’ll learn:
1. Why your website MUST be fast to be competitive
2. How a page is loaded by the browser
3. How to measure page speed
4. 5 simple ways to speed up YOUR website
5. HTTP/2
22. 0. GZip Compression for Static Content
• Reduces text file size by ≈70%
• Not useful for images
• Use it!
• Please, please use it
• Be careful with GZip + secure dynamic content
26. 3. Optimize Images
• Choose appropriate format
• JPEG – lots of colors, fuzzy edges
• PNG/GIF – line art, few colors
• Choose appropriate size
• Optimize them!
• Shrink up to 75%
27. 4. Bundle Resources
• One file, multiple scripts
• JavaScript or CSS
• Reduce request quantity
• Consider cacheability
28. 5. Minimize Web Fonts
• While loading…
• Use websafe font? (Firefox)
• Show no text? (Chrome)
• Streamline font weights
• Bold font vs. CSS font-weight: bold;
• Common subset: 50% smaller
• http://www.fontsquirrel.com/tools/webfont-generator
29. 6. JavaScript tricks
• PJAX (github.com/defunkt/jquery-pjax)
• Link target is fetched with AJAX, pushed into DOM & history API
• No DOMContentLoaded
• Example: www.mprnews.org
• InstantClick (instantclick.io)
• PJAX, but fetch on mouseover/touchstart
• Example: www.joestrommen.com
30. Today we’ll learn:
1. Why your website MUST be fast to be competitive
2. How a page is loaded by the browser
3. How to measure page speed
4. 5 simple ways to speed up YOUR website
5. HTTP/2
31. HTTP/2
• First update to HTTP since 1999
• Focused on performance
• Implemented in all major browsers
• Not really in servers yet…
• Only supporting CDN is Akamai
• Requires HTTPS
32. Multiplexing
• Multiple downloads, one connection
• No more latency problems
• Perf benefit…in theory
• Rumors of 10-30% improvement
• Concrete studies…?
33. Further Reading
• VelocityConf slides –
velocityconf.com/devops-web-performance-2015/public/schedule/grid/public
• Steve Souders – www.stevesouders.com
• PerfPlanet Calendar – calendar.perfplanet.com
• Twitter: #perfmatters
• My Github: github.com/strommen
• I’m always happy to discuss this stuff! joe@joestrommen.com
Audience poll:
Developer, Leader/Manager, Entrepreneur
Front-end, back-end – what technologies?
(before showing stats) As computer experts, we are bold, confident, and determined.
That’s unusual
Most internet users are scared, impatient, confused. Not just grandma!
Adding friction is going to make them less likely to succeed
Nice thing about web perf is that we can measure it
(stats)
Wide range of sites have reported stuff like this
Key point
Nielsen study is at http://www.nngroup.com/articles/response-times-3-important-limits/
Nielsen study is at http://www.nngroup.com/articles/response-times-3-important-limits/
Typical wired-network latency is speed of light to the server + 10ms. It’s not going to improve much
Bandwidth can be improved – it’s just building bigger pipes.
Unless your file is >100kB, it causes more overhead due to latency than bandwidth
Caveats: bandwidth #s are theoretical, latency #s are practical. is lost due to overhead…but
Still though, 100kB is massive – jQuery is only 33kB
Keep this in mind, and we’ll come back to it later
Nielsen study is at http://www.nngroup.com/articles/response-times-3-important-limits/
X-Axis = time
Y-Axis = HTTP requests
Black bar is TTFB
Requests with nothing after the black bar are tiny – download is instantaneous
The polar bear images are 50kB and 18kB respectively. I don’t even remember which is which.
Web fonts are reasonably heavy – 20-100kB
Another thing to consider is that fonts can cause reflows when they load if they’re wider than the browser is going to guess.
Personal website – I hide the entire content while the font downloads
SPDY is basically a beta version of HTTP/2
I haven’t seen a single thing published along the lines of “We enabled SPDY and saw improvements of X%”
SPDY is basically a beta version of HTTP/2
I haven’t seen a single thing published along the lines of “We enabled SPDY and saw improvements of X%”