Web Unleashed '19 - Measuring the Adoption of Web Performance TechniquesPaul Calvano
Performance optimization is a cyclical process. We are constantly learning new ways to optimize, while simultaneously adopting new technologies and techniques that negatively impact performance. The HTTP Archive provides a great historical record of the technical side of the web, with almost 10 years of history and an ever growing dataset of sites.
During this session Paul will provide a brief overview of the HTTP Archive and then dive into some insights into the adoption of common web performance techniques and some of their measurable impacts.
https://fitc.ca/presentation/measuring-the-adoption-of-web-performance-techniques/
The Case for HTTP/2 - EpicFEL Sept 2015Andy Davies
HTTP/2 is here but why do we need it, and how is it different to HTTP/1.1?
Video - https://www.youtube.com/watch?v=ob-CnA9YmiI
These are the slides from my talk at Front-End London's one day conference, EpicFEL
The Case for HTTP/2 - Internetdagarna 2015 - StockholmAndy Davies
HTTP/2 is here but why do we need it, how is it different to HTTP/1.1 and what does the mean for developers?
Slides from my talk at Internetdagarna 2015, Stockholm
Are Today’s Good Practices… Tomorrow’s Performance Anti-Patterns?Andy Davies
Talk from Akamai Edge 2014 looking at some of our current web performance optimisation practices and how they may need to change as new standards and protocols emerge
Slides from my Ignite (20 slides, auto-advancing every 15 secs) talk at WebPerfDays, Mountain View.
Not sure they will make sense standalone but talk was recorded and will be available at some point.
Would also like to work this up into a longer talk at some point.
Web Unleashed '19 - Measuring the Adoption of Web Performance TechniquesPaul Calvano
Performance optimization is a cyclical process. We are constantly learning new ways to optimize, while simultaneously adopting new technologies and techniques that negatively impact performance. The HTTP Archive provides a great historical record of the technical side of the web, with almost 10 years of history and an ever growing dataset of sites.
During this session Paul will provide a brief overview of the HTTP Archive and then dive into some insights into the adoption of common web performance techniques and some of their measurable impacts.
https://fitc.ca/presentation/measuring-the-adoption-of-web-performance-techniques/
The Case for HTTP/2 - EpicFEL Sept 2015Andy Davies
HTTP/2 is here but why do we need it, and how is it different to HTTP/1.1?
Video - https://www.youtube.com/watch?v=ob-CnA9YmiI
These are the slides from my talk at Front-End London's one day conference, EpicFEL
The Case for HTTP/2 - Internetdagarna 2015 - StockholmAndy Davies
HTTP/2 is here but why do we need it, how is it different to HTTP/1.1 and what does the mean for developers?
Slides from my talk at Internetdagarna 2015, Stockholm
Are Today’s Good Practices… Tomorrow’s Performance Anti-Patterns?Andy Davies
Talk from Akamai Edge 2014 looking at some of our current web performance optimisation practices and how they may need to change as new standards and protocols emerge
Slides from my Ignite (20 slides, auto-advancing every 15 secs) talk at WebPerfDays, Mountain View.
Not sure they will make sense standalone but talk was recorded and will be available at some point.
Would also like to work this up into a longer talk at some point.
Mobile Web Performance - Getting and Staying FastAndy Davies
Slides from mine and Aaaron Peter's talk at QCon London (Mar 2014) on how to measure mobile web performance, things that affect in and how to improve it
Talk from The Web Is in Cardiff, October 2014 exploring the business case for web performance, and some of the underlying factors that can make sites slow
International Site Speed Tweaks - ISS 2017 BarcelonaBastian Grimm
Talking international site speed optimization at International Search Summit 2017 in Barcelona, London as well as in Munich covering a broad variety of performance optimization strategies.
Everyone's had to endure the "last mile" of developing an application, but what happens if you consider those tasks from day 1? This talk centres around an application we released at Sky Bet earlier this year, the approaches we took, and how we benefited.
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.
Web Performance in the Age of HTTP2 - Topconf Tallinn 2016 - Holger BartelHolger Bartel
Web performance optimisation has been gaining ground and is slowly getting more of its deserved recognition.
Nevertheless, much of our time on the web is still used up by waiting. To decrease our wait time and improve the web’s overall performance, this integral part of user experience needs further promotion.
Waiting and the perception of time itself, is reason enough to explore some of the psychological effects time has on our users, too.
Passing time also plays a big role in the evolution of technologies. Through the history of HTTP we have reached the latest version as HTTP/2, which will turn some of our existing web performance best practices on their head and into the new anti-patterns of today.
Mobile Web Performance - Getting and Staying FastAndy Davies
Slides from mine and Aaaron Peter's talk at QCon London (Mar 2014) on how to measure mobile web performance, things that affect in and how to improve it
Talk from The Web Is in Cardiff, October 2014 exploring the business case for web performance, and some of the underlying factors that can make sites slow
International Site Speed Tweaks - ISS 2017 BarcelonaBastian Grimm
Talking international site speed optimization at International Search Summit 2017 in Barcelona, London as well as in Munich covering a broad variety of performance optimization strategies.
Everyone's had to endure the "last mile" of developing an application, but what happens if you consider those tasks from day 1? This talk centres around an application we released at Sky Bet earlier this year, the approaches we took, and how we benefited.
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.
Web Performance in the Age of HTTP2 - Topconf Tallinn 2016 - Holger BartelHolger Bartel
Web performance optimisation has been gaining ground and is slowly getting more of its deserved recognition.
Nevertheless, much of our time on the web is still used up by waiting. To decrease our wait time and improve the web’s overall performance, this integral part of user experience needs further promotion.
Waiting and the perception of time itself, is reason enough to explore some of the psychological effects time has on our users, too.
Passing time also plays a big role in the evolution of technologies. Through the history of HTTP we have reached the latest version as HTTP/2, which will turn some of our existing web performance best practices on their head and into the new anti-patterns of today.
5 steps to faster web sites & HTML5 games - updated for DDDscotMichael Ewins
5 practical steps we have taken to improve page loading for web sites and HTML5 games.
1. Fewer requests
2. Smaller resources
3. Reduce the round trip time
4. Optimise the critical rendering path
5. Educate the whole team about performance
HTTP colon slash slash: end of the road? @ CakeFest 2013 in San FranciscoAlessandro Nadalin
The HTTP protocol has been there for more than 20 years, almost untouched, but the current needs of the web are pushing towards adding some spices into the mix.
In this talk we will have a brief look at the history of HTTP, what SPDY - the "new" protocol proposed by google - brings into the table and how HTTP/2.0 will look like.
The Case for HTTP/2 - GreeceJS - June 2016Andy Davies
HTTP/2 is here but why do we need it, how is it different to HTTP/1.1 and what does the mean for developers?
Slides from my talk at GreeceJS in Athens, June 2016
Andy Davies (Web Performance Expert @NCC Group, Author of Using WebPageTest - O'reilly) presents The case for HTTP/2 at GreeceJS meetup #14 (Athens, June 15, 2016)
NYC WebPerf Meetup Feb 2020 - Measuring the Adoption of Web Performance Techn...Paul Calvano
Performance optimization is a cyclical process. We are constantly learning new ways to optimize, while simultaneously adopting new technologies and techniques that negatively impact performance. The HTTP Archive provides a great historical record of the technical side of the web, with almost 10 years of history and an ever growing dataset of sites.
During this session Paul will provide a brief overview of the HTTP Archive and then dive into some insights into the adoption of common web performance techniques and some of their measurable impacts.
Giving and introduction to the site speed topic and talking about the limiting factors of site-speed, how site-speed can me measured and monitored, how site-speed can be connected to business metrics and finally about typical site speed optimizations.
This presentation is based on the original one from the author of the book ( 'Steve Souders' ), it's about his book titled 'High Performance Websites''
Why is Performance important?
Applications in general
Web applicaitons
What can we as devs do?
Tips: How to optimize
Web applications, Silverlight, Backend, …
Regression
How to maintain performance over time
How to get faster over time
Discussion: What tips do you have in your toolbox?
How people react to slow mobile sites. Why should you care about web performance? How are things in the WordPress world? Good performance is good design.
Presentation that explains the main concepts used with dynaTrace.
dynaTrace is a tool to perform browser performance analysis (for JS, images, CSS, network, caching, ..etc)
What is Augmented Reality Image Trackingpavan998932
Augmented Reality (AR) Image Tracking is a technology that enables AR applications to recognize and track images in the real world, overlaying digital content onto them. This enhances the user's interaction with their environment by providing additional information and interactive elements directly tied to physical images.
AI Pilot Review: The World’s First Virtual Assistant Marketing SuiteGoogle
AI Pilot Review: The World’s First Virtual Assistant Marketing Suite
👉👉 Click Here To Get More Info 👇👇
https://sumonreview.com/ai-pilot-review/
AI Pilot Review: Key Features
✅Deploy AI expert bots in Any Niche With Just A Click
✅With one keyword, generate complete funnels, websites, landing pages, and more.
✅More than 85 AI features are included in the AI pilot.
✅No setup or configuration; use your voice (like Siri) to do whatever you want.
✅You Can Use AI Pilot To Create your version of AI Pilot And Charge People For It…
✅ZERO Manual Work With AI Pilot. Never write, Design, Or Code Again.
✅ZERO Limits On Features Or Usages
✅Use Our AI-powered Traffic To Get Hundreds Of Customers
✅No Complicated Setup: Get Up And Running In 2 Minutes
✅99.99% Up-Time Guaranteed
✅30 Days Money-Back Guarantee
✅ZERO Upfront Cost
See My Other Reviews Article:
(1) TubeTrivia AI Review: https://sumonreview.com/tubetrivia-ai-review
(2) SocioWave Review: https://sumonreview.com/sociowave-review
(3) AI Partner & Profit Review: https://sumonreview.com/ai-partner-profit-review
(4) AI Ebook Suite Review: https://sumonreview.com/ai-ebook-suite-review
Graspan: A Big Data System for Big Code AnalysisAftab Hussain
We built a disk-based parallel graph system, Graspan, that uses a novel edge-pair centric computation model to compute dynamic transitive closures on very large program graphs.
We implement context-sensitive pointer/alias and dataflow analyses on Graspan. An evaluation of these analyses on large codebases such as Linux shows that their Graspan implementations scale to millions of lines of code and are much simpler than their original implementations.
These analyses were used to augment the existing checkers; these augmented checkers found 132 new NULL pointer bugs and 1308 unnecessary NULL tests in Linux 4.4.0-rc5, PostgreSQL 8.3.9, and Apache httpd 2.2.18.
- Accepted in ASPLOS ‘17, Xi’an, China.
- Featured in the tutorial, Systemized Program Analyses: A Big Data Perspective on Static Analysis Scalability, ASPLOS ‘17.
- Invited for presentation at SoCal PLS ‘16.
- Invited for poster presentation at PLDI SRC ‘16.
Need for Speed: Removing speed bumps from your Symfony projects ⚡️Łukasz Chruściel
No one wants their application to drag like a car stuck in the slow lane! Yet it’s all too common to encounter bumpy, pothole-filled solutions that slow the speed of any application. Symfony apps are not an exception.
In this talk, I will take you for a spin around the performance racetrack. We’ll explore common pitfalls - those hidden potholes on your application that can cause unexpected slowdowns. Learn how to spot these performance bumps early, and more importantly, how to navigate around them to keep your application running at top speed.
We will focus in particular on tuning your engine at the application level, making the right adjustments to ensure that your system responds like a well-oiled, high-performance race car.
E-commerce Application Development Company.pdfHornet Dynamics
Your business can reach new heights with our assistance as we design solutions that are specifically appropriate for your goals and vision. Our eCommerce application solutions can digitally coordinate all retail operations processes to meet the demands of the marketplace while maintaining business continuity.
Enterprise Resource Planning System includes various modules that reduce any business's workload. Additionally, it organizes the workflows, which drives towards enhancing productivity. Here are a detailed explanation of the ERP modules. Going through the points will help you understand how the software is changing the work dynamics.
To know more details here: https://blogs.nyggs.com/nyggs/enterprise-resource-planning-erp-system-modules/
Mobile App Development Company In Noida | Drona InfotechDrona Infotech
Looking for a reliable mobile app development company in Noida? Look no further than Drona Infotech. We specialize in creating customized apps for your business needs.
Visit Us For : https://www.dronainfotech.com/mobile-application-development/
Essentials of Automations: The Art of Triggers and Actions in FMESafe Software
In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation.
We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios.
Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!
Introducing Crescat - Event Management Software for Venues, Festivals and Eve...Crescat
Crescat is industry-trusted event management software, built by event professionals for event professionals. Founded in 2017, we have three key products tailored for the live event industry.
Crescat Event for concert promoters and event agencies. Crescat Venue for music venues, conference centers, wedding venues, concert halls and more. And Crescat Festival for festivals, conferences and complex events.
With a wide range of popular features such as event scheduling, shift management, volunteer and crew coordination, artist booking and much more, Crescat is designed for customisation and ease-of-use.
Over 125,000 events have been planned in Crescat and with hundreds of customers of all shapes and sizes, from boutique event agencies through to international concert promoters, Crescat is rigged for success. What's more, we highly value feedback from our users and we are constantly improving our software with updates, new features and improvements.
If you plan events, run a venue or produce festivals and you're looking for ways to make your life easier, then we have a solution for you. Try our software for free or schedule a no-obligation demo with one of our product specialists today at crescat.io
GraphSummit Paris - The art of the possible with Graph TechnologyNeo4j
Sudhir Hasbe, Chief Product Officer, Neo4j
Join us as we explore breakthrough innovations enabled by interconnected data and AI. Discover firsthand how organizations use relationships in data to uncover contextual insights and solve our most pressing challenges – from optimizing supply chains, detecting fraud, and improving customer experiences to accelerating drug discoveries.
May Marketo Masterclass, London MUG May 22 2024.pdfAdele Miller
Can't make Adobe Summit in Vegas? No sweat because the EMEA Marketo Engage Champions are coming to London to share their Summit sessions, insights and more!
This is a MUG with a twist you don't want to miss.
Why Mobile App Regression Testing is Critical for Sustained Success_ A Detail...kalichargn70th171
A dynamic process unfolds in the intricate realm of software development, dedicated to crafting and sustaining products that effortlessly address user needs. Amidst vital stages like market analysis and requirement assessments, the heart of software development lies in the meticulous creation and upkeep of source code. Code alterations are inherent, challenging code quality, particularly under stringent deadlines.
Quarkus Hidden and Forbidden ExtensionsMax Andersen
Quarkus has a vast extension ecosystem and is known for its subsonic and subatomic feature set. Some of these features are not as well known, and some extensions are less talked about, but that does not make them less interesting - quite the opposite.
Come join this talk to see some tips and tricks for using Quarkus and some of the lesser known features, extensions and development techniques.
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI AppGoogle
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI App
👉👉 Click Here To Get More Info 👇👇
https://sumonreview.com/ai-fusion-buddy-review
AI Fusion Buddy Review: Key Features
✅Create Stunning AI App Suite Fully Powered By Google's Latest AI technology, Gemini
✅Use Gemini to Build high-converting Converting Sales Video Scripts, ad copies, Trending Articles, blogs, etc.100% unique!
✅Create Ultra-HD graphics with a single keyword or phrase that commands 10x eyeballs!
✅Fully automated AI articles bulk generation!
✅Auto-post or schedule stunning AI content across all your accounts at once—WordPress, Facebook, LinkedIn, Blogger, and more.
✅With one keyword or URL, generate complete websites, landing pages, and more…
✅Automatically create & sell AI content, graphics, websites, landing pages, & all that gets you paid non-stop 24*7.
✅Pre-built High-Converting 100+ website Templates and 2000+ graphic templates logos, banners, and thumbnail images in Trending Niches.
✅Say goodbye to wasting time logging into multiple Chat GPT & AI Apps once & for all!
✅Save over $5000 per year and kick out dependency on third parties completely!
✅Brand New App: Not available anywhere else!
✅ Beginner-friendly!
✅ZERO upfront cost or any extra expenses
✅Risk-Free: 30-Day Money-Back Guarantee!
✅Commercial License included!
See My Other Reviews Article:
(1) AI Genie Review: https://sumonreview.com/ai-genie-review
(2) SocioWave Review: https://sumonreview.com/sociowave-review
(3) AI Partner & Profit Review: https://sumonreview.com/ai-partner-profit-review
(4) AI Ebook Suite Review: https://sumonreview.com/ai-ebook-suite-review
#AIFusionBuddyReview,
#AIFusionBuddyFeatures,
#AIFusionBuddyPricing,
#AIFusionBuddyProsandCons,
#AIFusionBuddyTutorial,
#AIFusionBuddyUserExperience
#AIFusionBuddyforBeginners,
#AIFusionBuddyBenefits,
#AIFusionBuddyComparison,
#AIFusionBuddyInstallation,
#AIFusionBuddyRefundPolicy,
#AIFusionBuddyDemo,
#AIFusionBuddyMaintenanceFees,
#AIFusionBuddyNewbieFriendly,
#WhatIsAIFusionBuddy?,
#HowDoesAIFusionBuddyWorks
Utilocate offers a comprehensive solution for locate ticket management by automating and streamlining the entire process. By integrating with Geospatial Information Systems (GIS), it provides accurate mapping and visualization of utility locations, enhancing decision-making and reducing the risk of errors. The system's advanced data analytics tools help identify trends, predict potential issues, and optimize resource allocation, making the locate ticket management process smarter and more efficient. Additionally, automated ticket management ensures consistency and reduces human error, while real-time notifications keep all relevant personnel informed and ready to respond promptly.
The system's ability to streamline workflows and automate ticket routing significantly reduces the time taken to process each ticket, making the process faster and more efficient. Mobile access allows field technicians to update ticket information on the go, ensuring that the latest information is always available and accelerating the locate process. Overall, Utilocate not only enhances the efficiency and accuracy of locate ticket management but also improves safety by minimizing the risk of utility damage through precise and timely locates.
2. 40% of people abandon a website that takes
more than 3 seconds to load
Kissmetrics, 2011
“We surveyed 3000 users… they rated speed
2nd most important”
The Guardian, 2014
Ref: https://blog.kissmetrics.com/loading-time/
Ref: https://speakerdeck.com/patrickhamann/breaking-news-at-1000ms-front-trends-2014
9. Review the hostnames used by your site.
How long is DNS cached for?
Ref: https://developer.mozilla.org/en-US/docs/Web/HTTP/Controlling_DNS_prefetching
10. Review the hostnames used by your site.
How long is DNS cached for?
Ref: https://developer.mozilla.org/en-US/docs/Web/HTTP/Controlling_DNS_prefetching
24. Review your cookies
Eliminate cookies for static resources
HTTP 2.0 – headers are compressed.
Ref: http://www.yuiblog.com/blog/2007/03/01/performance-research-part-3/
1. Abandonment. Kissmetrics (web analytics platform) survey from 2011. Many similar studies.
2. Loss in revenues. Aberdeen Group – technology focused research group have found that:
1% delay >> 7% loss of conversions >> $100K per day >> 7% translates to $2.5M per year
3. Users. See Guardian survey. Rated speed 2nd most important only after easy to find content.
4. Growth. Fred Wilson from USV (twitter, soundcloud) “speed is most important”
5. How fast should we be? 1 second (flow) + 10 seconds (abandon)
Ref: http://www.nngroup.com/articles/response-times-3-important-limits/
http://www.getelastic.com/mobile-commerce-performance/
1. HTML5 Games Portal for mobile / tablet / PC developed by iWin
2. Jewel Quest (match 3) and Bubble Town (bubble popper).
3. Speed is important: tablet (55%); mobile (28%); desktop (17%) + engage with the games / view adverts that pay for the games
Measure before we launch – script WPT with fake HOST file entry.
Create an account so you get a record of results
Run 9 tests so median is reported
Take a video so Speed Index is recorded – measure of visual completeness not how quick you render the full page (2 pages 100% complete at same time but one renders more of the page sooner will have a lower speed index)
Interaction Time
Ref: https://community.nccgroup-webperf.com/2015/06/speed-index-how-it-works-and-what-it-means/
1. obtain the IP address: cached? chrome://net-internals/#dns
2. New TCP connection incurs the Three-Way Handshake which adds a full roundtrip of latency.
3. Ignoring SSL / HTTPS – it will incur 1-2 additional round trips - HTTP2 must have
4. Dispatch the HTTP request to the server.
5. HTTP Response delivered in multiple packets
6. Then the response needs to be rendered – request all resources in the html
7. Browser cache – kicks in for repeat visits. chrome://view-http-cache/
For timings from http://www.webpagetest.org/result/140831_E3_E1J/2/details/
See http://www.cdnplanet.com/blog/tune-tcp-initcwnd-for-optimum-performance/
Our original design has numerous game images displayed off screen.
So we dropped / defered loading of those images.
In a later design we also dropped hidden carousel images.
1. Options limited to things we can control
2. Number of domains referenced – can we reduce? (e.g. events.iwin.com >> m.iwin.com/events)
3. TTL – maybe good reason for 1 minute or 5 minutes or 7 days. Reason? Costs linked to TTL.
4. DNS prefetch (see example). Separate browser thread for DNS lookups - in parallel to downloads and rendering.
4.1 Resource Hint spec: preconnect, prefetch, prerender
http://daker.me/2013/05/5-html5-features-you-need-to-know.html
$ dig +nocmd +noall +answer +ttlid a m.iwin.com
m.iwin.com. 604800 IN CNAME m.iplay.mobi.
m.iplay.mobi. 60 IN A 54.209.107.239
$ dig +nocmd +noall +answer +ttlid a games.iwin.com
games.iwin.com. 604800 IN CNAME wpc.81CD.edgecastcdn.net.
wpc.81CD.edgecastcdn.net. 3600 IN CNAME gs1.wpc.v1cdn.net.
gs1.wpc.v1cdn.net. 600 IN A 72.21.81.131
$ dig +nocmd +noall +answer +ttlid a ma.iwin.com
ma.iwin.com. 604800 IN CNAME cds.n5v6x5m3.hwcdn.net.
cds.n5v6x5m3.hwcdn.net. 300 IN A 205.185.216.10
1. Options limited to things we can control
2. Number of domains referenced – can we reduce? (e.g. events.iwin.com >> m.iwin.com/events)
3. TTL – maybe good reason for 1 minute or 5 minutes or 7 days. Reason? Costs linked to TTL.
4. DNS prefetch (see example). Separate browser thread for DNS lookups - in parallel to downloads and rendering.
4.1 Resource Hint spec: preconnect, prefetch, prerender
http://daker.me/2013/05/5-html5-features-you-need-to-know.html
$ dig +nocmd +noall +answer +ttlid a m.iwin.com
m.iwin.com. 604800 IN CNAME m.iplay.mobi.
m.iplay.mobi. 60 IN A 54.209.107.239
$ dig +nocmd +noall +answer +ttlid a games.iwin.com
games.iwin.com. 604800 IN CNAME wpc.81CD.edgecastcdn.net.
wpc.81CD.edgecastcdn.net. 3600 IN CNAME gs1.wpc.v1cdn.net.
gs1.wpc.v1cdn.net. 600 IN A 72.21.81.131
$ dig +nocmd +noall +answer +ttlid a ma.iwin.com
ma.iwin.com. 604800 IN CNAME cds.n5v6x5m3.hwcdn.net.
cds.n5v6x5m3.hwcdn.net. 300 IN A 205.185.216.10
1. Connections require a round trip to the server
2. Traceroute (RTT) from my home to AWS East and AWS West. Distance matters.
3. Scotland - AWS East RTT 110ms
4. Scotland – AWS West RTT approx 190ms
More servers if content is dynamic or not cacheable at CDN. Use GeoDNS.
2. Use a CDN for static content. Edgecast have 19 PoPs.
3. Some CDNs may not support what you are trying to do. E.g. caching by device type. At least OOTB.
Google CDN for jQuery: https://stackoverflow.com/questions/5206666/jquery-ui-how-to-use-google-cdn
This approach is interesting because your user may already have this file from another web site.
May 2013 - Approx 20% of sites use Jquery from google cdn
http://www.stevesouders.com/blog/2013/03/18/http-archive-jquery/
GeoDNS: http://serverfault.com/questions/325076/what-is-the-difference-between-anycast-and-geodns-geoip-wrt-ha
http://www.cdnplanet.com/tools/cdnfinder/#site:http://m.iwin.com
http://visualwebsiteoptimizer.com/split-testing-blog/geo-distributed-architecture/
http://www.cedexis.com/blog/fun-with-headers/
http://www.semicomplete.com/blog/geekery/ssl-latency.html
http://blog.radware.com/applicationdelivery/applicationaccelerationoptimization/2014/04/7-mobile-performance-myths/
https://www.igvita.com/2014/03/26/why-is-my-cdn-slow-for-mobile-clients/
So we make a request and the first thing that the server does is issue a redirect response.
In this example (for an advert)
We are redirected to a new domain: DNS lookup
We then need a new connection
And this is a secure domain so we also have TLS setup.
And then we can download the content.
1. Time spent by the backend server to respond to deliver the HTML
2. In our case this is 41ms. We’re serving from an in-memory cache called Varnish.
3. Unique user behaviours we have pushed to the client (e.g. user id generation).
4. We cache different versions based on device behaviour.
5. Entire talk on this alone.
1. Refactored to a single level JSON file
2. Bytes downloaded and download time are similar to before.
3. But the request time (TTFB) is down from 2 second to 33 ms.
4. Making lots of requests is bad for performance because it increases the effect of latency.
5. TTFB = time for a request to leave browser, travel to server and return
This data is from HTTP Archive
And images continue to be the biggest culprit
Photos – JPEG, PNG-24
Low complexity (few colors) – GIF, PNG-8
Low complexity with transparency – GIF, PNG-8
High complexity with transparency – PNG-24
Line art – SVG
Kraken.io
3. WebP is new image compression format developed by Google. Limited Browser support.
4. If we apply similar compression to all images on home page then we reduce to 840 ms elapsed time (from 1438 ms)
http://calendar.perfplanet.com/2014/images-are-king-an-image-optimization-checklist-for-everyone-in-your-organization/
1. GZIP compresses the file on the server as it is requested (cache this response)
3. Compression is quick and the uncompress is also quick on the client.
4. Don’t do this for binary formats that are already compressed.
5. Some CDNs require you to expose both gzip and non gzip.
6. Applies to Javascript and other text formats.
Each segment is 1460 bytes
With init_cwnd of 3 then a 61K html would take 6 round trips.
With init_cwnd of 10 then a 61K html would take 3 round trips.
Deliver smaller images first.
John Rauser talk at Velocity in May 2015.
1. Review all cookies. Use local storage
80ms per 4K: http://www.yuiblog.com/blog/2007/03/01/performance-research-part-3/
http://www.jonathanklein.net/2014/02/revisiting-cookieless-domain.html
https://twitter.com/csswizardry/status/280639163789893632
http://www.geedew.com/2014/02/26/the-case-for-critical-assets/
1. Critical rendering path is the sequence of resources that are needed to render a page.
2. Firstly we load and parse the HTML. This may identify other resources it needs to complete the render.
3. Download / parse / execute JS files needed to further construct the DOM. Could be multiple JS files. Request round-trips are expensive. JS blocks the DOM construction.
4. Download / parse / process CSS that blocks construction of the Render tree.
5. The render cannot complete until DOM and CSS ready, render tree ready, layout is ready.
1. Google Pagespeed Insights can tell you what resources are on the critical rendering path: 3 x JavaScript files and 2 x CSS files
2. If we put them in the HTML then the browser will block because it thinks it needs them to construct the DOM and the render tree.
3. Each of these resources require us to request / download / parse time.
1. All JS is async and inlined all CSS
2. Initial download is longer
3. Still doing the same JS processing.
http 2.0 anti-pattern cos you cannot cache
These optimizations have bigger effects where network latency is slower.
Web Page Test – traffic shaping
Speed Index is the average time at which visible parts of the page are displayed. It is expressed in milliseconds and dependent on size of the view port.
1. Use browser cache to avoid making repeat requests
2. Four examples on the slide: no cache; browser/1day; browser+CDN/365d; Etags
3. Checklist: what can be cached (query params, case sensitive URLs); how long / what changes frequently?; how to invalidate?.
4. Advanced concepts like gzip; what happens when caches invalidate
Flowchart: https://developers.google.com/speed/docs/insights/LeverageBrowserCaching
New headers: http://www.fastly.com/blog/stale-while-revalidate/#.VBoRCS5dUZw
Vary: Accept-Encoding -Caches should only be used if the incoming request matches the Vary information in the cache. With gzip.
http://blog.maxcdn.com/accept-encoding-its-vary-important/
Checklist: https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/http-caching#caching-checklist