Vladimír Macháčekmachy8.hashnode.dev·Feb 20, 2024🔥Webperf Tips (1) - Case Study - Gastein.comhttps://www.youtube.com/watch?v=HB85upkDBxE I have decided to start a series of videos about Webperf Case Studies of various websites. Just for fun. About this series On my my Youtube channel,there is a playlist for Web Performance Case Studies and...Discuss·30 readswebdev
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...Discuss·45 readsWeb 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·144 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·78 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·40 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·34 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·72 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·549 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·109 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·107 readsReact