Sauce Labs and BlazeMeter teamed up for an awesome webinar, giving step-by-step instructions on how to get real-world results from your front end while applying load to the backend.
1. Back-End & Front-End Testing
How To Combine Back-End
& Front-End Testing
With BlazeMeter & Sauce Labs
Ophir Prusak
VP Customer Success
BlazeMeter
Michael Sage
Principal Technology Evangelist
Sauce Labs
BlazeMeter.com | SauceLabs.com
2. Back-End & Front-End Testing
Agenda
!
Back End vs. Front End Testing
Front End Test Live Demo (Sauce Labs & Selenium)
Understanding How JMeter Works
Back End Test Live Demo (BlazeMeter & JMeter)
Using Continuous Integration & APM Plugins
The 3 Things you Need to Know about Performance Testing
Q&A
BlazeMeter.com | SauceLabs.com
3. Back-End & Front-End Testing
What is Back-End vs Front-End?
!
Back-End Components
- Network, Load Balancer, Web Server, Database, API, “Servers”
!
Front-End Examples
- Web Browser, Mobile App, Network Enabled Software or Devices
BlazeMeter.com | SauceLabs.com
4. Back-End & Front-End Testing
!
Front-End vs Back-End Testing - Browser Example
BlazeMeter.com | SauceLabs.com
!
User User Interaction Browser Internet “Server”
Enter URL
Click on Link
Enter Form Data
Submit Form
Buttons
Form Fields
JavaScript
HTTP Get / Post
Response Codes
Cookies
Request Headers
User Agents
URL Encoding
Form Data
5. Back-End & Front-End Testing
!
Front-End vs Back-End Testing: Browser Example
BlazeMeter.com | SauceLabs.com
!
User User Interaction Browser Internet “Server”
Selenium JMeter
6. Back-End & Front-End Testing
Why do we test?
To make sure everyone always has a good user experience
!
Front-End
- Did it work? What did it look like? And on every Device/OS/Browser?
!
Back-End
- Did it work? What were the Response Times? And with 10,000 users?
BlazeMeter.com | SauceLabs.com
7. Back-End & Front-End Testing
Front End Test Example
Sauce Labs & Selenium
BlazeMeter.com | SauceLabs.com
8. Back-End & Front-End Testing
What is Performance Testing?
!
Business Need
Ensure a good user experience (fast & error free) under any user load
!
How
- Create the load (virtual users on your site)
- Measure the user experience (response times, error rates, etc)
BlazeMeter.com | SauceLabs.com
9. Back-End & Front-End Testing
BlazeMeter.com | SauceLabs.com
Selenium vs JMeter
!
How does a browser work?
- Go to URL
- Server Responds (here is your HTML, images, etc)
- Browser Parses response and Executes JS
- Enter Data in Forms and/or Click on Buttons
Repeat
10. Back-End & Front-End Testing
BlazeMeter.com | SauceLabs.com
Selenium vs JMeter
!
How does JMeter work?
- JMeter sends a request (HTTP Request)
- Server responds (here is your HTML, images, etc)
- JMeter parses response (optional) and executes JS
Repeat
11. Back-End & Front-End Testing
Example Results
!
Can my site handle 1,000 concurrent users?
BlazeMeter.com | SauceLabs.com
12. Back-End & Front-End Testing
BlazeMeter.com | SauceLabs.com
JMeter Example
!
Record
Playback (Create Load)
Reporting
13. Back-End & Front-End Testing
Using Jenkins for Continuous Integration
BlazeMeter.com | SauceLabs.com
!
14. Back-End & Front-End Testing
Using New Relic for Application Performance Monitoring
BlazeMeter.com | SauceLabs.com
!
!
!
Server KPIs
!
15. Back-End & Front-End Testing
Using New Relic for Application Performance Monitoring
BlazeMeter.com | SauceLabs.com
!
!
!
JMeter KPIs
!
16. Back-End & Front-End Testing
BlazeMeter.com | SauceLabs.com
!
Three Things You Need To Know
About Performance Testing
!
1. Find Your Bending and Breaking Points
2. Test in Production
3. Test Frontend AND Backend
17. Back-End & Front-End Testing
Come visit us at
FutureStack 2014
Oct 8 & 9 in San Francisco
BlazeMeter.com | SauceLabs.com
18. Back-End & Front-End Testing
Q&A
BlazeMeter.com | SauceLabs.com
!
Coupon Codes
BMSL14
10% Off any BlazeMeter Subscription
!
try_sauce
2 Months free of Sauce Labs Individual plan ($138 value)