1 minute read
With WebTechResources.com you can discover and share new resources, tech tools, products every day. You can find the best tools in every category sorted by number of views, votes, comments.
Compare your favourite tech resources with other resources in the same category, and find the best tool for your company.
Here are some interesting categories that you can check regularly:
WebTechResources.com – Find best tech resources everyday, sorted by people like you, ready to select and use.
Note: More than 2,000 companies test their Websites and APIs with LoadFocus. Join today. 2 minutes read
Do you have an idea how does your website behave when you send a 10k emails campaign. Is it going to be UP, DOWN, how is the overall user experience going to be?
LoadFocus is an All-In-One cloud testing platform for Load Testing and performance testing. It also provides other cloud testing services like Website Speed Testing, Automated Website Testing for Websites, Mobile Applications and APIs and Mobile Emulation on Mobile Devices.
All the services provided are useful in order to find website performance bottleneck and try to improve the overall performance of your website.
LoadFocus runs in the browser, so no need to install anything. You can run tests from multiple locations around the world for a better and more realistic results.
You can configure your load tests by duration to identify application behaviour when x clients connect on the app in parallel over a period of time, or by number of repeats to inspect application behaviour when x clients connect for x times on your application.
Live load test results help you understand the behaviour of your application in real-time, and hints on current results are displayed in order to understand how to continue with the next load test.
For every load test you can inspect Response Time, Latency, Hits/second, Throughput/second, Standard Deviation, Percentiles 50th, 90th, 99th, which represent the most useful load testing and performance testing metrics.
For errors and response codes, charts are displayed with useful information to understand when these errors occurred, and have a better perception on how should you tweak your load tests in order to discover the exact scenarios that are breaking your application.
For a better integration with your CI you can use the Free Cloud Website and API Load Testing Chrome extension for creating and running free website and API load tests and speed tests.
More than 2,000 companies test their Websites and APIs with LoadFocus. Join today. 1 minute read
Here is the list with some of the best screenshot comparison tools:
LoadFocus Screenshot Comparison – Free online screenshot tool to generate and compare screenshots of two websites
PhantomCSS – Visual/CSS regression testing with PhantomJS
WebdriverCSS – Regression testing tool for WebdriverIO
Wraith – Wraith — A responsive screenshot comparison tool
Huxley – A testing system for catching visual regressions in Web applications.
ImageMagick – ImageMagick Image Comparing
Blink-Diff – A lightweight image comparison tool
If you are using any other screenshot comparison tool, please comment to this post and we’ll keep the list updated.
LoadFocus is an All-In-One cloud testing platform for Load Testing and performance testing, Website Speed Testing, Automated Website Testing for Websites, Mobile Applications and APIs and Mobile Emulation on Mobile Devices.
1 minute read
There are quite a few applications on the market that help you to make a screenshot of your application, capture the screen of your mobile or make a recording of your iPhone application.
These recording tools allow to record the screen of your mobile phone while using your application. This use case is very important when you want to demo an application to the product owners or to your clients. Some of these tools are Reflector 2 or X-Mirage.
The only bad part about these tools is that they are not free. We found another option to all these paid screen capturing/recording tools, an this option is totally free.
Below are the steps for taking a screenshot or for making a recording of your iPhone screen while using the application:
- Connect your iPhone to your Mac using the cable that comes with your phone
- Open QuickTime Player
- by pressing Cmd + Space on your keyboard and typing “QuickTime”
- by going to Applications folder and double clicking “QuickTime“
- Click on File -> New Movie Recording
- A new screen will appear and by default will try to record from your laptop camera
- On the drop down that appears on the new screen, select the name of your device
- Your mobile screen should appear on the laptop screen and you can click Record to start recording your video
1 minute read
In order to find out how does your application / website behave, there are a number of steps that you have to follow which will give you a better understanding of the current performance state of your website / application.
Usually, you can keep a customers interested if your website’s speed is good enough and each page of your application loads in less than 3 seconds. If it’s more than 3 seconds, we suggest trying to find where your bottlenecks can be.
Here are some tools which will help you get started in order to measure the speed of your site and find bottlenecks:
- allows you to stress test your web apps & APIs with thousands of concurrent connections.
- run performance tests against websites, micro-services and APIs.
- run the site speed test from various test locations
- analyses the content of a web page, then generates suggestions to make that page faster.
More details on how to use open source tools like Apache JMeter in order to run a load test and find potential bottlenecks. 3 minutes read
Why would I want to investigate the traffic that is made from a native iOS application ?
There are several reasons for which you would like to be able to see which are the requests a native application is making to the server side:
– to debug an issue that is happening in the application when you don’t have access to the server logs
– to check how the application is built in terms of the APIs that they are calling
– to check the security of an application
– to retry and make the same requests manually or automatically from an automation framework
– more details on how to debug native and HTML5 apps
How can I debug the traffic coming from a native application ?
The answer is very simple. All you need for being able to inspect the traffic is:
– have access to a WiFi network where both a laptop and the device that has the application are connected
– install an application called “Charles Web Debugging Proxy”
How to configure the iPhone device so that the traffic appears in Charles ?
There are a few steps that you need to do to get to the point where you can see the traffic in Charles.
1. First find the IP address of the laptop where you installed Charles. You can find that pretty easily by using the
following commands from the terminal:
"ifconfig" for Linux/MacOS
"ipconfig" for Windows
2. Go to the iPhone device to Settings -> Wi-Fi. Click on the blue disclosure arrow to configure the network.
3. Scroll down until you get to the HTTP Proxy session. In there enter the IP of the laptop in the Server section, port 8888 in the Port section and leave Authentication Off.
4. Now open an application from you iPhone, for example Instagram.
5. You should see a prompt in Charles when you first make a connection from the iPhone, asking you to allow the traffic.
6. Now you will be able to see the traffic that is coming from your iPhone in Charles.
7. Remember to disable the HTTP Proxy in your Settings when you stop using Charles, otherwise you’ll get random network failures in your applications!
How can I see what is sent in the request that are made over https ?
For being able to see the content of the requests made over Https you need to follow the below steps:
1. On your iPhone, after you have set up Charles as proxy, open Safari and browse to http://www.charlesproxy.com/getssl. Safari will prompt you to install the SSL certificate.
3. Now you should be able to access SSL websites with Charles using SSL Proxying.
4. Go into Charles at Proxy -> SSL Proxying Settings and add the host of the call that you want to see the content for.
In our case the host is i.instagram.com and the port is 443.
5. Now go back to the iPhone and open the application again, in our case Instagram.
Now the traffic that is coming from the application will be shown as decrypted in Charles.
Hope this will help you debug your native applications more easily. 3 minutes read
Here is how to use Apache JMeter’s WebDriver Sampler to load test the UI of the application, and by the UI, I mean load test a user’s workflow, with entering the web pages, clicking on different links etc.
All you have to do is install the JMeter plugins and make use of the WebDriver Config and WebDriver Sampler plugins which will offer this capability.
Let’s go into more detail and see how to load test an app with Apache JMeter’s WebDriver Sampler.
Here are the steps to Load Test the UI:
- the token variable is previously generate by an HTTP POST request
- imagine the scenario where you first have to authenticate in order to access a webpage, this is what we do
- generate a token with an HTTP POST request
- extract the token from the HTTP POST response
- open the webpage with the token as a query parameter and monitor the load time
- add an Aggregate Report in order to measure the load testing metrics like number of samples, response times, errors, throughput
- add the Listeners from the JMeter Plugins: Response Times Over Time, Hits per Second and Active Threads Over Time to better understand the behaviour of your application while running the load test of the UI
Run the test at the beginning with only 1 thread in parallel, to create the baseline. The you can increase the number of threads (parallel users) to find performance bottlenecks. Here are more details on performance testing vs load testing.
Hope this helps.