--- title: Improving website performance by eliminating... description: Adrian Bece explains how to use native lazy loading with fallback. He shows how to handle critical and non-critical CSS and JavaScript resources. Best way to... canonical: https://daily.dev/posts/improving-website-performance-by-eliminating-render-blocking-css-and-javascript-b89t88-vd twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Improving website performance by eliminating render-blocking CSS and JavaScript | daily.dev og:description: Adrian Bece explains how to use native lazy loading with fallback. He shows how to handle critical and non-critical CSS and JavaScript resources. Best way to... og:url: https://daily.dev/posts/improving-website-performance-by-eliminating-render-blocking-css-and-javascript-b89t88-vd og:image: https://api.daily.dev/og/posts/b89T88_vD.png og:image:alt: Improving website performance by eliminating render-blocking CSS and JavaScript 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. # Improving website performance by eliminating render-blocking CSS and JavaScript **[DEV](https://daily.dev/sources/devto)** · [@code_adrian](https://daily.dev/code_adrian) · 5 min read · 18 upvotes · 1 comments ## Summary Adrian Bece explains how to use native lazy loading with fallback. He shows how to handle critical and non-critical CSS and JavaScript resources. Best way to lazy load images for maximum performance is to use Google Fonts. He also shows the best way to use GZIP or Brotli for HTML delivery. ## 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. **@idoshamun** · 1 upvotes > Loading unnecessary resources can decrease your application performance. This tutorial will guide you through finding your critical resources and refactor your code accordingly to boost your performance. --- Tags: [#css](https://daily.dev/tags/css), [#general-programming](https://daily.dev/tags/general-programming), [#javascript](https://daily.dev/tags/javascript) [View this post on daily.dev](https://daily.dev/posts/improving-website-performance-by-eliminating-render-blocking-css-and-javascript-b89t88-vd) ```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":"Improving website performance by eliminating render-blocking CSS and JavaScript","url":"https://daily.dev/posts/improving-website-performance-by-eliminating-render-blocking-css-and-javascript-b89t88-vd","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/improving-website-performance-by-eliminating-render-blocking-css-and-javascript-b89t88-vd"},"datePublished":"2020-08-31T13:20:19.573Z","dateModified":"2026-03-15T03:50:37.081Z","description":"Adrian Bece explains how to use native lazy loading with fallback. He shows how to handle critical and non-critical CSS and JavaScript resources. Best way to...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/060d60ef845724447cfc752c31605ad7","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/060d60ef845724447cfc752c31605ad7","isAccessibleForFree":true,"articleSection":"DEV","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":"Person","name":"Adrian Bece","url":"https://daily.dev/code_adrian","image":"https://lh3.googleusercontent.com/a-/AOh14GhnN6euW7vrStweOpsgU9GB1vbFf6Pv12ZI3e6WYg=s100","description":"React, Frontend, Magento 2 certified developer. Rock and metal music fan, avid reader, adores Calvin & Hobbes comics. Tech lead at PROTOTYP.","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":830}},"commentCount":1,"discussionUrl":"https://daily.dev/posts/improving-website-performance-by-eliminating-render-blocking-css-and-javascript-b89t88-vd","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":18},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":1}],"keywords":"css,general-programming,javascript","timeRequired":"PT5M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"DEV","item":"https://daily.dev/sources/devto"},{"@type":"ListItem","position":3,"name":"Improving website performance by eliminating render-blocking CSS and JavaScript"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/improving-website-performance-by-eliminating-render-blocking-css-and-javascript-b89t88-vd","comment":[{"@type":"Comment","text":"Loading unnecessary resources can decrease your application performance. This tutorial will guide you through finding your critical resources and refactor your code accordingly to boost your performance.","datePublished":"2020-09-02T10:54:07.739Z","url":"https://daily.dev/posts/b89T88_vD#c--Us-F2Doc","author":{"@type":"Person","name":"Ido Shamun","url":"https://daily.dev/idoshamun","image":"https://media.daily.dev/image/upload/s---xy_OAwk--/f_auto,q_auto/v1703781380/avatars/avatar_28849d86070e4c099c877ab6837c61f0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}}]} ```