Todd H. Gardnerrequestmetrics.hashnode.dev·Oct 18, 2024How Long Animation Frames (LoAFs) Impact Web PerformanceHave you noticed your website feeling sluggish or unresponsive during animations? You might be dealing with Long Animation Frames (LoAFs). LoAFs occur when your website’s animations take longer than 50 milliseconds to render, causing noticeable stutt...web performance
Peter Mbanugopmbanugo.me·Oct 13, 2024Ways to Improve & Boost Your Site Speed & Core Web VitalsOptimizing site speed isn't merely about implementing various techniques; it's about validating the effectiveness of these optimizations and ensuring they yield tangible results for your users and your business. In this episode of web performance, ca...JavaScript
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...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...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...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 ...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...Website 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...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...1 like·49 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...27 likes·541 readsSoftware Development and System Designarchitecture
