
Test web sites with real browsers and simulate user connectivity to collect speed metrics. Analyze how pages are built and provide feedback to speed end-user experiences, while tracking changes.
Open Git Account
Configure Git on local machine
Able to clone project from Gitlab
Install Sitespeed.io and its dependencies, set up environment variables, and prepare the tooling, including browser time, to successfully run performance tests.
Able to write sample test case in JavaScript
Measure and monitor the performance of multiple webpages using Sitespeed. Execute test cases on Firefox or Safari to generate performance reports.
Analyze asset performance by reviewing site speed reports, focusing on images, JavaScript, and stylesheets across two pages, and consider cache control and last-modified hints to reduce server requests.
Analyze largest files and slowest responses using sitespeed in headless Chrome, identify the largest JavaScript file, the largest image, and the slowest page, and interpret network transfer and size data.
Analyze domain performance by examining DNS lookup, connect time, and SSL handshake. Measure total response time for domain requests and review timings for domains like wikipedia.org, totaling around 220 milliseconds.
Analyze web page performance with Sitespeed, generate a detailed report, review the overall performance score and accessibility and best practices scores, and share findings with stakeholders to identify issues.
Analyze page performance with sitespeed to extract detailed metrics and a concise summary. Generate automated reports, prioritize critical violations, and share findings with stakeholders to guide release decisions.
Explore the meaning of context in web test automation by examining how information is parsed across multiple scripts and how a browser interacts with scripts during Sitespeed workflows.
Learn to write a Selenium WebDriver script that navigates to a website, clicks a menu button using XPath and actions, and measures page performance.
Learn to write a script that navigates a web page and measures performance without Selenium, using Sitespeed, XPath expressions, and Firefox.
Automate a website login with a script that enters credentials, waits for elements, and clicks login, while measuring performance across browsers using Sitespeed.
Learn to use environment variables to store sensitive data like usernames and passwords in a web performance test pipeline, keeping secrets out of code and results.
Learn to pass real-time performance data to an InfluxDB database during test execution, store it for live dashboards, and interpret the stored results.
Create and initialize a database via a command line interface to store and query web performance test results, including inserting data into the database.
Set up a Grafana dashboard to visualize web performance results by configuring an InfluxDB data source, importing a ready-made dashboard, and sharing live metrics with stakeholders.
Establish a git-driven pipeline that runs continuous integration using environment variables, runners, and docker images, executing scripts to measure web page performance and generate downloadable artifacts.
Apply a basic governance framework to detect browser performance defects, speed index issues, and security and accessibility concerns, and share actionable reports with stakeholders, managers, and developers.
Identify sporadic failures in UI element identification during web performance test automation with Sitespeed. Close browser instances before tests and ensure proper navigation and element interactions for reliable measurements.
Execute a test script inside Docker by controlling browser instances, closing running Chrome or Firefox to troubleshoot sporadic failures, start measurements, and generate performance reports.
Learn to set up docker on an Amazon EC2 instance, update and upgrade apt packages, install dependencies, and configure permissions as part of web performance test automation using Sitespeed.
Install the graphite database by running the installation command, download the image from Tokoroa, and verify the container is up and running.
Install Grafana to power the dashboard, install Graphite as a backend, start services, and verify Grafana and Graphite are running with default credentials.
Link graphite to grafana by creating a graphite datasource in grafana and importing a prebuilt dashboard in json to visualize performance metrics from graphite for web test automation.
Install Sitespeed and run a docker-based test to measure web performance across wiki and google. Collect metrics and logs, review results in the dashboard, and adjust firewall settings as needed.
Execute a web performance test automation with Sitespeed to analyze page metrics such as CPU, local storage, and JavaScript size, troubleshoot parameter configurations, and adjust test inputs to improve results.
We will learn automated performance testing using Sitespeedio to measure the performance of web pages
Analyze how your page is built and give feedback on how you can make it faster for the end-user.
Design simple JavaScript test cases to test web sites using real browsers, simulating real user connectivity and collect important metrics like the speed of web pages
Collect and keep data on how your pages are built so you can easily track changes.
Running in your continuous integration to find web performance regressions early
Monitoring your performance in production, alerting on regressions.
Course Content
Create a project in Git and clone the same
Install Sitespeedio dependencies
Write Simple JavaScript file to test web pages
Write Simple Java Script file with Selenium web driver to measure web page performance
Learn various commands to execute test cases on various browsers like Chrome, Firefox
Design Git Pipeline and generate test artifact (continuous integration)
Setup environment variables and execute test scripts
Setup InfluxDB to store performance test results
Setup Interactive performance dashboard with the help of Grafana
Measure performance, accessibility, and best practices score from the Coach
Important Note
This is part 1 of the training. It's very basic. We will learn simple techniques to do browser-based performance testing. You can easily learn and apply the techniques in your projects. We expect that you explore more and learn while designing scripts.
Random Clicks
You will find this section inside the course curriculum. It contains random thoughts, more examples, troubleshooting, some audio clips. While uploading this training, I have observed that I need to cover a few things in more depth. So, I thought to record a new Video and upload inside the Random Clicks section.
Connect with me through Udemy dashboard/ My website / Facebook page