How do I Throttle BrowserSync's speed?
How can I configure BrowserSync (from its API) to serve up content at a slower rate?
Ideally I'd like to be able to serve only certain files at the throttled rate, so when developing, localhost/index.html loads fast and localhost/dummyData.json loads slowly, so I can effectively demo loading states while developing web apps that decouple data and presentation.
Solution
- start browser-sync:
browser-sync start --server --files "src/*.*" - open the browser-sync UI (e.g. http://localhost:3001/) and go to "Network Throttle"
- select "Speed", then "Create Server"
- Use the new server instance which is now running at the defined speed
HINT:
You can run multiple throttled server instances an the same time - eg. to simulate CDN behavior (where the fastest wins)
You can also simulate latency! Have a look at the bs-latency Plugin ...
- What does "npm:" prefix in dependency section in package.json mean?
- NextJS NodeJS multi processes
- How to decode Image with multiple QR images in Javascript
- AWS elastic Beanstalk / nginx : connect() failed (111: Connection refused
- Getting ReferenceError: readFile is not defined
- Problem with permissions during deployment firebase cloud function v2
- Mock Multer for multiple tests (vitest and Typescript)
- AWS ECS exec /usr/local/bin/docker-entrypoint.sh: exec format error
- How can I delete folder on S3 with Node.js?
- Error: Could not find matching close tag for "<%="
- Lib working in netlify dev, in netlify preview PR but not in production (Nuxt)
- Internal Error: EACCES: permission denied, symlink '../lib/node_modules/corepack/dist/pnpm.js' -> '/usr/local/bin/pnpm'
- How to loop through result in sequelize
- Programmatic Webpack & Jest (ESM): can't resolve module without '.js' file extension
- Get current URL of browser
- Error building nextjs app on docker but not locally
- name can only contain URL-friendly characters
- Node cannot find module "fs" when using webpack
- Running rs.status() throws BSONError: Invalid UTF-8 string in BSON document in mongosh
- Cannot POST / error using express
- Using multer and express with typescript
- Neo4J always defaults NodeJS numbers as float when using parametrized queries
- I'm getting this error during connecting mongoose to nodejs
- Fs.readFile on FTP server
- How do I uninstall a package installed using npm link?
- How To Fix "Lexical declaration cannot appear in a single-statement context"
- Angular 18 error after update:An unhandled exception occurred: (0 , os_1.availableParallelism) is not a function
- Create a modular npm package
- React + Material-UI - Warning: Prop className did not match
- What could cause an error related to npm not being able to find a file? No contents in my node_modules subfolder. Why is that?