Add artificial latency to defined routes.
npm i browser-sync bs-latency
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:
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.
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
}
]
}
}]
});