--- title: How to increase CSS-in-JS performance by 175x | daily.dev description: How to increase CSS-in-JS performance by 175x. How to make your existing styling more dynamic by making your static styling more static. Using HOC wrappers... canonical: https://daily.dev/posts/how-to-increase-css-in-js-performance-by-175x-96ntq6thl twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: How to increase CSS-in-JS performance by 175x | daily.dev og:description: How to increase CSS-in-JS performance by 175x. How to make your existing styling more dynamic by making your static styling more static. Using HOC wrappers... og:url: https://daily.dev/posts/how-to-increase-css-in-js-performance-by-175x-96ntq6thl og:image: https://api.daily.dev/og/posts/96ntq6tHl.png og:image:alt: How to increase CSS-in-JS performance by 175x og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # How to increase CSS-in-JS performance by 175x **[ITNEXT](https://daily.dev/sources/itnext)** · 7 min read · 21 upvotes · 2 comments ## Summary How to increase CSS-in-JS performance by 175x. How to make your existing styling more dynamic by making your static styling more static. Using HOC wrappers instead of litters for your application with HOCs. Using CSS Variables instead of namespaced classes. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@grand3irmao** · 1 upvotes > Just why? why someone will use css-in-js? The code is overwhelming, the performance has issues (that's why this posts exists), so why? **@mrcbns** · 0 upvotes > I'm trying to learn and master CSS and trying to read CSS in js is just "wtf am I trying to learn". > I feel stupid af and overwhelmed by finding new trends while i am trying to learn and mastering basics. > How yo overcome things like that? ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments --- Tags: [#css](https://daily.dev/tags/css) [View this post on daily.dev](https://daily.dev/posts/how-to-increase-css-in-js-performance-by-175x-96ntq6thl) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"How to increase CSS-in-JS performance by 175x","url":"https://daily.dev/posts/how-to-increase-css-in-js-performance-by-175x-96ntq6thl","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/how-to-increase-css-in-js-performance-by-175x-96ntq6thl"},"datePublished":"2020-12-16T10:06:56.098Z","dateModified":"2021-10-07T14:17:10.317Z","description":"How to increase CSS-in-JS performance by 175x. How to make your existing styling more dynamic by making your static styling more static. Using HOC wrappers...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/982fd81e6540bca31fcaf0c9d171ff32","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/982fd81e6540bca31fcaf0c9d171ff32","isAccessibleForFree":true,"articleSection":"ITNEXT","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"ITNEXT","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/itnext2","url":"https://daily.dev/sources/itnext"},"commentCount":2,"discussionUrl":"https://daily.dev/posts/how-to-increase-css-in-js-performance-by-175x-96ntq6thl","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":21},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":2}],"keywords":"css","timeRequired":"PT7M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"ITNEXT","item":"https://daily.dev/sources/itnext"},{"@type":"ListItem","position":3,"name":"How to increase CSS-in-JS performance by 175x"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/how-to-increase-css-in-js-performance-by-175x-96ntq6thl","comment":[{"@type":"Comment","text":"Just why? why someone will use css-in-js? The code is overwhelming, the performance has issues (that’s why this posts exists), so why?","datePublished":"2020-12-16T15:10:23.309Z","url":"https://daily.dev/posts/96ntq6tHl#c-s8Mb_Qk8K","author":{"@type":"Person","name":"Harry","url":"https://daily.dev/grand3irmao","image":"https://avatars2.githubusercontent.com/u/12226731?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"I’m trying to learn and master CSS and trying to read CSS in js is just “wtf am I trying to learn”. \nI feel stupid af and overwhelmed by finding new trends while i am trying to learn and mastering basics. \nHow yo overcome things like that?","datePublished":"2020-12-16T17:41:40.952Z","url":"https://daily.dev/posts/96ntq6tHl#c-dfzg9v0tu","author":{"@type":"Person","name":"mrcbns","url":"https://daily.dev/mrcbns","image":"https://avatars0.githubusercontent.com/u/4382333?v=4"}}]} ```