• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

Cross-Browser Compatibility, and a little bit about Page Load, too.

on

  • 1,517 views

Cross-Browser Compatibility =...

Cross-Browser Compatibility =

Art and science of building web sites that look, feel and function similarly on various Internet Browsers and/or Devices.

Page Load =

The amount of time (sec/ms) it takes to load a single web page and the entirety of its components.

Statistics

Views

Total Views
1,517
Views on SlideShare
1,516
Embed Views
1

Actions

Likes
2
Downloads
12
Comments
1

1 Embed 1

http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • I’ve been using Browser shots for quite sometime. But now I have alternatives to check. http://www.whatisall.com/technology/what-is-browser-compatibility.html
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Cross-Browser Compatibility, and a little bit about Page Load, too. Cross-Browser Compatibility, and a little bit about Page Load, too. Presentation Transcript

    • And a little bit about Page Load, too.
      Cross-Browser Compatibility
    • 2 Things I’m looking to improve
      Cross-Browser Compatibility
      Art and science of building web sites that look, feel and function similarly on various Internet Browsers and/or Devices.
      Page Load
      The amount of time (sec/ms) it takes to load a single web page and the entirety of its components.
    • Cross-Browser Compatibility
      Do web sites need to appear exactly the same on all browsers?
      No, but they still need to work
      Graceful Degradation/Progressive Enrichment
      Are some browsers more important than others?
      Yes, consider audience browser majority
    • Cross-Browser Compatibility
      Audience Browser Stats*
      *Stats taken from Google Analytics for www.SeniorMarketSales.com from August 15, 2010 thru September 14, 2010
    • Cross-Browser Compatibility
      Trends
      IE6 is not like FireFox*
      IE7 is not like FireFox*
      IE8 is a tad-bit like FireFox*
      IE9 could be more like FireFox* than it is to previous IE versions
      Predictions
      How is the majority altered by trends?
      How are skill-sets altered by trends?
      *In this case, the term FireFox is used to represent progressive, forward-thinking browsers with an emphasis on building a standards-compliant Interent(including Safari, Chrome, Mozilla and a few others).
    • Cross-Browser Compatibility
      Audience Browser Stats*
      *Stats taken from Google Analytics for www.SeniorMarketSales.com from August 15, 2010 thru September 14, 2010
    • Cross-Browser Compatibility
      Tools
      Reset.css (zero-out)
      Reset defaults on all elements
      Adobe Browser Lab
      https://browserlab.adobe.com
      Screen Shots Only
      Free until Jan 2011
      CrossBrowserTesting
      https://crossbrowsertesting.com
      Screen Shots + Live Test
      Small monthly/yearly charge (150 min/month)
    • Cross-Browser Compatibility
      Reset.css (zero-out)
      http://developer.yahoo.com/yui/reset/
      May be a bit excessive
      99% Compatible
    • Page Load
      Page Load
      Average browser load of complete HTML page including all objects/components
      HTML
      CSS
      JavaScript
      RSS
      Flash
      Frames/iFrames
    • Page Load
      How Page Load is Measured
      Overhead
      Server
      Header
      Cookies
      Requests
      4-Part Process
      Start
      Connect
      First Byte
      Last Byte
    • Page Load
      Tools
      YSlow? Yahoo Developer Network
      FireFox Web Dev Plugin (also avail. on other browsers)
      https://addons.mozilla.org/en-US/firefox/addon/5369/
      No cost
      PingdomTools
      http://tools.pingdom.com
      No cost
    • Page Load
      YSlow for LTCFA
    • Page Load
      YSlow for beta.LTCFA
    • Page Load
      Pingdom for LTCFA
    • Page Load
      Pingdom for beta.LTCFA
    • The Take-aways
      Improve Internet user experience by
      Developing web sites and apps that look and feel and function in an increasingly similar form.
      Developing web sites that load as quickly as possible.