Internet speed testing application for your website?


OPTION #1 (Speed Test from Openspeedtest.com Server)


 You can use our FULLVERSION application for free!

   The same technology we using at openspeedtest.com will be used on this application. It is Free for personal and commercial use.

 How this works?

This application is an exact copy of openspeedtest.com & this will use our premium servers to test user line speed. You are adding this application as a widget on your webpage. Instead of sending your visitors to other websites for testing internet speed you can have this application on your website itself.


 Adding this widget on a responsive webpage?

This is an Example for adding this widget on a responsive webpage. Resize your browser window to see how it works for different screen sizes. Also you need to adjust the CSS values for a perfect fit on your design.


Live DEMO
For HTTP version of this application
Copy this HTML code.

For HTTPS version of this application
Copy this HTML code.
  

You can create a new page for this application or you can use it on existing page! application width is 755px and height is 490px. Paste our HTML code on your webpage!

FREE Hosted speedtest application (Become a Speedtest Host)


OPTION #2 (Speed Test from you own server!)


Same version of the Internet Speedtest tool we are using to tests network speeds. It is a quick and easy tool for testing the speed from your server. It can be used on connections up to 5Gbps. This speed testing application will use your server to test download and upload speed. We store each resuls to our database and a dedicated reporting system which shows you tests that have been performed via your server. Signup here to view results (Only for OPTION #2).
This Self-Hosted version is Free for personal and commercial use. You become one of our Speedtest Server.

Openspeedtest dashboard

Live DEMO
Install this application on your website.
Copy this HTML code.


 Adding this widget on a responsive webpage?

This is an Example for adding this widget on a responsive webpage. Resize your browser window to see how it works for different screen sizes. Also you need to adjust the CSS values for a perfect fit on your design.


 Guide to setup Self-Hosted speed test application for your server.
  

You can create a new page for this application or you can use it on existing page! application width is 755px and height is 490px. Paste our HTML code on your webpage!


Step 1)

Create a domain/subdomain for your server.


Step 2)

Create index.php (or a page from the same domain) file and paste our widget code.


Step 3)

Upload both files (File 1 & File 2) to your server and change the permissions to 755.


Step 4)

You need to make few changes on your server. Enable Cross-origin resource sharing with http://openspeedtest.com
Your server should accept 'GET, POST, OPTIONS' from "http://openspeedtest.com" & POST Content-Type:application/octet-stream, Content Length is dynamic. so server should accept POST content length of 35MB or more.



If your are using this app on speedtest.example.com. the files should be accessible form speedtest.example.com/downloading & speedtest.example.com/upload .


This is Nginx configuration.

 
fastcgi_read_timeout 360;
client_max_body_size 2000M;
location / {
    if ($http_origin) {
        add_header 'Access-Control-Allow-Origin' 'http://openspeedtest.com';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
         
          }
if ($request_method = OPTIONS ) {
        add_header Access-Control-Allow-Credentials "true";
        add_header 'Access-Control-Allow-Headers' 'Accept,Authorization,Cache-Control,Content-Type,DNT,If-Modified-Since,Keep-Alive,Origin,User-Agent,X-Mx-ReqToken,X-Requested-With';
        add_header Access-Control-Allow-Origin "http://openspeedtest.com";        
        add_header Access-Control-Allow-Methods "GET, POST, OPTIONS";
        return 204;
            }
        }

If your server is not Nginx you need to make similar configuration on your server


Setting CORS (cross-origin resource sharing) on Apache. Create .htaccess file with this config.

 
# Always set these headers.
Header always set Access-Control-Allow-Origin "http://openspeedtest.com"
Header always set Access-Control-Allow-Methods "POST, GET, OPTIONS"
Header always set Access-Control-Max-Age "1000"
Header always set Access-Control-Allow-Headers "x-requested-with, Content-Type, origin, authorization, accept, client-security-token"
 
# Added a rewrite to respond with a 200 SUCCESS on every OPTIONS request.
RewriteEngine On
RewriteCond %{REQUEST_METHOD} OPTIONS
RewriteRule ^(.*)$ $1 [R=200,L]
#Don't forget to activate the apache module headers a2enmod headers

Configuration for ubuntu server with apache2



1. Make sure you have the mod_headers Apache module installed. to do this check out /etc/apache2/mods-enabled/ and see if there’s a ‘headers.load’ in there. If there isn’t then just sudo ln -s /etc/apache2/mods-available/headers.load /etc/apache2/mods-enabled/headers.load



2. Add the Access-Control-Allow-Origin header to all HTTP responses.

go to /etc/apache2/sites-available/default file and add the folowing code under the <Directory> section of your configuration file.



 
Header always set Access-Control-Allow-Origin "http://openspeedtest.com"
Header always set Access-Control-Allow-Methods "POST, GET, OPTIONS"
Header always set Access-Control-Max-Age "1000"
Header always set Access-Control-Allow-Headers "x-requested-with, Content-Type, origin, authorization, accept, client-security-token"

3. Reload apache server.

 
sudo /etc/init.d/apache2 reload

Please Send Us Your Feedback @openspeedtest or support@openspeedtest.com





Useful Links


FAQs

About us

Contact us

Please Be Our Friend

Subscribe For...

Subscribe to our newsletter and get exclusive broadband deals you wont find anywhere else straight to your inbox!