E
dit
A
ttach
P
rintable
r18 - 2023-09-25 - 14:36:07 -
MichaelRowe
You are here:
TWiki
>
Deployment Web
>
DeploymentTroubleshooting
>
PerformanceTroubleshooting
>
BrowserPerformance
>
HowToHTTPWatch
<div id="header-title" style="padding: 10px 15px; border-width:1px; border-style:solid; border-color:#FFD28C; background-image: url(<nop>https://jazz.net/wiki/pub/Deployment/WebPreferences/TLASE.jpg); background-size: cover; font-size:120%"> ---+!! <img src="https://jazz.net/wiki/pub/Deployment/WebPreferences/uc.png" alt="uc.png" width="50" height="50" align="right"/> How to use HTTPWatch %DKGRAY% Authors: Main.StephanieBagot <br> Build basis: None %ENDCOLOR%</div></sticky> <!-- Page contents top of page on right hand side in box --> <sticky><div style="float:right; border-width:1px; border-style:solid; border-color:#DFDFDF; background-color:#F6F6F6; margin:0 0 15px 15px; padding: 0 15px 0 15px;"> %TOC{title="Page contents"}% </div></sticky> <sticky><div style="margin:15px;"></sticky> This analysis page will provide some instruction to using HTTPWatch in an effort to compare browser performance between Internet Explorer and Firefox. ---++ HTTPWatch [[http://www.httpwatch.com/][HTTPWatch]] allows one to inspect and monitor CSS, HTML, !JavaScript and Net requests in any web page. One particularly useful aspect of the tool for performance investigation is its ability to be installed in both Internet Explorer and Firefox. In our [[https://jazz.net/wiki/bin/view/Deployment/BrowserPerformance][Browser Performance]] example, we used the HTTPWatch output from both browsers to compare overall browser performance with a variety of user functions. Similar tools for Chrome include [[https://developers.google.com/chrome-developer-tools/][Chrome Developer Tools]], [[https://developers.google.com/web-toolkit/speedtracer/][Speed Tracer]] or [[http://www.fiddler2.com/fiddler2/][Fiddler]] but may not have the same exact capabilities. ---++How to use HTTPWatch HTTPWatch must be downloaded and installed into your browser. Follow the instructions on the [[http://www.httpwatch.com/download/][HTTPWatch Download site]] for details. For complete instructions on using HTTPWatch, navigate to the [[http://help.httpwatch.com/#introduction.html][HTTPWatch Help Documentation]]. Below are some basic instructions for using HTTPWatch. 1. Clear your Browser Cache (CTRL-SHIFT-DEL in both Firefox and Internet Explorer). <br> This will ensure that you are not loading pages from cache and the load times are accurate. 2. Start HTTPWatch by right clicking on the page and selecting 'HTTPWatch <edition>' such as 'HTTPWatch Basic'. 3. Click Record. 4. Load the web page. <br> This can be done by refreshing the page (if you are currently on it) or navigating to the page manually. This will cause multiple entries to be added to the output in the bottom half of your browser. ---+++ Saving HTTPWatch output The HTTPWatch output can be reviewed within the console in your browser, or can be saved and exported. For comparison purposes, it is useful to export as a CSV. <br>Below is a sample of a typical HTTPWatch output from both Firefox and Internet Explorer when loading www.ibm.com: <br><img src="%ATTACHURLPATH%/SampleHTTPWatchOutput.jpg" alt="SampleHTTPWatchOutput.jpg" width="414" /> <img src="%ATTACHURLPATH%/SampleHTTPWatchOutput-IE.jpg" alt="SampleHTTPWatchOutput-IE.jpg" width="414" /> ---++ Analyzing HTTPWatch output HTTPWatch output will show multiple columns: _Started, Page Title, Warnings, Comment, Time, Sent, Received, Method, Result, Type, URL_. <br>The columns which will be particularly useful in performance measurement are _Time, Method, Result, Type, and URL_. Below is a sample from the attached document that we will use to analyze the output. <br> <br>It may be useful to compare multiple HTTPWatch outputs over time from multiple users and/or browsers to get an overall picture of the performance in the environment. Keep in mind when comparing HTTPWatch outputs that there are many additional factors which may come into play resulting in the slow performance, some of which cannot be controlled (ie. different environments and configurations). ---++ What to do next? Once you have analyzed/compared and contrasted the HTTPWatch output, the information will help you to determine if the cause of the preformance degradation is related to the client browser (ie. when comparing browsers) or related to the user machine (ie. comparing different user outputs), or even if the overall server performance is not optimal. At this point, some of the information may only be for reference. <br>One possible solution would be to consider additional caching through a proxy. Keep in mind that the content type alone is not a good way to make a decision about caching, since the cachability of an HTTP response is defined by it's cache control headers, not the content type. Caching and proxy deployment should be a discussion with your Network Administrator and is beyond the scope of this wiki. <br> *NOTE:* The CLM applications have been optimized to load certain URLs and calls faster in more recent versions, so it is important to keep in mind if running HTTPWatch on older application versions that the performance may have increased on a newer release. Proper testing and analysis should be completed before upgrading a production to a newer version. ---+++++!! Related topics: * Still need help troubleshooting your performance issue? Refer to [[PerformanceTroubleshooting][Performance Troubleshooting]] for additional topics. ---+++++!! External links: * [[http://www.httpwatch.com/][HTTPWatch]] ---+++++!! Additional contributors: None <sticky></div></sticky>
E
dit
|
A
ttach
|
P
rintable
|
V
iew topic
|
Backlinks:
We
b
,
A
l
l Webs
|
H
istory
: r18
<
r17
<
r16
<
r15
<
r14
|
M
ore topic actions
Deployment
Deployment web
Planning and design
Installing and upgrading
Migrating and evolving
Integrating
Administering
Monitoring
Troubleshooting
Community information and contribution guidelines
Create new topic
Topic list
Search
Advanced search
Notify
RSS
Atom
Changes
Statistics
Web preferences
NOTE: Please use the Sandbox web for testing
Status icon key:
To do
Under construction
New
Updated
Constant change
None - stable page
Smaller versions of status icons for inline text:
Copyright © by IBM and non-IBM contributing authors. All material on this collaboration platform is the property of the contributing authors.
Contributions are governed by our
Terms of Use.
Please read the following
disclaimer
.
Dashboards and work items are no longer publicly available, so some links may be invalid. We now provide similar information through other means. Learn more
here
.