Derek Yee
Director of Product
Marketing,
Cloudflare
Anand Guruprasad
Solutions Engineer,
Cloudflare
Harshad Rotithor
Chief Architect,
Carousell
Carousell
Carousell is a smartphone and web-based marketplace for buying and selling new and used
goods. It is headquartered in Singapore and operates within Singapore, Malaysia, Indonesia,
Taiwan, Hong Kong, and Australia. Carousell is one of the world’s largest and fastest growing
classifieds marketplace.
Scaling rapidly to handle a growing user base, managing spikes in traffic on sale days and
meeting intensive performance requirements, and ensuring uptime by guarding against
DDoS, XSS and injection attacks.
● Supports 158M+ listings
● Ability to support 4x traffic spikes during promotions
● 10K requests to their search API
● Security without compromising on performance
“Cloudflare handles our
requirements of a CDN,
Firewall, Caching layer, SSL
endpoint, and DNS, while
giving an excellent return on
our investment. We are
highly impressed with the
quality and the speed of the
technical support provided
as well.”
HARSHAD ROTITHOR
Chief Architect
Speed Week: Image Resizing
What: Cache resized images from a single master.
Why: Customers need to ensure the right sized
image is being delivered to a user based on their
type of device. Having to store and catalog
multiple versions of a single image impacts
storage, and becomes difficult to manage over
time.
Who: Ecommerce, media and publishers with
websites that have large image catalogs
5
* Based on the 20% of Internet pages with improperly sized images according to HTTP Archive
Speed Week: HTTP/2 Prioritization
What: Prioritize HTTP/2 requests from the
origin/server instead of relying on client side
browsers.
Why: Every browser handles prioritization
differently, which leads to inconsistent page
performance. Cloudflare will provide built in
support for prioritization, and will allow customers
to build advanced configuration rulesets to further
control page load times.
Who: iOS users on Safari will see the biggest
benefits. eCommerce and WordPress sites will also
benefit from this.
6
Results with Carousell
Speed Week: Parallel Streaming
What: Faster image loads
Why: Parallel streaming of progressive images
leverages the HTTP/2 prioritization schema we
released to improve the load times for images on a
page.
Who: Image heavy sites using progressive JPEG
images.
8
Speed Index
The speed index takes the visual
progress of the visible page
loading and computes an overall
score for how quickly the
content painted.
Speed Week: Inside Cloudflare Argo
14
What: Enable transit selection and leverage
machine learning to make Argo even faster.
Why: With Transit Selection, Argo Smart Routing
chooses not only which data centers to route
traffic through, but also which specific network
links to use at each hop based on real-time
performance measurements. This further reduces
request latency to help make Argo faster than
ever.
Who: Websites that rely on a high concentration of
dynamic content and scripting that inhibit overall
site performance.
Speed Week: Concurrent Streaming
Acceleration
What: Stream live video to multiple viewers with
reduced latency
Why: Live video is becoming increasingly prevalent
with customers. Ensuring that all viewers have a
consistent, timely viewing experience is important.
Who: OTT providers and video publishers that
serve live video streaming content
When: May 16th, 2019
15
2 second Potential latency reduction for live video
Speed Week: Binary AST
What: Support for Binary AST, a lightweight
JavaScript format that reduces the time it takes for
browsers to parse JavaScript.
Why: Large JavaScript files can take a long time to
parse, resulting in slow page startups and a poor user
experience. In collaboration with Mozilla, we are
helping them test their proposed standard for Binary
AST.
Who: Web developers that are building complex
JavaScript heavy web pages and applications.
When: May 17th, 2019
1630 - 50% Improvement in JavaScript parsing performance on the most common
Resources
• The New Speed Page
• Faster Script Loading with Binary AST
• Live video just got more live
• Simplifying optimal image delivery
• Parallel streaming of progressive images
• Better HTTP/2 Prioritization
• Argo and Global Private Backbone
Q&A

Cloudflare Speed Week Recap

  • 2.
    Derek Yee Director ofProduct Marketing, Cloudflare Anand Guruprasad Solutions Engineer, Cloudflare Harshad Rotithor Chief Architect, Carousell
  • 4.
    Carousell Carousell is asmartphone and web-based marketplace for buying and selling new and used goods. It is headquartered in Singapore and operates within Singapore, Malaysia, Indonesia, Taiwan, Hong Kong, and Australia. Carousell is one of the world’s largest and fastest growing classifieds marketplace. Scaling rapidly to handle a growing user base, managing spikes in traffic on sale days and meeting intensive performance requirements, and ensuring uptime by guarding against DDoS, XSS and injection attacks. ● Supports 158M+ listings ● Ability to support 4x traffic spikes during promotions ● 10K requests to their search API ● Security without compromising on performance “Cloudflare handles our requirements of a CDN, Firewall, Caching layer, SSL endpoint, and DNS, while giving an excellent return on our investment. We are highly impressed with the quality and the speed of the technical support provided as well.” HARSHAD ROTITHOR Chief Architect
  • 5.
    Speed Week: ImageResizing What: Cache resized images from a single master. Why: Customers need to ensure the right sized image is being delivered to a user based on their type of device. Having to store and catalog multiple versions of a single image impacts storage, and becomes difficult to manage over time. Who: Ecommerce, media and publishers with websites that have large image catalogs 5 * Based on the 20% of Internet pages with improperly sized images according to HTTP Archive
  • 6.
    Speed Week: HTTP/2Prioritization What: Prioritize HTTP/2 requests from the origin/server instead of relying on client side browsers. Why: Every browser handles prioritization differently, which leads to inconsistent page performance. Cloudflare will provide built in support for prioritization, and will allow customers to build advanced configuration rulesets to further control page load times. Who: iOS users on Safari will see the biggest benefits. eCommerce and WordPress sites will also benefit from this. 6
  • 7.
  • 8.
    Speed Week: ParallelStreaming What: Faster image loads Why: Parallel streaming of progressive images leverages the HTTP/2 prioritization schema we released to improve the load times for images on a page. Who: Image heavy sites using progressive JPEG images. 8
  • 12.
    Speed Index The speedindex takes the visual progress of the visible page loading and computes an overall score for how quickly the content painted.
  • 14.
    Speed Week: InsideCloudflare Argo 14 What: Enable transit selection and leverage machine learning to make Argo even faster. Why: With Transit Selection, Argo Smart Routing chooses not only which data centers to route traffic through, but also which specific network links to use at each hop based on real-time performance measurements. This further reduces request latency to help make Argo faster than ever. Who: Websites that rely on a high concentration of dynamic content and scripting that inhibit overall site performance.
  • 15.
    Speed Week: ConcurrentStreaming Acceleration What: Stream live video to multiple viewers with reduced latency Why: Live video is becoming increasingly prevalent with customers. Ensuring that all viewers have a consistent, timely viewing experience is important. Who: OTT providers and video publishers that serve live video streaming content When: May 16th, 2019 15 2 second Potential latency reduction for live video
  • 16.
    Speed Week: BinaryAST What: Support for Binary AST, a lightweight JavaScript format that reduces the time it takes for browsers to parse JavaScript. Why: Large JavaScript files can take a long time to parse, resulting in slow page startups and a poor user experience. In collaboration with Mozilla, we are helping them test their proposed standard for Binary AST. Who: Web developers that are building complex JavaScript heavy web pages and applications. When: May 17th, 2019 1630 - 50% Improvement in JavaScript parsing performance on the most common
  • 18.
    Resources • The NewSpeed Page • Faster Script Loading with Binary AST • Live video just got more live • Simplifying optimal image delivery • Parallel streaming of progressive images • Better HTTP/2 Prioritization • Argo and Global Private Backbone
  • 19.

Editor's Notes

  • #9 https://blog.cloudflare.com/parallel-streaming-of-progressive-images/