bs-latency

Add artificial latency to defined routes.

Usage no npm install needed!

<script type="module">
  import bsLatency from 'https://cdn.skypack.dev/bs-latency';
</script>

README

bs-latency

Add artificial latency to defined routes.

Install

npm i browser-sync bs-latency

Usage

var bs = require('browser-sync').create();

bs.init({
    server: './app',
    plugins: ['bs-latency']
});

Now access the Plugins section of the UI (address given in the console) & you'll be presented with:

bs-latency

Why use this over the Network Throttle in Browsersync?

Network throttle is a site-wide setting, but sometime you just want to simulate a slow response for certain assets/urls. For example, when developing a gallery feature for a website & you're trying to nail the loading animations and 'waiting' states, it can be helpful to add a short delay to the image request.

Pre-defines routes.

You can add/edit routes in the 'Plugins' section of the UI, but if you want to always begin with some pre-defined ones, configure it like this.

var bs = require('browser-sync').create();

bs.init({
    server:  './app',
    plugins: [{
        module: 'bs-latency',
        options: {
            routes: [
                {
                    route: '/json',
                    latency: 5000,
                    active: true
                }
            ]
        }
    }]
});