CSS Analyser

Original Size: 63116
BootCSS Size: 1852 (2.93%)

*{box-sizing:border-box;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}body,html{height:100%}body{background:url(/me/background.png) 50%/cover no-repeat #ddd;-webkit-transition:background-color .2s;transition:background-color .2s;margin:0}body>div{font-family:Roboto,Helvetica Neue,sans-serif}.LoadingConfig_wrapper__2rk28{background:#fff}.LoadingConfig_wrapper__2rk28,.LoadingConfig_wrapper__2rk28 .LoadingConfig_content__3VVYR{position:fixed;top:0;left:0;height:100%;width:100%;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;text-align:center}.LoadingConfig_wrapper__2rk28-appear{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}.LoadingConfig_wrapper__2rk28 .LoadingConfig_content__3VVYR>:not(:first-child){margin-top:10px}.LoadingConfig_wrapper__2rk28-appear-active{-webkit-transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,transform .25s,-webkit-transform .25s}.LoadingConfig_wrapper__2rk28-appear-active,.LoadingConfig_wrapper__2rk28-exit{-webkit-transform:scale(1);transform:scale(1);opacity:1}.MuiCircularProgress-root{display:inline-block}.MuiCircularProgress-indeterminate{animation:1.4s linear infinite MuiCircularProgress-keyframes-circular-rotate}.MuiCircularProgress-colorPrimary{color:#ff9800}.MuiCircularProgress-svg{display:block}.MuiCircularProgress-circle{stroke:currentColor}.MuiCircularProgress-circleIndeterminate{animation:1.4s ease-in-out infinite MuiCircularProgress-keyframes-circular-dash;stroke-dasharray:80px,200px;stroke-dashoffset:0}.MuiTypography-root{margin:0}.MuiTypography-button{font-size:.875rem;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:500;line-height:1.75;letter-spacing:.02857em;text-transform:uppercase}html{line-height:1.15;-webkit-text-size-adjust:100%}

You can inline the BootCSS and defer the rest of your stylesheets.

See the Google PageSpeed Insights Guide to Optimizing CSS Delivery for example code or check out our quick tutorial.

styleSheetId: 1000020215.0
sourceURL: https://fonts.googleapis.com/icon?family=Material+Icons
origin: regular
disabled: false
isInline: false
length: 568

styleSheetId: 1000020215.1
sourceURL: https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap
origin: regular
disabled: false
isInline: false
length: 7258

styleSheetId: 1000020215.2
sourceURL: https://www.hadithya.com/me/static/css/2.92e790c5.chunk.css
origin: regular
disabled: false
isInline: false
length: 17413

styleSheetId: 1000020215.3
sourceURL: https://www.hadithya.com/me/static/css/main.c8818f17.chunk.css
origin: regular
disabled: false
isInline: false
length: 33079

styleSheetId: 1000020215.4
sourceURL:
origin: regular
disabled: false
isInline: false
length: 3536

styleSheetId: 1000020215.5
sourceURL:
origin: regular
disabled: false
isInline: false
length: 1262