All Projects → denar90 → Sloth

denar90 / Sloth

Licence: mit
Sloth - an extension slowing down page loading to bring real user experience

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Sloth

Web Activity Time Tracker
Chrome Extension that tracks and limits time you spent on sites
Stars: ✭ 107 (-43.39%)
Mutual labels:  productivity, chrome-extension
Service Worker Detector
This extension detects if a website registers a Service Worker.
Stars: ✭ 124 (-34.39%)
Mutual labels:  devtools, chrome-extension
Termy
A terminal with autocomplete
Stars: ✭ 112 (-40.74%)
Mutual labels:  productivity, devtools
Yi Note
YiNote browser extension - online video note taking tool
Stars: ✭ 96 (-49.21%)
Mutual labels:  productivity, chrome-extension
Chromium Vim
Vim bindings for Google Chrome.
Stars: ✭ 2,150 (+1037.57%)
Mutual labels:  productivity, chrome-extension
Devtools Ds
UI components, libraries, and templates for building robust devtools experiences.
Stars: ✭ 105 (-44.44%)
Mutual labels:  devtools, chrome-extension
Network Plus
DevTools for network recording, modification and resending.
Stars: ✭ 122 (-35.45%)
Mutual labels:  devtools, chrome-extension
Youtube time tracker
Chrome Extension that tracks time you spent on Youtube.
Stars: ✭ 84 (-55.56%)
Mutual labels:  productivity, chrome-extension
Notionplus
Programming in Notion.so
Stars: ✭ 132 (-30.16%)
Mutual labels:  productivity, chrome-extension
Minimongoexplorer
Handy Google Chrome extension for reviewing MiniMongo.
Stars: ✭ 131 (-30.69%)
Mutual labels:  devtools, chrome-extension
Booklight
Your Chrome Alfred - An Extension to provide spotlight-like interface for your bookmarks
Stars: ✭ 98 (-48.15%)
Mutual labels:  productivity, chrome-extension
React Rewind
Time Travel Debugger for React useReducer
Stars: ✭ 159 (-15.87%)
Mutual labels:  devtools, chrome-extension
Redux Saga Devtools Extension
Chrome extension for Redux-Saga Devtools
Stars: ✭ 90 (-52.38%)
Mutual labels:  devtools, chrome-extension
Simplified Twitter
Remove distractions from the new Twitter layout. Extension for Chrome, Firefox, Safari, Edge & More
Stars: ✭ 111 (-41.27%)
Mutual labels:  productivity, chrome-extension
Pihole Browser Extension
Browser extension to control your pi-hole
Stars: ✭ 83 (-56.08%)
Mutual labels:  productivity, chrome-extension
Vertical Tabs Chrome Extension
A chrome extension that presents your tabs vertically. Problem solved.
Stars: ✭ 117 (-38.1%)
Mutual labels:  productivity, chrome-extension
F19n Obtrusive Livetest
A sandboxed, extendable testing chrome extension and framework! It runs pre-defined and custom tests on each page that you visit.
Stars: ✭ 53 (-71.96%)
Mutual labels:  devtools, chrome-extension
Apollo Client Devtools
Apollo Client browser developer tools.
Stars: ✭ 1,210 (+540.21%)
Mutual labels:  devtools, chrome-extension
Check It Out
A command line interface for Git Checkout. See branches available for checkout.
Stars: ✭ 127 (-32.8%)
Mutual labels:  productivity, devtools
Brotab
Control your browser's tabs from the command line
Stars: ✭ 137 (-27.51%)
Mutual labels:  productivity, chrome-extension

Sloth

An extension that slowing down network and CPU and makes you experience web page performance as your real users.

Do you think that users have fast device/connection as you as developer has?

No they are not. Their devices/connections are slow! Very slooow! Sloth makes you suffer browsing the web like your real users.


Recently asked questions

How it works?

Sloth uses Chrome Devtools Protocol to slow down connection and throttle CPU.

What are the conditions?

Sloth applies 4x CPU throttling and slowing down network to 1.6Mbps - for download, 750Kbps - for upload. Interested in optional configurations - take a part in issue discussion

Why do I need it while @chrome-devtools can do the same?

Yes and no. DevTools can do it for opened tab, but you have to do a lot of manipulations to apply throttling (open dev tools, open proper tab, apply throttling etc). This extension is for lazy people, you just press one button and all URLs with same origin will have throttling. Handy isn't it?


Development

After adding new permissions commands below has to be run.

# Create private key called key.pem
2>/dev/null openssl genrsa 2048 | openssl pkcs8 -topk8 -nocrypt -out key.pem

# Generate string to be used as "key" in manifest.json (outputs to stdout)
2>/dev/null openssl rsa -in key.pem -pubout -outform DER | openssl base64 -A

# Calculate extension ID (outputs to stdout). Should be added to URL to path to extention page, aka chrome-extension://new_generate_key/popup.html
2>/dev/null openssl rsa -in key.pem -pubout -outform DER |  shasum -a 256 | head -c32 | tr 0-9a-f a-p
 

Testing

Extension is tested using puppeteer. Token was generated to rich tested extension page. It's value stored in fixtures the same as fixture for manifest.json. All other files (background.js, popup.html, popup.js) are symlinks (./extension -> ./test/fixtures)

Note: to update symlink files run: ln -s "$(pwd)"/extension/* test/fixtures/

Demo

  • npm run run-regular-site-demo
  • open http://localhost:8000/
  • npm run run-throttled-site-demo
  • open pages http://localhost:8001/, http://localhost:8001/page-2.html and apply throttling with extension for them

Watch demo here

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].