Detect Internet Speed In Vue - Identify Network

Install & Download:

# NPM
$ npm install vue-identify-network --save

Description:

Identify Network is a small internet speed test tool to detect how fast your connection is on the application.

How to use it:

1. Install and import the Identify Network.

import DetectedSpeed from 'vue-identify-network';

2. Register the component.

export default {
  ...
  components: {
    DetectedSpeed,
    ...
  },
  ...
};

3. Add the DetectedSpeed component to the template.

<template>
  <detected-speed>
    <span slot="unknown">
      Unable to identify your network type.
    </span>
    <span slot="slow">
      You got slow internet
    </span>
    <span slot="fast">
      You got fast internet
    </span>
  </detected-speed>
</template>