Aidan Lovettwebperf.hashnode.dev·Jun 29, 2023How to Improve Interaction to Next Paint (INP)Understanding Interaction to Next Paint Interaction to Next Paint (INP) is a new and exciting experimental metric that measures the responsiveness of a webpage throughout all the interactions on a page. A low INP ensures that the page will be reliabl...DiscussWeb Perf
Tech Foutraquetechfoutraque.hashnode.dev·May 28, 2023Tech foutraque #1🎨 Frontend State of Node.js Performance 2023 Conditional CSS with :has and :nth-last-child Getting started with View Transitions on multi-page apps State Management in React Applications Understanding React Concurrency You Might Not Need React...Discuss·50 readsfrontend
Prathamesh Rasam25prathamesh.hashnode.dev·May 14, 2023Optimizing website performance: Analyzing network requests using browser developer toolsDevelopers can take advantage of the advanced development tools available in modern browsers to inspect and debug each network request. This article will go through using the browser developer tools for analyzing the impact of a network request on a ...Discuss·67 readsWeb Development
Murshid Muzamilmurshidmuzamil.hashnode.dev·Apr 6, 2023Understanding How Browsers Identify the LCP ElementLargest Contentful Paint (LCP) is a key performance metric that measures the loading speed of a webpage and is part of the Google Web Vitals initiative, which was introduced in May 2020. Specifically, LCP measures the time it takes for the largest vi...Discuss·37 readsWebsite performance
Nicolas Rouanneqraft.hashnode.dev·Feb 8, 2023Next 13Une introduction sur les Server Components, next/image, @next/font et autres nouveautés annoncées par Next.js pour la version 13. App directory Les pages ne sont plus un fichier dans l'aborescence, mais un répertoire. On peut mettre des composants d...Discuss·26 readsNext.js
Aanchalaanchalfatwani.hashnode.dev·Jan 31, 2023Lighthouse - Guiding way for Web PerformanceWhy should you consider and work on Performance? Ever encountered the terms Page Speed, Page Load Time, Bounce Rate, etc? If you are someone who needs to work with web pages, it becomes important to consider these terms. Fast-loading websites are not...Discuss·1 like·54 readsWeb Development
Zahiruddin Tavargerezahere.com·Jan 9, 2023FeaturedThe Case for Headless CMS: How a Decoupled Architecture Can Boost Your Core Web Vitals ScoresThe Context First, let's define what Core Web Vitals (CWV) are. Simply put, they are a set of metrics that measure the performance, security, and accessibility of a website. Google introduced Core Web Vitals in May 2021 as a way to help website owner...Discuss·27 likes·420 readsCoding and System Designarchitecture
Zahiruddin Tavargerezahere.com·Jan 3, 2023How YouTube built a faster experience for developing countries by improving Core Web VitalsYouTube aimed to improve its website's performance and user experience, particularly for users in developing markets like Brazil, India, and Indonesia who may have slower devices and limited network bandwidth. To do this, YouTube focused on optimizin...Discuss·1 like·69 readsUI/UXWeb Development
Adekola Olawaleadekolaolawale.hashnode.dev·Oct 17, 2022Demystifying React 18Introduction React 18 is a major improvement in the rendering mechanisms of React. The focus was on improved performance of user interfaces for a much better experience for the user on the website. The newly added features are completely user-centred...Discuss·2 likes·94 readsReact
Swapnadeep Mohapatraswapnadeep.hashnode.dev·Aug 18, 2022Performance Metrics - WebPerf#0You must have visited a lot of websites in your lifetime. And the user experience on the site is Good site performance is sometimes vital for a good user experience (UX). But what is performance, how can it be measured, and how can it be improved? ...Discuss·48 readsWeb Development
