A library which will contain helper functions for boosting our application's performance.
npm install @mehmetsefabalik/webperf-helper
import { handle } from "@mehmetsefabalik/webperf-helper/dist/network"
- Clone
git clone https://github.com/mehmetsefabalik/webperf-helper.git
- Install Dependencies
npm i
- Bundle
npx webpack
Now you can use ./dist/network.js
file as you want, for example upload it to a CDN and use it as <script src="yourCdnPath/network.js"></script>
The script will detect the device's network status, and set the network status as network-status
cookie, so you can look at the cookie to determine device's network status either on client-side and server-side.
Network module contains helper functions to detect, store, read device's network status. We can use this information for adaptive loading.
import { handle } from "@mehmetsefabalik/webperf-helper/dist/network"
handle();
Detects the device's network status and sets it as network-status
cookie.
import { networkStatus } from "@mehmetsefabalik/webperf-helper/dist/network"
const status = networkStatus();
Returns the device's network status.
import { getNetworkStatusCookie } from "@mehmetsefabalik/webperf-helper/dist/network"
const status = getNetworkStatusCookie();
Returns the network-status
cookie.