Web performance toolbelt
Download
1 / 14

Web Performance Toolbelt - PowerPoint PPT Presentation


  • 110 Views
  • Uploaded on

Web Performance Toolbelt. Jeremy Solarz @jeremysolarz. 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. Frontendtime.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' Web Performance Toolbelt' - aizza


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
Web performance toolbelt

Web Performance Toolbelt

Jeremy Solarz

@jeremysolarz

Web Performance Group @ Meetup


What next
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 Group @ Meetup


Frontendtime

http://stevesouders.com/docs/velocity-20090622.ppt

Web Performance Group @ Meetup


Yahoo s 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

Yahoo’s Rules

http://developer.yahoo.com/yslow/help/#guidelines

Web Performance Group @ Meetup


Yslow

YSlow

www.orf.at

Web Performance Group @ Meetup


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

Gooles Rules

http://code.google.com/speed/page-speed/docs/rules_intro.html

Web Performance Group @ Meetup


Pagespeed

Pagespeed

www.orf.at

Web Performance Group @ Meetup


Http watch

HTTP Watch

www.orf.at

Web Performance Group @ Meetup


Dynatrace

DynaTrace

not by Me ;)

Web Performance Group @ Meetup


Google profiler

Google Profiler

www.orf.at

Web Performance Group @ Meetup


HAR

  • Http Archive Specification

    • http://groups.google.com/group/http-archive-specification

  • JSON Format

  • Export

    • http://www.stevesouders.com/blog/2009/10/19/http-archive-specification-firebug-and-httpwatch/

Web Performance Group @ Meetup


Need quick example
Need quick example?

See quickly how components interact…

  • http://stevesouders.com/cuzillion/

    Example 1: http://bit.ly/pX0Q9I

    Example 2: http://bit.ly/oXUKzk

Web Performance Group @ Meetup


?

Web Performance Group @ Meetup


Last words

Last words

Please review the Meetup on Meetup.com

Next Meetup => Thursday, November 3th 2011

Web Performance Group @ Meetup


ad