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·2 likesweb optimization
Ezediniru Danielezedinirudaniel.hashnode.dev·Sep 1, 2023Lazy Loading Images Like a Pro in Next.jsIntroduction Lazy loading images on a website is one of the best ways to optimize your web page performance and improve its loading speed. With the lazy loading technique, you render images only within the user's viewport thereby improving the overal...Discuss·12 likes·47 readsNext.js
Teddy Lumiditeddylumidi.hashnode.dev·Aug 13, 2023Optimizing Web PerformanceIntroduction The speed and responsiveness of a website have become paramount to its success. A sluggish website can drive users away, lead to higher bounce rates, and ultimately harm search engine rankings. To tackle these challenges head-on, this co...Discuss·27 readsWeb Development
Rufina Uchethelazytechie.hashnode.dev·Jul 26, 2023Optimizing Front-End PerformanceIntroduction Front-end performance optimization is a critical aspect of web development. The performance of a website or web application directly impacts user satisfaction, conversion rates, and search engine rankings. In this comprehensive tutorial,...Discuss·63 readsweb optimization
Mustafa Dalgasft.hashnode.dev·Jun 14, 2023Optimizing Web Performance by Reducing bundle.js File Size in the HeyBooster ProjectHello, there! Today I’m going to share an experience we had at HeyBooster while upgrading our Sentry version. The Background HeyBooster, like many projects, heavily relies on Sentry for error tracking. We recently decided to upgrade our Sentry versio...DiscussFront End DevWeb Development
Mustafa Dalgasft.hashnode.dev·May 22, 2023Streamlining React.js Production Builds — A Problem Solved!While developing applications, we often find ourselves juggling between two environments — testing and production. In the realm of React.js, our favourite library for testing is the Testing Library. It’s a powerful tool that allows us to easily selec...DiscussReact.jsReact
Paul Ehikhuemenpauloe.hashnode.dev·May 1, 2023How to debug CSS and fix common CSS problemsIntroduction While CSS is a powerful tool for web developers, it can also pose various problems. These problems can cause errors in the layout or style of a website, leading to a negative impact on website performance. This article will discuss some ...Discuss·10 likes·47 readsCSS for beginnersCSS
Victor Ayomipovayo.hashnode.dev·Mar 2, 2023How To Make Websites Responsive For All DevicesThe introduction of media query was the savior and pinnacle of web responsiveness; without it, we would still be stuck with building websites for different screen sizes (the old age). However, specifying media queries for different screen sizes when ...Discuss·13 likes·508 readsResponsive Web Design
Siddhesh Jungadesiddheshjungade.hashnode.dev·Nov 28, 2022API Optimization TechniqueIn this article, we will discuss the best methods to optimize APIs so that our user get fast response from our APIs. Specifically, we are talking about Node.js API optimization. API Optimization Means Improving responsive time of API. The shorter th...Discuss·57 readsFullStackAPIs
Rushikesh Chougulerushikeshchougule.hashnode.dev·Nov 26, 2022Web Performance & How to improve it?Introduction Web performance is all about loading the websites fast or loading them in a way it seems fast to the end user. Web performance doesn't only mean initial page load it consists of page load, interactivity & load after interactive activity....Discuss·8 likes·162 readsweb optimization