I am currently improving the speed of the web page made with next.js. Google tells me to remove resources that block rendering.

In the current _document.js,

<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.css"
media="screen"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.css"
media="screen"
/>

I'm using the code like this. I heard that specifying the media attribute will solves it, so I applied it, but it doesn't solve it.

How do I eliminate rendering resources CSS (react-slick)?