Tag: web development

Daring Fireball: Rethinking What We Mean by ‘Mobile Web’

Daring Fireball: Rethinking What We Mean by ‘Mobile Web’

We shouldn’t think of “the web” as only what renders in web browsers. We should think of the web as anything transmitted using HTTP and HTTPS. Apps and websites are peers, not competitors. They’re all just clients to the same services.

Online HAR viewer

HTTP Archive Viewer – a handy tool for troubleshooting web pages.  Here is how to use it:

  1. Open Google Chrome browser (new tab).
  2. Press F12 to open Developer Tools.
  3. Switch to Network tab.
  4. Load any page in the tab.
  5. Right-click anywhere over network requests to get a menu.
  6. Select ‘Save as HAR with content’.
  7. Choose the location for the HAR file.

Now you can drag-n-drop this file into the HTTP Archive Viewer and study how the page loaded, which requests were made, how much time was spent and how it was spent.  This is particularly useful for the following scenarios:

  1. You are about to make some changes to your site, and you want to compare ‘before’ and ‘after’.
  2. You are troubleshooting a session of a non-technical user, who can’t provide you access to his desktop environment.