Web Performance Meetup 1 Web Performance Toolbelt Jeremy

Slides:

Advertisements

Similar presentations

High Performance Web Sites 14 rules for faster pages

Advertisements

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

Building Fast 3rd-Party Webapps O'Reilly Velocity Web Performance and Operations Conference 24 June Lessons.

Steve Souders Even Faster Websites Disclaimer: This content does not necessarily reflect.

Steve Souders Even Faster Themes Disclaimer: This content does not necessarily reflect.

High Performance Web Sites Essential Knowledge for Frontend Engineers

Steve Souders Even Faster Web Sites Disclaimer: This content does not necessarily.

Steve Souders Even Faster Web Sites best practices for faster pages Disclaimer: This.

Steve Souders Even Faster Web Sites (inside ma.tt) best practices for faster pages.

CS193H: High Performance Web Sites Lecture 16: Rule 13 – Configure ETags Steve Souders Google

CS193H: High Performance Web Sites Lecture 4: Class Projects Steve Souders Google

Steve Souders Even Faster Web Sites Disclaimer: This content does not necessarily.

Steve Souders High Performance Widgets Disclaimer: This content does not necessarily.

Steve Souders Life's too short, write fast code part 1 Disclaimer: This content does.

Steve Souders Even Faster Web Sites best practices for faster pages Disclaimer:

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!

CS193H: High Performance Web Sites Lecture 3: HTTP and the Web 100 Performance Profile Steve Souders Google

CS193H: High Performance Web Sites Lecture 6: Use a CDN Steve Souders Google

Steve Souders Even Faster Web Sites best practices for faster pages Disclaimer: This content does not necessarily.

Steve Souders Life's too short, write fast code part 1 Disclaimer: This content does.

CS193H: High Performance Web Sites Lecture 20: Vol 2 – Don't Scatter Inline Scripts Steve Souders Google

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 2: The Importance of Frontend Performance Steve Souders Google

CS193H: High Performance Web Sites Lecture 11: Rule 7 – Avoid CSS Expressions Rule 9 – Reduce DNS Lookups 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

Stevesouders.com/docs/velocity-wpo pptx Disclaimer: This content does not necessarily reflect the opinions of my employer.

Best Practices for Speeding Up Your Web Site

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.

Copyright © Steven W. Johnson

©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

Front End Performance for the Common Man: Practical Strategies to Speed Up Your Site Rob Larsen htmlcssjavascript.com |

Client side performance in Web based Banking applications Divakar Prabhu Infosys Limited (NASDAQ: INFY)

Analysis and Performance Information Systems 337 Prof. Harry Plantinga.

High Performance Websites (Based on Steve Souder’s lecture) By Bhoomi Patel.

Front-end Performance Optimization Using Drupal Fixing all validation errors reported by the Yslow & Page Speed tools.Yslow Page Speed.

&.zip Disclaimer: This content does not necessarily reflect the opinions of my employer.

Mark Phillip markphillip.com 200s, 304s, Expires Headers, HTTP Compression, And You.

Performance, SEO, Accessibility Ivan Zhekov Telerik Corporation

Keeping Front End Dependencies Under Control Rachel Lehman Technical Team at Interfolio, -

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.

PERFORMANCE ENHANCEMENT IN ASP.NET By Hassan Tariq Session #1.

NEXT GEN YSLOW Marcel Duran Betty Tso Exceptional Performance Team.

Front-end Performance. Why Performance? Users Download time JavaScript execution time Browser memory usage Search Engines Fast-loading pages are ranked.

Restricted © Siemens AG All rights reserved A Developer’s Insights Into Performance Optimizations for Mobile Web Apps CT DC AA EM LP2 | June 2015.

What is Seo? SEO stands for “search engine optimization.” It is the process of getting traffic from the “free,” “organic,” “editorial” or “natural” search.

Website: Contact:

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.

Enhance Your Page Load Speed And Improve Traffic.

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

Tips for Website Speed Optimization

Introduction to AJAX MIS 3502 Jeremy Shafer Department of MIS

Hints and tips for faster web apps

Introduction to AJAX MIS 3502 Jeremy Shafer Department of MIS

High Performance Mobile

Yale Digital Conference 2019

Presentation transcript:

Web Performance Meetup 1 Web Performance Toolbelt Jeremy

Web Performance Meetup 2 What next? Where is the time? Remember the Rules?! Toolbelt –YSlow –Pagespeed –HTTP Watch (Free / Prof Version) –DynaTrace => we will have a guest speaker –Google Profiler –HAR

Web Performance Meetup 3 Empty CachePrimed Cache search.live.com/results67%0% en.wikipedia.org/wiki94%91% Frontendtime

Web Performance Meetup 4 Yahoos Rules Minimize HTTP Requests Use a Content Delivery Network Add an Expires or a Cache- Control Header Gzip Components Put StyleSheets at the Top Put Scripts at the Bottom Avoid CSS Expressions Make JavaScript and CSS External Reduce DNS Lookups Minify JavaScript and CSS Avoid Redirects Remove Duplicate Scripts Configure ETags Make AJAX Cacheable Use GET for AJAX Requests Reduce the Number of DOM Elements No 404s Reduce Cookie Size Use Cookie-Free Domains for Components Avoid Filters Do Not Scale Images in HTML Make favicon.ico Small & Cacheable

YSlow Web Performance Meetup 5

6 Gooles Rules Avoid bad requests Avoid CSS expressions Combine external CSS Combine external JavaScript Defer loading of JavaScript Enable compression Leverage browser caching Leverage proxy caching Minify CSS Minify HTML Minify JavaScript Minimize request size Minimize DNS lookups Minimize redirects Optimize images Optimize the order of styles and scripts Parallelize downloads across hostnames Put CSS in the document head Remove unused CSS Serve resources from a consistent URL Serve scaled images Serve static content from a cookieless domain Specify a character set early Specify image dimensions Use efficient CSS selectors

Pagespeed Web Performance Meetup 7

HTTP Watch Web Performance Meetup 8

DynaTrace not by Me ;) Web Performance Meetup 9

Google Profiler Web Performance Meetup 10

HAR Http Archive Specification – specificationhttp://groups.google.com/group/http-archive- specification JSON Format Export – 9/http-archive-specification-firebug-and- httpwatch/ 9/http-archive-specification-firebug-and- httpwatch/ Web Performance Meetup 11

Need quick example? See quickly how components interact… Example 1: Example 2: Web Performance Meetup 12

Web Performance Meetup 13 ?

Web Performance Meetup 14 Last words Please review the Meetup on Meetup.com Next Meetup => Thursday, November 3 th 2011