https://github.com/dasx10/lezy-css
Splitting media queries and lazy loading in parts from a viewport
https://github.com/dasx10/lezy-css
css desctop front-end lazy lazy-load load media mobile mq optimisation query responsive retina split web
Last synced: 8 days ago
JSON representation
Splitting media queries and lazy loading in parts from a viewport
- Host: GitHub
- URL: https://github.com/dasx10/lezy-css
- Owner: dasx10
- Created: 2020-10-05T12:07:09.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2021-02-01T09:53:45.000Z (over 4 years ago)
- Last Synced: 2025-02-24T22:49:07.281Z (8 months ago)
- Topics: css, desctop, front-end, lazy, lazy-load, load, media, mobile, mq, optimisation, query, responsive, retina, split, web
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/lezy-css
- Size: 67.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# lezy-css
Splitting media queries and lazy loading in parts from a viewport
We strongly recommend that you take a critical css approach and then use lazy loading of the styles that the console will prompt you.
This approach also works very well with http2.
Which sometimes allows you to achieve an increase in the rendering speed of more than 2 times.
## install
```
npm i lezy-css
```
## use
example
Create file and write operation
```
const lezyCss = require('lezy-css');
lezyCss('style.css','./dist');
```
params
```
first - input file
second - output result
```
Then a split style folder will be created. Console will tell you how to use it.
If an error occurred while uploading files, pay attention to the paths.