Cdn-Summit-2012-mocospace-and-yottaa

•Download as PPTX, PDF•

0 likes•1,245 views

Using CDN and Front-End Optimization To Deliver a Good Mobile Experience with the Yottaa Solution for Mobile Acceleration

Technology Entertainment & Humor

P L AY G A M E S .
MAKE FRIENDS.

Using CDN and Front-End
Optimization To Deliver a
Good Mobile Experience

Yottaa Inc.
101 Summer St
Boston, MA
http://www.yottaa.com
@Yottaa
© 2012 Yottaa Inc. All Rights Reserved.

M O C O S PA C E I S A D E S T I N AT I O N
We are the best place to play games, make friends, and stay connected on the mobile Web.

Over 25 Million 60 Million Minutes Spent Daily
Members

Largest Catalog Of Free-
to-play HTML5 Games

1st and 3rd party games from
over 2 dozen developers
2
© 2012 Yottaa Inc. All Rights Reserved.

Mobile: Key Challenges

• Mobile networks are slowww....
• High packet loss
– High noise environment
• Connections made ad-hoc
– Dropped to preserve spectrum, battery
• Latency, Latency, Latency
– >300ms via 3G vs <50ms on broadband

3
© 2012 Yottaa Inc. All Rights Reserved.

Mobile: Key Challenges

• Mobile hardware
– CPU 10x slower than desktop
– Script parsing slow
• 1-10ms / KB
• Mobile software
– Fragmentation
– Limited persistent and in-memory caching
• 0-25 MB on mobile vs 75-250 MB on desktop
• Android – only 4 MB!
• Average page size ~400KB mobile vs ~800KB desktop

4
© 2012 Yottaa Inc. All Rights Reserved.

Front-End Optimization

• Front-end: 90% of page load time
– Network time
– Browser time
• Optimization techniques
1. Reduce HTTP requests
2. Reduce page size
3. Optimize page render time

5
© 2012 Yottaa Inc. All Rights Reserved.

Yottaa Solution for Mobile Acceleration

• Front-End Optimizations
– Reduce HTTP requests
– Reduce page size
– Optimize page render time
• Plus Global CDN
• Customize optimizations through online
control panel
• No installs , No code changes
• Support for HTTPS
6
© 2012 Yottaa Inc. All Rights Reserved.

Reduce HTTP Requests

• # requests has highest correlation to load
time
• Inline images (Data URI), scripts, CSS
• Combine JavaScript + CSS requests
• Leverage browser cache with far-future TTLs
• Leverage HTML5 local storage (5 MB)
• Lazy load resources
– On demand images for those below the fold
• Sprite images
7
© 2012 Yottaa Inc. All Rights Reserved.

NumberMash

• Removed 18 image
requests using dataURI
• <img class="coinImage"
src="data:image/png;bas
e64,iVBORw0KGgo…
• Images are instantly
displayed for better
experience.
8
© 2012 Yottaa Inc. All Rights Reserved.

Reduce Page Size

• Less to download, better load time
• Minify HTML, JavaScript, CSS content
• GZIP all JavaScript and CSS content
• Image optmization
– Remove extra data and meta-data (lossless)
– Dynamic downsizing

9
© 2012 Yottaa Inc. All Rights Reserved.

HappyFarm

• CDN uses reduces
response time on asset
delivery
• Compression used to
reduces bandwidth
• Override cache
behavior of developer
to improve client-side
cache usage
10
© 2012 Yottaa Inc. All Rights Reserved.

Optimize Page Render Time

• Edge caching
• Place CSS as high as possible
• Async script execution
– Place scripts as low as possible
– Avoid blocking
• Parallelize requests
– Pre-emptively load assets in parallel before
the browser asks for them
11
© 2012 Yottaa Inc. All Rights Reserved.

Mocospace
• Global Audience
– 25 million registered
users
– 60 million minutes
online everyday
• Global Developer
Network
– 2 dozen plus game
developers
– Hosting their games in
unknown locations
12
© 2012 Yottaa Inc. All Rights Reserved.

Thank you

• Jamie Hall CTO – Mocospace
– jamie@corp.mocospace.com
• Bob Buffone CTO - Yottaa
– bbuffone@yottaa.com
• Twitter
• @mocospace
• @yottaa
• Learn More About The Yottaa Solution For
Mobile Acceleration here
13
© 2012 Yottaa Inc. All Rights Reserved.

Today’s customers are an impatient lot. They want the information they need when they need it, at the click of a mouse or a swipe of a tablet or smartphone. You have only milliseconds to grab their attention and complete the transaction. Traditional approaches to speeding application performance, such as CDNs (content delivery networks) or ADNs (application delivery networks), just don't cut it anymore. These technologies cannot deliver the application experiences users have come to expect. In this webinar, Dan Rayburn, Principal Analyst at Frost & Sullivan, and Ari Weil, Vice President of Product Marketing for Yottaa, will discuss the next generation of CDNs and describe the elements required to automatically, intelligently and in real time speed the flow of the data each user needs at any time to their specific device.

Yottaa website-performance-services-overview-hostingcon-2011-

Yottaa

The document introduces Yottaa, a web performance company that provides services to optimize website speed without requiring installation or code changes. Yottaa's services include assessing site performance, optimizing page load times, benchmarking against competitors, and continuously monitoring sites. Faster website speeds can improve key metrics like conversion rates, bounce rates, and SEO rankings and help businesses increase revenue and customer satisfaction. Yottaa partners with hosting companies to help improve customer loyalty by solving common website slowness issues.

Best practices to optimize commerce site performance [webinar slides]

Yottaa

This document discusses best practices for optimizing the performance of commerce websites. It begins by establishing the importance of performance and outlines some of the key challenges to performance for commerce sites. It then discusses 11 best practices for optimization, including establishing a performance baseline, reducing the number of requests through techniques like combining scripts and images, reducing asset weight through minification, gzip compression, and image optimization, and improving parallel loading of assets through domain sharding and intelligent script loaders.

Mobile Optimization Tips from Yottaa - MEGMeetup #1

Yottaa

Google recently announced that it will be changing the way search results are ranked for mobile browsers. tl;dr to webmasters: stop phoning in your mobile site optimizations if you want to...well, reach people on their phones. Google's announcement makes three main points: first, mobile browsing comprises a significant part of web traffic; second, web performance optimization is critical to end user experience; and finally, end users demand a device-specific and complete mobile browsing experience. In this talk we took a look at the recent and projected growth in mobile browsing, reviewed findings on how perceived and real performance problems impact users' browsing behavior, and provided useful tips and tools to maximize your site's mobile search ranking.

Yottaa State of Web Performance Optimization Group Webinar

Yottaa

Yottaa provides web and mobile experience acceleration to ensure businesses have a great online experience on any device or browser. It has powered over $1.4 billion in online business for clients. Yottaa's technology intelligently sequences application delivery to reduce page load times through techniques like instant partial page delivery, optimized content ordering, and parallel content downloads. This improves key metrics like traffic, conversions, and customer satisfaction. Yottaa takes a holistic approach through server-side optimizations, middle mile optimizations, last mile optimizations, and browser/device optimizations to provide end-to-end web performance.

Image-ine That: Image Optimization for Conversion Maximization

Yottaa

This document discusses the growing importance of mobile web performance and optimization. It notes that mobile traffic and commerce are increasing rapidly, but mobile networks and devices are often slower than desktop. Users expect fast page loads and have low tolerance for slow sites on mobile. The document provides tips and strategies for optimizing images, code size, and delivery through techniques like compression, sprites, responsive design, and third-party integration. It also discusses tools for testing and monitoring mobile performance across different networks and devices.

2016: The Year to Align Marketing & IT Departments

Yottaa

Understanding the importance of marketing and IT alignment is one thing, but setting a plan for execution is a difficult challenge for any enterprise to undertake. This process involves disrupting well-established processes and embracing new, often radical, ideas around how separate teams can work together to deliver web experiences that match the sky-high expectations of the modern Internet user. These slides explore: Prescriptive advice to balance engagement & performance Identification of problematic vendor technologies before they wreak havoc on your site Proper strategy development to apply personalization based on user context How IT and Marketers must work together to achieve faster and more profitable websites

97/2013

sindyamado

This document provides instructions for students at Universidad Minuto de Dios to view their class schedules, midterm and final grades, and full grade reports. It explains how to log into the student portal, navigate to the "Student and Financial Aid" section, and select the appropriate option to view schedules, grades, or register for classes. Contact information and links are also provided for the university's mission, vision, assistance programs, and scholarships.

Microsoft Live Workspace permite trabajo colaborativo en línea al crear una cuenta gratuita en www.officelive.com. Ofrece ventajas como compartir documentos en tiempo real y editarlos de forma conjunta desde cualquier lugar, así como almacenamiento en la nube. Para empezar, se debe ingresar la dirección URL, hacer clic en los enlaces para leer sobre las ventajas y crear una cuenta introduciendo usuario y contraseña.

Ensino religioso 6

Atividades Diversas Cláudia

Prova diagnostica portugues em

Atividades Diversas Cláudia

Presentacion tac tectonic

jbasualdo

Sutileza masculina

Robin Hood

Atividades interdisciplinar de interpretação e.religioso, soc, portugues

Atividades Diversas Cláudia

Escribo 2

Mikel Calvo García

The document presents a series of word games and exercises to practice reading and writing using pictograms and words with 9 letters. It includes words like LIMA, MUELA, PELO, PIE, SOPA, MANO, MESA, MONO, PIANO, LEONA, and their pictograms. The exercises start with full pictograms and progressively reveal more letters of the words until the whole words are spelled out. This is meant to help with early reading and writing skills through visualization and association of pictograms and words.

Dr.marketing Rodrigo Seco_schvabe_www.drmkt.com.br_usando-a-tecnologia-para-c...

Mercado Binário

Raí e o mundo que não era mágico

Cir

zarrapas

Lectoescritura (j f)

Mikel Calvo García

Ip demo

nevatech

Innovative Precision is a CNC machine shop that has built a reputation for quality and precision since 1998. They have a variety of CNC milling and lathe machines from manufacturers like Mazak, Okuma, Mori Seiki, and more. They operate out of a 23,000 square foot facility and can accommodate additional growth with owned land for future expansion. Their capabilities across CNC machining, EDM, and quality inspection enable them to serve a diverse range of industries.

2013 GMC Yukon XL Denali Philadelphia

Fred Beans GMC

Testing Drupal Site Performance Across Browsers, Geographies and Networks

Acquia

This document discusses measuring website performance across different browsers, locations, and networks. It identifies several factors that can slow down websites, such as having many page requests, large resources like images and CSS/JavaScript files, poorly optimized server configurations, and third-party plugins. The document recommends testing website performance in different environments to identify issues. It also notes that users want rich experiences but additional features can degrade performance. Overall speed and a good user experience should be design priorities.

Velocity NY 2013 - From Slow to Fast: Improving Performance on Intuit Website...

Jay Hung

Convincing an organization that performance matters and is worth investing in is often a tough thing to sell. This was no different at Intuit, who operated many sites built in the pre “web standards” era. Then, one day, one test changed everything – an A/B comparison successfully demonstrated that faster page loads increased conversion and SEO. And the conversation quickly changed from “Not interested” to “How quickly can you make the rest of our pages faster?” A performance team was formed, and optimization began across multiple properties in a phased approach with each release delivering incremental performance gains. As we iterated through the core performance principles, the team introduced additional techniques that led us to exceed our original performance goals. Techniques such as lazyloading, prefetching, smarter image optimization/spriting, and module rewrites enabled us to successfully shave off additional time. This session will cover the steps that we took, lessons learned including what worked well or didn’t work well, as well as the performance improvements that were realized, and their impact on business metrics. Some of the topics include: * How we went from 15s web pages to 2s web pages * How combining CSS/JS files and image sprites had both positive as well as negative impact * How lazy loading of resources and JavaScript rewrites improved our page render times (including our experiments with Control.js) * How we addressed blocking as well as high-latency third-party components * How we solved for issues/constraints arising from shared code across multiple sites * How we optimized for user flows spanning multiple pages with positive results * How automated benchmarking enabled us to continuously monitor our performance health * How we succeeded in making “performance” a common theme among developers, marketers, and stakeholders

Anti design patterns - an experts guide to making a slow website - yottaa sit...

Yottaa

This document summarizes a presentation given at O'Reilly's Web 2.0 Expo about ways to unintentionally slow down websites. It identifies several factors that can degrade performance, such as having many page resources, large file sizes, poorly optimized code, lack of caching, and unnecessary redirects. The presentation provides examples like excessively large images, verbose HTML/CSS, inefficient plugins, and not accounting for network variability. It concludes by stating the importance of testing site speed and using tools to identify and address performance issues.

Optimizing and Accelerating your SharePoint Farm

Chris McNulty

Frontend performance on the web | Presentation @ecommercecamp 2019

dreistromland

This document discusses frontend performance and provides tips to optimize load times. It notes that Zalando saw a 0.7% revenue increase when load times were reduced by 100ms. Carousell reduced load times by 65% and saw a 63% increase in organic traffic. The document then outlines several pillars of performance like server side rendering, asset delivery, client bandwidth, and client CPU cycles. It provides recommendations under each area like writing fast code, caching content over 5 seconds old, delivering optimized and regionally distributed assets, reducing payload sizes, and offloading deferred JavaScript. Overall it emphasizes the importance of performance optimization and testing on slow devices to improve load speeds.

Turbocharging php applications with zend server (workshop)

Eric Ritchie

An Expert's Guide to Making a Website Slow - Chicago Webmasters Meetup 6/5/2012

Yottaa

This document provides tips on how to intentionally make a website slow for testing purposes. It discusses things that naturally slow down websites like having many page resources, large files, poorly optimized servers and caching issues. It also suggests unnecessary tactics like redirecting pages, adding random delays, overusing plugins and not testing site speed. The document aims to demonstrate factors that impact performance so these issues can then be addressed to make websites faster.

5 Steps To Deliver The Fastest Mobile Shopping Experience This Holiday Season

G3 Communications

Mit MarvelClient das Meiste aus HCL Nomad Web herausholen

panagenda

Zur Webinar Aufnahme: https://www.panagenda.com/webinars/mit-marvelclient-das-meiste-aus-hcl-nomad-web-herausholen/ HCL Nomad Web ist das neue Notes. Andere Plattform, aber ähnliche Herausforderungen. MarvelClient ist hier um zu helfen, und das teilweise sogar gratis! Von welchen Herausforderungen reden wir hier? Neue Benutzer einfach onboarden, bestehende vom Rich Client auf Nomad migrieren, korrekte Konfigurationen sicherstellen um Probleme zu verhindern, Applikationslebenszyklen managen, Benutzern die nahtlose Arbeit auf mehreren Geräten zugleich ermöglichen und den Überblick über eine stetig komplexer werdende Clientlandschaft wahren – um nur ein paar zu nennen. Ihnen fallen sicherlich weitere Beispiele aus dem eigenen Alltag ein. Wir zeigen Ihnen wie Sie jede davon souverän mittels MarvelClient meistern können. MarvelClient für Notes ist seit 15 Jahren DIE Anwort auf jede Frage im Clientmanagement. Wir haben hart daran gearbeitet, dies jetzt auch auf Nomad Web zu erweitern. Dies betrifft sowohl die Lösungen für die altbekannten Herausforderungen, als auch für die neuen von Nomad. In dieser Praxissession zeigt Ihnen HCL Ambassador und MarvelClient-Koryphäe Marc Thomas wie Sie das meiste aus Nomad Web herausholen, und sich gleichzeitig das Leben so einfach als möglich machen. Sowohl erfahrene Nutzer von MarvelClient als auch Neulinge werden aus diesem Webinar Nutzen ziehen. Sie werden Werkzeuge und Wissen mitnehmen, mit denen Sie in jeder Situation die ideale Benutzererfahrung sicherstellen können. Was Sie lernen werden - Wie Sie eine nahtlose Migration von Nutzerdaten und -konfiguration von Notes nach Nomad zustandebringen – nur mit Bordmitteln! - Wie Sie Desktop, Recent Apps, lokale Repliken, App Restrictions und mehr persistent konfigurieren (MC Basic) - Wie Sie Daten und Konfiguration zwischen mehreren Notes- und Nomad-Clients roaming können (MC Roaming) - Wie Sie UI und Konfiguration im Falle von Geräteverlust oder gelöschtem Browsercache wiederherstellen können (MC Roaming) - Welche Funktionen von MarvelClient verfügbar sind – gratis oder zum Kauf

Viewers also liked

Trabajo colaborativo 2

Fabio Bonilla

Ensino religioso 6

Atividades Diversas Cláudia

Prova diagnostica portugues em

Atividades Diversas Cláudia

Presentacion tac tectonic

jbasualdo

Sutileza masculina

Robin Hood

Atividades interdisciplinar de interpretação e.religioso, soc, portugues

Atividades Diversas Cláudia

Escribo 2

Mikel Calvo García

Dr.marketing Rodrigo Seco_schvabe_www.drmkt.com.br_usando-a-tecnologia-para-c...

Mercado Binário

Raí e o mundo que não era mágico

Cir

zarrapas

Lectoescritura (j f)

Mikel Calvo García

Ip demo

nevatech

2013 GMC Yukon XL Denali Philadelphia

Fred Beans GMC

Viewers also liked (13)

Trabajo colaborativo 2

Ensino religioso 6

Prova diagnostica portugues em

Presentacion tac tectonic

Sutileza masculina

Atividades interdisciplinar de interpretação e.religioso, soc, portugues

Escribo 2

Dr.marketing Rodrigo Seco_schvabe_www.drmkt.com.br_usando-a-tecnologia-para-c...

Raí e o mundo que não era mágico

Cir

Lectoescritura (j f)

Ip demo

2013 GMC Yukon XL Denali Philadelphia

Similar to Cdn-Summit-2012-mocospace-and-yottaa

Testing Drupal Site Performance Across Browsers, Geographies and Networks

Acquia

Velocity NY 2013 - From Slow to Fast: Improving Performance on Intuit Website...

Jay Hung

Anti design patterns - an experts guide to making a slow website - yottaa sit...

Yottaa

Optimizing and Accelerating your SharePoint Farm

Chris McNulty

Frontend performance on the web | Presentation @ecommercecamp 2019

dreistromland

Turbocharging php applications with zend server (workshop)

Eric Ritchie

An Expert's Guide to Making a Website Slow - Chicago Webmasters Meetup 6/5/2012

Yottaa

5 Steps To Deliver The Fastest Mobile Shopping Experience This Holiday Season

G3 Communications

Mit MarvelClient das Meiste aus HCL Nomad Web herausholen

panagenda

performance.ppt

fakeaccount225095

This document provides practical strategies for improving front-end performance of websites. It discusses specific techniques like making fewer HTTP requests by combining files, leveraging browser caching with far-future expires headers, gzipping components, using CSS sprites, and deploying assets on a content delivery network. It also summarizes key rules from tools like YSlow and PageSpeed for optimizing front-end performance.

Vn mobile day2013 - zalo sharing

Thanh Dao

Zalo is a mobile messaging application developed by VNG Corp for the Vietnamese market. The summary discusses: 1. Zalo aimed to be mobile-first and combine messaging, social features, and a phonebook graph to appeal to a wide audience in Vietnam. 2. Through continuous development and responding to user feedback, Zalo grew from 2.3 million registered users to over 500,000 new users per month and daily message volume of 20 million. 3. VNG scaled Zalo's server infrastructure to support its growth, using techniques like distributed databases, caching, and load balancing across 39 servers to handle high traffic volumes.

针对iPad平台的高性能网站架构

jeffz

This document discusses best practices for developing high performance mobile web applications for the iPad. It covers setting up a high performance infrastructure with load balancing and distributed caching. It also discusses following YSlow and mobile web best practices such as minimizing requests, optimizing caching, reducing cookies, and optimizing HTML and CSS. Special considerations for the iPad are also covered, such as touch events, viewport dimensions, lower cache limits, slower CPU and network speeds. The document stresses that performance optimization requires trade-offs and provides references for further reading on high performance web development.

Mobile web performance dwx13

Avenga Germany GmbH

The document discusses improving mobile web performance. It notes that mobile is different than desktop due to limitations in power, memory, battery and connections on mobile devices. Sites are growing larger in size which slows performance, and users strongly prefer faster loading sites. A variety of tools can measure performance, and waterfalls charts show where time is spent loading pages between the server and client. Optimizations discussed include enabling caching, compression, image resizing, lazy loading images, inlining images and scripts where possible, minifying assets, and delivering scripts and styles in a single HTTP request through techniques like application caching.

Business Success With Core Web Vitals | Izzi Smith

Noisy Little Monkey

These are Izzi's slides from Digital Gaggle in May 2021. Talk Description: Potential ranking boost aside, improving your Core Web Vitals means providing stronger and more stable experiences for website visitors so it’s definitely worth our attention in 2021. However, these metrics can be difficult to grasp and even harder to improve. Not to worry! Izzi will be demystifying the Core Web Vital metrics and speed tooling, giving advice on how to improve them, and top tips on getting stakeholder buy-in, all with some juicy case studies from successful (and not so successful) domains.

Your customer your asset seminar ecommerce and website speed yottaa

Yottaa

The document discusses how website speed impacts ecommerce revenue and user experience. It notes that 47% of consumers expect pages to load within 2 seconds and 40% will abandon a site if it takes over 3 seconds to load. Faster site speed leads to increased conversion rates, more time on site, and better SEO rankings. The Yottaa company offers an all-in-one website performance solution that can optimize site speed without code changes or additional infrastructure.

Practical Performance Tips and Tricks to Make Your HTML/JavaScript Apps Faster

Doris Chen

How to tackle real-world web platform performance problems in modern websites and apps? This session starts with a basic understanding of the web platform and then explores to a set of problem/solution pairs built from industry-standard performance guidance. In the talk, we will demonstrate performance tips and tricks that will help you improve the performance of your apps and sites today. We will discuss the following respond to network requests, speed and responsiveness, optimizing media usage, and writing fast JavaScript. These performance tips and tricks apply equally to web sites that run on standards based web browsers, as well as to modern apps.

Vietnam Mobile Day 2013: Developing a mobile messenger for the audience of mi...

GameLandVN

Native vs web apps

Ulrich Scheller

Mobile HTML5 Applications can save development time by allowing creation of apps for multiple platforms like Android, iOS, and Windows Mobile using a single codebase. However, HTML5 apps still cannot perfectly match the look and functionality of native apps, and have issues with performance, integration with other apps and devices, and varying support across browsers and devices. Hybrid apps that combine HTML5 and native platform features try to address these limitations but often lack the quality of fully native apps. While HTML5 will continue to improve, it still may not be a full replacement for native mobile app development in all cases.

That's Web? Extreme Optimization for the Mobile Web (Oct 2012)

Glan Thomas

The document discusses optimizing mobile web apps for performance and battery life. It outlines 5 tips: 1) Don't rely too heavily on network access due to high latency and battery drain. 2) Show content while loading to improve the user experience. 3) Leverage HTML5 features like localStorage, app caching, and web workers. 4) Offload animations and rendering to the GPU using CSS transforms where possible. 5) Keep the DOM simple and use event listeners carefully to improve efficiency. The document provides examples and recommendations for optimizing images, JavaScript, rendering, and the development process for better mobile web optimization.

Inside Zalo: Developing a mobile messenger for the audience of millions - VN ...

Quang Diệu Nguyễn

Similar to Cdn-Summit-2012-mocospace-and-yottaa (20)

Testing Drupal Site Performance Across Browsers, Geographies and Networks

Velocity NY 2013 - From Slow to Fast: Improving Performance on Intuit Website...

Anti design patterns - an experts guide to making a slow website - yottaa sit...

Optimizing and Accelerating your SharePoint Farm

Frontend performance on the web | Presentation @ecommercecamp 2019

Turbocharging php applications with zend server (workshop)

An Expert's Guide to Making a Website Slow - Chicago Webmasters Meetup 6/5/2012

5 Steps To Deliver The Fastest Mobile Shopping Experience This Holiday Season

Mit MarvelClient das Meiste aus HCL Nomad Web herausholen

performance.ppt

Vn mobile day2013 - zalo sharing

针对iPad平台的高性能网站架构

Mobile web performance dwx13

Business Success With Core Web Vitals | Izzi Smith

Your customer your asset seminar ecommerce and website speed yottaa

Practical Performance Tips and Tricks to Make Your HTML/JavaScript Apps Faster

Vietnam Mobile Day 2013: Developing a mobile messenger for the audience of mi...

Native vs web apps

That's Web? Extreme Optimization for the Mobile Web (Oct 2012)

Inside Zalo: Developing a mobile messenger for the audience of millions - VN ...

More from Yottaa

Optimizing Website Performance in the Age of Mobile & Social

Yottaa

With the rise of social media and targeted ads, marketers and merchandisers increasingly rely on deep linking to increase brand awareness & equity and to drive customer acquisition and retention. Deep linking consists of linking to specific content other than the homepage. For example, brands routinely tweet about special offers or use Pinterest to drive awareness and conversions via specific products or content. The challenge with deep linking for most enterprises is the ability (or inability) to optimize every page and every piece of content across their websites. In this webinar, Ari Weil of Yottaa will discuss deep linking and how etailers can: Ensure continuous, real-time acceleration and security for every page Handle the challenge posed by rapidly-changing or newly-created content that is not optimized for performance across all desktop and mobile use cases Improve the performance of 3rd party content Adapt optimizations over time through machine learning from real-world interaction

How to Optimize Your Entire Mobile Experience

Yottaa

1. The document summarizes an event about optimizing the mobile experience. It provides an agenda that includes talks on creating a responsive web design and building the mobile experience. 2. It discusses challenges of mobile including pages loading slowly and users having a poor experience. If businesses do not optimize for mobile, users will go to competitors. 3. The document recommends implementing responsive web design to provide a consistent experience across devices, but also notes responsive design requires additional work and may not be suitable in all cases. Care needs to be taken to optimize content for different screens.

Monetizing Mobile: How To Optimize Mobile Engagement and Conversions

Yottaa

The document discusses optimizing mobile web performance. It begins with an agenda for the presentation and statistics showing the importance of mobile. Common mobile user frustrations are outlined. The presenters then discuss understanding the complex mobile ecosystem and content that impacts page load times. Optimization best practices covered include responsive design, reducing page weight and requests, and myths around optimizations like CDNs and delay-loading. The presentation concludes by describing holistic optimization solutions from Yottaa and mobile monitoring from Marlin Mobile.

Beyond CDNs: How to Harness the Next Phase of Innovation in Web Performance

Yottaa

Yottaa provides a performance cloud product that helps websites and mobile apps optimize for web performance beyond just content delivery networks (CDNs). The document discusses 5 forces transforming web performance: the explosion of mobile, more complex websites, the rise of social media, a complex application delivery chain, and the importance of performance for user engagement. It outlines problems like front-end bottlenecks and large/serial asset delivery that impact performance and discusses Yottaa solutions like just-in-time rendering, federated CDNs, and device-specific optimizations. A case study shows how Yottaa helped the Brit Awards website improve user experience by 50% and reduce infrastructure load by 97% during traffic spikes.

So you want to build a mobile app - HTML5 vs. Native @ the Boston Mobile Expe...

Yottaa

The document provides guidance and best practices for developing mobile apps. It discusses prioritizing platforms based on usage share, targeting the needs and behaviors of different user groups, and the advantages of native apps over HTML5 for user experience. It also covers tools for testing across browsers and devices, such as Ringmark, Modernizr, and network monitoring with ARO. Thorough testing on real networks is emphasized to ensure apps degrade gracefully on unstable connections.

Managing a Website Performance Optimization (WPO) Project

Yottaa

The document provides a step-by-step guide for successfully managing a web performance optimization project, including planning by establishing a performance baseline, prioritizing improvements, and defining scope; development and testing across server-side, network, front-end, and testing; and going live by defining SLA goals, monitoring and trending performance, and handling problem notification and resolution. It emphasizes the importance of measuring performance across different geographies, browsers, and devices through statistically significant testing to accurately assess a site's user experience and diagnose any issues.

How GoDaddy Brought Down Millions of Sites – and How to Avoid Being a DNS Out...

Yottaa

- GoDaddy experienced a 6-hour outage in September 2012 that brought down 45 million websites registered through GoDaddy. This was caused by internal network events that corrupted router data tables, not by an external attack. - DNS (Domain Name System) is crucial infrastructure that translates human-readable domain names to IP addresses, allowing websites and email to function. GoDaddy hosts DNS for domains registered through them. - When choosing a DNS service, factors like reliability, performance, security, and geographic distribution should be considered to avoid a single point of failure bringing all sites down.

Yottaa site speed optimizer presentation at mass innovation nights part of fu...

Yottaa

This document discusses how website speed and page load times directly impact user behavior and business metrics. It notes that even small increases in load times (100-500 milliseconds) can negatively impact key metrics like searches performed, pages visited, and sales conversions. The document then introduces Yottaa's Site Speed Optimizer product as a way to cut page load times in half with no software to install by leveraging their global cloud infrastructure and patented routing technologies to automatically apply web performance optimization techniques.

Mongodb beijingconf yottaa_3.3

Yottaa

Yottaa uses MongoDB to store and analyze large amounts of web performance data collected from over 27,000 URLs. Some key challenges included collecting over 10GB of data per day with a small engineering team. MongoDB allows data to be stored in documents rather than rows, improving the efficiency of aggregation and reporting. Data is sharded across multiple MongoDB servers for scale and redundancy. Lessons learned include considering collection sharding earlier and carefully adding indexes in production.

More from Yottaa (9)

Optimizing Website Performance in the Age of Mobile & Social

How to Optimize Your Entire Mobile Experience

Monetizing Mobile: How To Optimize Mobile Engagement and Conversions

Beyond CDNs: How to Harness the Next Phase of Innovation in Web Performance

So you want to build a mobile app - HTML5 vs. Native @ the Boston Mobile Expe...

Managing a Website Performance Optimization (WPO) Project

How GoDaddy Brought Down Millions of Sites – and How to Avoid Being a DNS Out...

Yottaa site speed optimizer presentation at mass innovation nights part of fu...

Mongodb beijingconf yottaa_3.3

Recently uploaded

Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf

Malak Abu Hammad

Discover how MongoDB Atlas and vector search technology can revolutionize your application's search capabilities. This comprehensive presentation covers: * What is Vector Search? * Importance and benefits of vector search * Practical use cases across various industries * Step-by-step implementation guide * Live demos with code snippets * Enhancing LLM capabilities with vector search * Best practices and optimization strategies Perfect for developers, AI enthusiasts, and tech leaders. Learn how to leverage MongoDB Atlas to deliver highly relevant, context-aware search results, transforming your data retrieval process. Stay ahead in tech innovation and maximize the potential of your applications. #MongoDB #VectorSearch #AI #SemanticSearch #TechInnovation #DataScience #LLM #MachineLearning #SearchTechnology

Nordic Marketo Engage User Group_June 13_ 2024.pptx

MichaelKnudsen27

Introduction of Cybersecurity with OSS at Code Europe 2024

Hiroshi SHIBATA

I develop the Ruby programming language, RubyGems, and Bundler, which are package managers for Ruby. Today, I will introduce how to enhance the security of your application using open-source software (OSS) examples from Ruby and RubyGems. The first topic is CVE (Common Vulnerabilities and Exposures). I have published CVEs many times. But what exactly is a CVE? I'll provide a basic understanding of CVEs and explain how to detect and handle vulnerabilities in OSS. Next, let's discuss package managers. Package managers play a critical role in the OSS ecosystem. I'll explain how to manage library dependencies in your application. I'll share insights into how the Ruby and RubyGems core team works to keep our ecosystem safe. By the end of this talk, you'll have a better understanding of how to safeguard your code.

AWS Cloud Cost Optimization Presentation.pptx

HarisZaheer8

This presentation provides valuable insights into effective cost-saving techniques on AWS. Learn how to optimize your AWS resources by rightsizing, increasing elasticity, picking the right storage class, and choosing the best pricing model. Additionally, discover essential governance mechanisms to ensure continuous cost efficiency. Whether you are new to AWS or an experienced user, this presentation provides clear and practical tips to help you reduce your cloud costs and get the most out of your budget.

Monitoring and Managing Anomaly Detection on OpenShift.pdf

Tosin Akinosho

Monitoring and Managing Anomaly Detection on OpenShift Overview Dive into the world of anomaly detection on edge devices with our comprehensive hands-on tutorial. This SlideShare presentation will guide you through the entire process, from data collection and model training to edge deployment and real-time monitoring. Perfect for those looking to implement robust anomaly detection systems on resource-constrained IoT/edge devices. Key Topics Covered 1. Introduction to Anomaly Detection - Understand the fundamentals of anomaly detection and its importance in identifying unusual behavior or failures in systems. 2. Understanding Edge (IoT) - Learn about edge computing and IoT, and how they enable real-time data processing and decision-making at the source. 3. What is ArgoCD? - Discover ArgoCD, a declarative, GitOps continuous delivery tool for Kubernetes, and its role in deploying applications on edge devices. 4. Deployment Using ArgoCD for Edge Devices - Step-by-step guide on deploying anomaly detection models on edge devices using ArgoCD. 5. Introduction to Apache Kafka and S3 - Explore Apache Kafka for real-time data streaming and Amazon S3 for scalable storage solutions. 6. Viewing Kafka Messages in the Data Lake - Learn how to view and analyze Kafka messages stored in a data lake for better insights. 7. What is Prometheus? - Get to know Prometheus, an open-source monitoring and alerting toolkit, and its application in monitoring edge devices. 8. Monitoring Application Metrics with Prometheus - Detailed instructions on setting up Prometheus to monitor the performance and health of your anomaly detection system. 9. What is Camel K? - Introduction to Camel K, a lightweight integration framework built on Apache Camel, designed for Kubernetes. 10. Configuring Camel K Integrations for Data Pipelines - Learn how to configure Camel K for seamless data pipeline integrations in your anomaly detection workflow. 11. What is a Jupyter Notebook? - Overview of Jupyter Notebooks, an open-source web application for creating and sharing documents with live code, equations, visualizations, and narrative text. 12. Jupyter Notebooks with Code Examples - Hands-on examples and code snippets in Jupyter Notebooks to help you implement and test anomaly detection models.

Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...

saastr

Your One-Stop Shop for Python Success: Top 10 US Python Development Providers

akankshawande

System Design Case Study: Building a Scalable E-Commerce Platform - Hiike

Hiike

WeTestAthens: Postman's AI & Automation Techniques

Postman

GraphRAG for Life Science to increase LLM accuracy

Tomaz Bratanic

Deep Dive: Getting Funded with Jason Jason Lemkin Founder & CEO @ SaaStr

saastr

Best 20 SEO Techniques To Improve Website Visibility In SERP

Pixlogix Infotech

Recommendation System using RAG Architecture

fredae14

Ocean lotus Threat actors project by John Sitima 2024 (1).pptx

SitimaJohn

Ocean Lotus cyber threat actors represent a sophisticated, persistent, and politically motivated group that poses a significant risk to organizations and individuals in the Southeast Asian region. Their continuous evolution and adaptability underscore the need for robust cybersecurity measures and international cooperation to identify and mitigate the threats posed by such advanced persistent threat groups.

dbms calicut university B. sc Cs 4th sem.pdf

Shinana2

UI5 Controls simplified - UI5con2024 presentation

Wouter Lemaire

Skybuffer SAM4U tool for SAP license adoption

Tatiana Kojar

Manage and optimize your license adoption and consumption with SAM4U, an SAP free customer software asset management tool. SAM4U, an SAP complimentary software asset management tool for customers, delivers a detailed and well-structured overview of license inventory and usage with a user-friendly interface. We offer a hosted, cost-effective, and performance-optimized SAM4U setup in the Skybuffer Cloud environment. You retain ownership of the system and data, while we manage the ABAP 7.58 infrastructure, ensuring fixed Total Cost of Ownership (TCO) and exceptional services through the SAP Fiori interface.

Finale of the Year: Apply for Next One!

GDSC PJATK

Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdf

flufftailshop

When it comes to unit testing in the .NET ecosystem, developers have a wide range of options available. Among the most popular choices are NUnit, XUnit, and MSTest. These unit testing frameworks provide essential tools and features to help ensure the quality and reliability of code. However, understanding the differences between these frameworks is crucial for selecting the most suitable one for your projects.

HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU

panagenda

Webinar Recording: https://www.panagenda.com/webinars/hcl-notes-und-domino-lizenzkostenreduzierung-in-der-welt-von-dlau/ DLAU und die Lizenzen nach dem CCB- und CCX-Modell sind für viele in der HCL-Community seit letztem Jahr ein heißes Thema. Als Notes- oder Domino-Kunde haben Sie vielleicht mit unerwartet hohen Benutzerzahlen und Lizenzgebühren zu kämpfen. Sie fragen sich vielleicht, wie diese neue Art der Lizenzierung funktioniert und welchen Nutzen sie Ihnen bringt. Vor allem wollen Sie sicherlich Ihr Budget einhalten und Kosten sparen, wo immer möglich. Das verstehen wir und wir möchten Ihnen dabei helfen! Wir erklären Ihnen, wie Sie häufige Konfigurationsprobleme lösen können, die dazu führen können, dass mehr Benutzer gezählt werden als nötig, und wie Sie überflüssige oder ungenutzte Konten identifizieren und entfernen können, um Geld zu sparen. Es gibt auch einige Ansätze, die zu unnötigen Ausgaben führen können, z. B. wenn ein Personendokument anstelle eines Mail-Ins für geteilte Mailboxen verwendet wird. Wir zeigen Ihnen solche Fälle und deren Lösungen. Und natürlich erklären wir Ihnen das neue Lizenzmodell. Nehmen Sie an diesem Webinar teil, bei dem HCL-Ambassador Marc Thomas und Gastredner Franz Walder Ihnen diese neue Welt näherbringen. Es vermittelt Ihnen die Tools und das Know-how, um den Überblick zu bewahren. Sie werden in der Lage sein, Ihre Kosten durch eine optimierte Domino-Konfiguration zu reduzieren und auch in Zukunft gering zu halten. Diese Themen werden behandelt - Reduzierung der Lizenzkosten durch Auffinden und Beheben von Fehlkonfigurationen und überflüssigen Konten - Wie funktionieren CCB- und CCX-Lizenzen wirklich? - Verstehen des DLAU-Tools und wie man es am besten nutzt - Tipps für häufige Problembereiche, wie z. B. Team-Postfächer, Funktions-/Testbenutzer usw. - Praxisbeispiele und Best Practices zum sofortigen Umsetzen

Recently uploaded (20)

Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf

Nordic Marketo Engage User Group_June 13_ 2024.pptx

Introduction of Cybersecurity with OSS at Code Europe 2024

AWS Cloud Cost Optimization Presentation.pptx

Monitoring and Managing Anomaly Detection on OpenShift.pdf

Deep Dive: AI-Powered Marketing to Get More Leads and Customers with HyperGro...

Your One-Stop Shop for Python Success: Top 10 US Python Development Providers

System Design Case Study: Building a Scalable E-Commerce Platform - Hiike

WeTestAthens: Postman's AI & Automation Techniques

GraphRAG for Life Science to increase LLM accuracy

Deep Dive: Getting Funded with Jason Jason Lemkin Founder & CEO @ SaaStr

Best 20 SEO Techniques To Improve Website Visibility In SERP

Recommendation System using RAG Architecture

Ocean lotus Threat actors project by John Sitima 2024 (1).pptx

dbms calicut university B. sc Cs 4th sem.pdf

UI5 Controls simplified - UI5con2024 presentation

Skybuffer SAM4U tool for SAP license adoption

Finale of the Year: Apply for Next One!

Nunit vs XUnit vs MSTest Differences Between These Unit Testing Frameworks.pdf

HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU

Cdn-Summit-2012-mocospace-and-yottaa

1. P L AY G A M E S . MAKE FRIENDS. Using CDN and Front-End Optimization To Deliver a Good Mobile Experience Yottaa Inc. 101 Summer St Boston, MA http://www.yottaa.com @Yottaa © 2012 Yottaa Inc. All Rights Reserved.

2. M O C O S PA C E I S A D E S T I N AT I O N We are the best place to play games, make friends, and stay connected on the mobile Web. Over 25 Million 60 Million Minutes Spent Daily Members Largest Catalog Of Free- to-play HTML5 Games 1st and 3rd party games from over 2 dozen developers 2 © 2012 Yottaa Inc. All Rights Reserved.

3. Mobile: Key Challenges • Mobile networks are slowww.... • High packet loss – High noise environment • Connections made ad-hoc – Dropped to preserve spectrum, battery • Latency, Latency, Latency – >300ms via 3G vs <50ms on broadband 3 © 2012 Yottaa Inc. All Rights Reserved.

4. Mobile: Key Challenges • Mobile hardware – CPU 10x slower than desktop – Script parsing slow • 1-10ms / KB • Mobile software – Fragmentation – Limited persistent and in-memory caching • 0-25 MB on mobile vs 75-250 MB on desktop • Android – only 4 MB! • Average page size ~400KB mobile vs ~800KB desktop 4 © 2012 Yottaa Inc. All Rights Reserved.

5. Front-End Optimization • Front-end: 90% of page load time – Network time – Browser time • Optimization techniques 1. Reduce HTTP requests 2. Reduce page size 3. Optimize page render time 5 © 2012 Yottaa Inc. All Rights Reserved.

6. Yottaa Solution for Mobile Acceleration • Front-End Optimizations – Reduce HTTP requests – Reduce page size – Optimize page render time • Plus Global CDN • Customize optimizations through online control panel • No installs , No code changes • Support for HTTPS 6 © 2012 Yottaa Inc. All Rights Reserved.

7. Reduce HTTP Requests • # requests has highest correlation to load time • Inline images (Data URI), scripts, CSS • Combine JavaScript + CSS requests • Leverage browser cache with far-future TTLs • Leverage HTML5 local storage (5 MB) • Lazy load resources – On demand images for those below the fold • Sprite images 7 © 2012 Yottaa Inc. All Rights Reserved.

8. NumberMash • Removed 18 image requests using dataURI • <img class="coinImage" src="data:image/png;bas e64,iVBORw0KGgo… • Images are instantly displayed for better experience. 8 © 2012 Yottaa Inc. All Rights Reserved.

9. Reduce Page Size • Less to download, better load time • Minify HTML, JavaScript, CSS content • GZIP all JavaScript and CSS content • Image optmization – Remove extra data and meta-data (lossless) – Dynamic downsizing 9 © 2012 Yottaa Inc. All Rights Reserved.

10. HappyFarm • CDN uses reduces response time on asset delivery • Compression used to reduces bandwidth • Override cache behavior of developer to improve client-side cache usage 10 © 2012 Yottaa Inc. All Rights Reserved.

11. Optimize Page Render Time • Edge caching • Place CSS as high as possible • Async script execution – Place scripts as low as possible – Avoid blocking • Parallelize requests – Pre-emptively load assets in parallel before the browser asks for them 11 © 2012 Yottaa Inc. All Rights Reserved.

12. Mocospace • Global Audience – 25 million registered users – 60 million minutes online everyday • Global Developer Network – 2 dozen plus game developers – Hosting their games in unknown locations 12 © 2012 Yottaa Inc. All Rights Reserved.

13. Thank you • Jamie Hall CTO – Mocospace – jamie@corp.mocospace.com • Bob Buffone CTO - Yottaa – bbuffone@yottaa.com • Twitter • @mocospace • @yottaa • Learn More About The Yottaa Solution For Mobile Acceleration here 13 © 2012 Yottaa Inc. All Rights Reserved.

Editor's Notes

Mobile browsing is big – 20-25% of Facebook traffic globally.MocoSpace leverages CDN and a multitudeof optimization techniques to boost site performance and provide great UX, for both 1st party content and 3rd party games.Ads are a big part of the revenue story - the better the user experience, the more ads that are served, which is more $$.Mocospace is working with many disconnected developers in "emerging countries”. Yottaa’s service helps take guys who are operating out of a garage in those locations and makes their applications run better.

Cdn-Summit-2012-mocospace-and-yottaa

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (13)

Similar to Cdn-Summit-2012-mocospace-and-yottaa

Similar to Cdn-Summit-2012-mocospace-and-yottaa (20)

More from Yottaa

More from Yottaa (9)

Recently uploaded

Recently uploaded (20)

Cdn-Summit-2012-mocospace-and-yottaa

Editor's Notes