Selenium dynatrace integration – Draft

http://selenium.polteq.com/en/using-dynatrace-to-measure-the-performance/

Dynatrace Browser Agent(extension) Environment Variables setting (need dynatrace account registration): https://apmcommunity.compuware.com/community/display/AJAXFORUM/Automation+with+dynaTrace+AJAX+Edition?focusedCommentId=28607199

Excerpt below

====

Activation of the dynaTrace AJAX Agent (valid for Ajax Edition 3.x)

The dynaTrace AJAX Agent can be configured via environment variables. These variables are checked when the Agent is loaded by IE or FF and they allow you to control activation, session name and connectivity.

Env-Variable Description
DT_AE_AGENTACTIVE true=Activates Agent
DT_AE_AGENTNAME Name of the recorded session, e.g.: TestRun1234. Default: Visitied URL plus a timestamp.
DT_AE_SERVER (optional) Allows you to connect to a dynaTrace AJAX Client on a different port (only localhost connections are allowed). Default: localhost:9988
DT_AE_CLEARCACHE (optional) Allows you to clear the browser cache before browsing through your sites. Default: false
DT_AE_STARTURL (optional) Allows you to specify an initial Start Url. Default: about:blank

Activation of the dynaTrace AJAX Agent (valid for Ajax Edition 2.x)

The dynaTrace AJAX Agent can be configured via environment variables. These variables are checked when the Agent is loaded by IE and they allow you to control activation, session name and connectivity.

Env-Variable Description
DT_IE_AGENT_ACTIVE true=Activates Agent
DT_IE_SESSION_NAME Name of the recorded session, e.g.: TestRun1234. Default: Visitied URL plus a timestamp.
DT_IE_SERVER_HOST (optional) Allows you to connect to a dynaTrace AJAX Client on a different machine. Default: localhost
DT_IE_SERVER_PORT (optional) Allows you to connect to a dynaTrace AJAX Client on a different port. Default: 9988
DT_IE_CLEAR_CACHE (optional) Allows you to clear the browser cache before browsing through your sites. Default: false

Dynatrace integration with showslow(it can be your own API endpoint)

http://blog.dynatrace.com/2010/10/30/web-performance-optimization-use-cases-part-3-automation/

Eclipse Java, Selenium, Dynatrace integration

http://selenium.polteq.com/en/using-dynatrace-to-measure-the-performance/

Selenium Dynatrace BrowserMob integration

http://blog.dynatrace.com/2009/08/07/seleniumbrowsermob-integration-with-dynatrace/

Selenium Dynatrace : How to use your Selenium Tests for automated JavaScript/AJAX Performance Analysis

http://blog.dynatrace.com/2010/05/21/how-to-use-your-selenium-tests-for-automated-javascriptajax-performance-analysis/

Dynatrace Showslow integration

http://blog.dynatrace.com/2011/01/05/5-steps-to-setup-showslow-as-web-performance-repository-for-dynatrace-data/

Advertisements

CSSLint – In Draft

http://csslint.net/

CLI : https://github.com/stubbornella/csslint/wiki/Command-line-interface

Wiki : https://github.com/stubbornella/csslint/wiki

RuleSets : https://github.com/stubbornella/csslint/wiki/Rules

Mobile Website Performance Optimization – 15 awesome slideshows

http://econsultancy.com/in/blog/10506-15-awesome-mobile-website-performance-optimization-slideshows

CSSEMBED for adding the image data(base64) into CSS itself – Draft

https://github.com/nzakas/cssembed/wiki

Setting-up webpagetest private instance — In Draft

Webpagetest setup has two components

  1. Web Server (Can be Windows/Linux machine)
  2. Agent (Only Windows machine)

Both of these components can be run on single windows machine or split across machines

Webserver Setup

  1. Download and install Visual C++ 2010 SP1 Redistributable Package x86
  2. DOWNLOAD and install WAMPSERVER (32 BITS & PHP 5.3) 2.2E
    • www.wampserver.com/en
      • After the successful installation you should see the green ‘W’ icon in the system tray
      • Enable the rewrite_module –> This is required for video comparision and traceroute functionalities(urls)
        • This can be done by clicking on the ‘W’ system tray icon , selecting apache and extensions, and then select rewrite_module
  3. download ffmpeg from ffmpeg.zeranoe.com/builds/
    • Extract the zip file with winrar/7zip
    • Point the system ‘path’ variable to the directory containing ffmpeg executables
  4. Download the webpagetest 2.7 zip file
    • http://webpagetest.googlecode.com/files/webpagetest_2.7.2.zip
      • Unzip the webpagetest_2.7.2.zip and copy the www directory into the WAMP ‘www’ directory and rename as webpagetest
      • Update the httpd.conf

        Set the directory options to the following
        <Directory c:/performance/wamp/www/webpagetest>
        AllowOverride all
        Order allow,deny
        allow from all
        </Directory>
    • Set root directory to c:/performance/wamp/www/webpagetest, as all the references of webpagetest expect this to be root directory(for example CSS and JS files are expected under root directory)
      DocumentRoot "c:/performance/wamp/www/webpagetest"
  5. Setup the Location configurations as per : https://sites.google.com/a/webpagetest.org/docs/private-instances/locations

Agent Setup

  1. Copy the agent folder(of webpagetest_2.7.2.zip)

IOS Mobile Agent Setup

  1. http://andydavies.me/blog/2013/03/05/adding-ios-test-agents-to-a-webpagetest-instance/

References :

  1. Webpagetest Prviate instances doc