High Performance Mobile

Slides:



Advertisements
Similar presentations
Optimizing Websites with YSlow Tom Lianza Co-Founder Wishlisting.com Tom Lianza Co-Founder Wishlisting.com.
Advertisements

Steve Souders Even Faster Themes Disclaimer: This content does not necessarily reflect.
High Performance Web Sites Essential Knowledge for Frontend Engineers
CS193H: High Performance Web Sites Lecture 4: Class Projects Steve Souders Google
CS193H: High Performance Web Sites Lecture 1: Introduction Steve Souders Google
17% 83% iGoogle, primed cache the importance of frontend performance 9%91% iGoogle, empty cache.
CS193H: High Performance Web Sites Lecture 17: Rule 14 – Make Ajax Cacheable Steve Souders Google
CS193H: High Performance Web Sites Lecture 21: Vol 2 – Split Dominant Domains Steve Souders Google
High Performance Web Sites Essential Knowledge for Frontend Engineers
Exceptional Performance Evolution at Yahoo! Steve Souders Chief Performance Yahoo!
Steve Souders Even Faster Web Sites best practices for faster pages Disclaimer: This content does not necessarily.
CS193H: High Performance Web Sites Lecture 5: Make Fewer HTTP Requests Steve Souders Google
CS193H: High Performance Web Sites Lecture 12: Rule 8 – Make JavaScript and CSS External Steve Souders Google
CS193H: High Performance Web Sites Lecture 19: Vol 2 – Load Scripts Without Blocking Steve Souders Google
CS193H: High Performance Web Sites Lecture 10: Rule 6 – Put Scripts at the Bottom Steve Souders Google
CS193H: High Performance Web Sites Lecture 18: Vol 2 – Split the Initial Payload Steve Souders Google
Web Performance Meetup 1 Web Performance 101 Jeremy
Web Performance Meetup 1 Web Performance Toolbelt Jeremy
Stevesouders.com/docs/velocity-wpo pptx Disclaimer: This content does not necessarily reflect the opinions of my employer.
Everything you wanted to know about web performance* *but were afraid to ask.
Web Site Performance What makes web sites slow? Back end Front end Tools for measuring performance Firebug / YSlow Visual Studio Test Edition W3.org html.
©2013 AKAMAI | FASTER FORWARD TM It's all about Performance Measured and Perceived Performance on Desktop and Mobile Devices San Mateo Meetup, July 2013.
CHAPTER 15 WEBPAGE OPTIMIZATION. LEARNING OBJECTIVES How to test your web-page performance How browser and server interactions impact performance What.
Improving Web Site Performance and Scalability While Saving Money Robert Boedigheimer ∙ Web Application
Stevesouders.com/docs/sfjs pptx Disclaimer: This content does not necessarily reflect the opinions of my employer.
stevesouders.com/docs/accel-hpws pptx Disclaimer: This content does not necessarily reflect the opinions of my employer.
Disclaimer: This content does not necessarily reflect the opinions of my employer.
High Performance Websites (Based on Steve Souder’s lecture) By Bhoomi Patel.
Disclaimer: This content does not necessarily reflect the opinions of my employer.
Disclaimer: This content does not necessarily reflect the opinions of my employer.
Putting the Network to Work
&.zip Disclaimer: This content does not necessarily reflect the opinions of my employer.
Stevesouders.com/docs/velocity-efws pptx Disclaimer: This content does not necessarily reflect the opinions of my employer. flickr.com/photos/ddfic/ /
Network. Add speed of light and speed in fiber Inspired by High Performance Browser Networking (Ilya Grigorik) Even Faster Web Sites (Steve Souders)
Jason Garoutte Siteforce: Build and Run Amazing Websites in the Cloud.
Mark Phillip markphillip.com 200s, 304s, Expires Headers, HTTP Compression, And You.
Disclaimer: This content does not necessarily reflect the opinions of my employer.
Performance, SEO, Accessibility Ivan Zhekov Telerik Corporation
Mobile Web Development Strategies Best Practices Performance Tips.
Designing and Theming for Performance Matthew Dorman Sr. Vice President / Partner NorthPoint
Ajax-based startpage Web top Personal web portal Page aggregator –Netvibes, My Yahoo!, iGoogle, Page Flakes, Wakooz, and Microsoft Live. –Personalize.
Stevesouders.com/docs/thinkvitamin pptx Disclaimer: This content does not necessarily reflect the opinions of my employer. flickr.com/photos/ddfic/ /
Web Performance Optimization Boban Stojanovski (Senior Front End Developer at Solaborate) Think Fast by default.
Page Speed Bryan McQuade Richard Rabbat. Outline  What is Page Speed?  Inception of Page Speed  Cool features  Identify unused JavaScript and CSS.
Web Performance and key business metrics Part II: More Findings from the Front Line of Web Acceleration.
The Birth & Growth of Web 2.0 COM 415-Fall II Ashley Velasco (Prince)
PERFORMANCE ENHANCEMENT IN ASP.NET By Hassan Tariq Session #1.
Putting Performance Best Practices Together to Create the Perfect SPA Chris Love2Dev.com.
Blogging Webinar LEARN THE BENEFITS OF BLOGGING & HOW TO GET STARTED!
Case Study: Live Search – Moving to and then away from AJAX Eric Schurman Performance Development Lead Live Search Microsoft.
LESSON 15 – UNIT 0 ADAPTING YOUR WEB SITE FOR MOBILE DEVICES.
What is Seo? SEO stands for “search engine optimization.” It is the process of getting traffic from the “free,” “organic,” “editorial” or “natural” search.
Site Speed: The Ultimate UX Feature… for SEO. A case study on how to increase search engine crawling and online conversion Jonathon Colman In-House SEO.
THE FUTURE IS HERE: APPLICATION- AWARE CACHING BY ASHOK ANAND.
SEO FOR REDESIGN Eric Werner. DON’T WAIT “ We are going to wait until the redesign is complete to work on SEO” No problem unless any of the following.
Enhance Your Page Load Speed And Improve Traffic.
Technology for Mobile Network Operators Business Case: Improve Overall Service Quality and Customer Experience While Dramatically Lowering Carrier Costs.
Business Case: Improve Overall Service Quality and Customer Experience
50 Performance Tricks to Make your HTML5 apps and sites Faster
Time is the enemy: Ten Core Lessons for Achieving Peak
Information Systems 337 Prof. Harry Plantinga Assessment.
Even Faster Web Sites best practices for faster pages
Even Faster Web Sites best practices for faster pages
Even Faster Web Sites cc:
Tips for Website Speed Optimization
Hints and tips for faster web apps
Episerver Performance A-Z
Web & Mobile optimization
AMP Up Your Website uWestFest 2017.
Yale Digital Conference 2019
Presentation transcript:

High Performance Mobile stevesouders.com/docs/jqcon-20110416.pptx Disclaimer: This content does not necessarily reflect the opinions of my employer.

14 Rules Make fewer HTTP requests Use a CDN Add an Expires header Gzip components Put stylesheets at the top Put scripts at the bottom Avoid CSS expressions Make JS and CSS external Reduce DNS lookups Minify JS Avoid redirects Remove duplicate scripts Configure ETags Make AJAX cacheable 14 Rules photo courtesy of Vicki & Chuck Rogers: http://www.flickr.com/photos/two-wrongs/205467442/

Splitting the initial payload Loading scripts without blocking Coupling asynchronous scripts Positioning inline scripts Sharding dominant domains Flushing the document early Using iframes sparingly Simplifying CSS Selectors Understanding Ajax performance Doug Crockford Creating responsive web apps Ben Galbraith, Dion Almaer Writing efficient JavaScript Nicholas Zakas Scaling with Comet Dylan Schiemann Going beyond gzipping Tony Gentilcore Optimizing images Stoyan Stefanov, Nicole Sullivan

2004

carsonified.com/blog/business/fred-wilsons-10-golden-principles-of-successful-web-apps/ #1. Speed: “First and foremost, we believe that speed is more than a feature. Speed is the most important feature.” Fred Wilson is Managing Partner of two venture capital firms, Flatiron Partners (Yoyodyne, Geocities) and Union Square Ventures (Twitter, delicious, Etsy, Feedburner). Speed Instant utility Software is media Less is more Make it programmable Make it personal RESTful Discoverability Clean Playful

en.oreilly.com/velocity2009/public/schedule/detail/8523

en.oreilly.com/velocity2009/public/schedule/detail/8523

Yahoo! 0.4 sec slower traffic  5-9% slideshare.net/stoyan/yslow-20-presentation slideshare.net/stoyan/dont-make-me-wait-or-building-highperformance-web-applications

blog.mozilla.com/metrics/category/website-optimization/ …shaved 2.2 seconds off the average page load time and increased download conversions by 15.4%! “if we’re able to achieve a similar performance boost across our other top landing pages, we’ll drive in excess of 60 million yearly Firefox downloads.”

en.oreilly.com/velocity2009/public/schedule/detail/7709 blog.mozilla.com/metrics/category/website-optimization/ …shaved 2.2 seconds off the average page load time and increased download conversions by 15.4%! This was a ~5 second speed up.

en.oreilly.com/velocity2008/public/schedule/detail/3632

slideshare.net/EdmundsLabs/how-edmunds-got-in-the-fast-lane-80-reduction-in-page-load-time-in-3-simple-steps-6593377

Site speed in search rank …we've decided to take site speed into account in our search rankings. Screen shot of blog post Time measurements from real users. googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-ranking.html

WPO Web Performance Optimization drives traffic improves UX increases revenue reduces costs flickr.com/photos/pedromourapinheiro/3123885534/

slideshare.net/CMSummit/ms-internet-trends060710final

slideshare.net/CMSummit/ms-internet-trends060710final

slideshare.net/CMSummit/ms-internet-trends060710final

zero visibility flickr.com/photos/davidandheidi/2320489837/

1

2

to intr to intr

3

takeaways speed matters WPO faster mobile visibility into mobile traffic, UX, revenue, costs faster mobile biz opp, differentiator, shared pain visibility into mobile Blaze.io, pcapperf, Jdrop

Steve Souders @souders stevesouders.com/docs/jqcon-20110416.pptx http://www.flickr.com/photos/myklroventine/4062102754/ Steve Souders @souders stevesouders.com/docs/jqcon-20110416.pptx flickr.com/photos/myklroventine/4062102754/