Madu Emeliemaduemelie.hashnode.dev·Jul 25, 2024Optimizing Web Performance with LighthouseThe longer it takes for a user to do something on your website, the more likely they are to give up. Web performance refers to how quickly web pages and applications load and render in a web browser. This includes how easy it is for users to interac...Discuss·1 likeWeb Development
Blossomblossom.hashnode.dev·Jul 15, 2024Optimize Web Performance by Serving Images in WebP FormatWebP images are Google's alternative to PNG, jpeg, and jpg; providing smaller sized images - typically resulting in a 25% - 50% reduction in filesize. This significantly decreases page sizes and improves your website performance. YouTube found that...Discuss·10 likesPerformance Optimization
ByteScrum TechnologiesforByteScrum Technologiesblog.bytescrum.com·Jul 5, 2024Compressing and Cropping Images Without Losing Quality in PythonWhen working with images, especially for web applications, it’s essential to balance quality and file size. Large images can slow down your website, leading to a poor user experience. Python provides several libraries that make it easy to compress an...Discuss·72 likes·118 readsPythonimage cropping
Fabrizio Raul Condori Guzmanfabrizio-condori.hashnode.dev·May 1, 2024Web Performance: Core Web VitalsEn la actualidad, el desarrollo de una página web ya no es suficiente para ofrecer servicios al público de manera efectiva. Es importante brindar una experiencia óptima al usuario desde el primer momento. ¿Alguna vez has entrado a un sitio web y te h...Discuss·87 readsCLS
Kshitiz Kumarblog.kshitiz.net·Jan 27, 2024A New Mental Model of React 18The journey into React has been quite a ride for me. Back in the day, before the era of React Hooks, mastering the React lifecycle was like navigating through a complex maze. But you know what? I found it intriguing, and it became a part of my coding...Discuss·91 readsReact
Avinash Payakavinashpayak.hashnode.dev·Jan 20, 2024Render TreeIt is a combined representation of Document Object Model (DOM) and CSS Object Model (CSSOM) where DOM nodes and CSS rules are matched together. Browser parses HTML document and constructs a DOM tree where each element represents a node in the DOM tr...DiscussHow Browsers workRendering
Faithfaithyyy.hashnode.dev·Jan 4, 2024Web optimisation through caching with local storage in React applications.Introduction As front-end developers, an unsaid rule when implementing functionalities is to ensure that we implement it in such a way that wouldn’t affect the web performance or better still, improve it. Sending requests to servers to get data for u...Discusslocal storage caching
Lawrence Amoakolawrenceamoako.hashnode.dev·Dec 1, 2023A Comprehensive Guide on Improving Website PerformanceIn today's digital landscape, optimizing website performance is crucial for providing users with a seamless and efficient browsing experience. This comprehensive guide explores various strategies to enhance website performance, catering to both techn...DiscussWeb Development
IBUKUN FOLAYibukunfolay.hashnode.dev·Oct 15, 2023Web Optimization Techniques for React WebsitesIntroduction Building websites has to be one of the most exciting things in tech. However, the beauty is when users experience seamless interactions while using these websites. Seamless interactions can be achieved when a website is highly performant...DiscussReact
Femi Wallacethisiswallace.hashnode.dev·Sep 30, 2023Web Optimization with Bun: Bundling JavaScript and TypeScriptIntroduction In the continuously changing realm of web development, ensuring the efficiency of your code and resources is vital for providing a swift and highly responsive user interface. A fundamental element of web optimization entails bundling, wh...Discuss·9 likes·33 readsweb optimization