DEV·4yTwo lines of CSS that boosts 7x rendering performance!
Website's nowadays need to be optimal and performant, users on the web have very short attention span. Most common use cases for this is when you have huge list/grid of data that needs to render at the mount of the application. With progressing web development it will soon be supported in all browsers too.
Hashnode·4yDesigning Scalable Frontend Systems
In this article, we will discuss the rest of the items in our frontend system design framework. We will talk about API design, managing the data store, accessibility, performance optimization techniques, and more. Let's get it started. The first point we need to discuss is the API and network design and how we will manage the communication with the BE.
Hacker News·4yGraphQL is a Trap?
Twitter thread about GraphQL got a lot of attention yesterday. The author of the thread claimed that GraphQL makes your public API equal to a generic graph database. He also claimed that the amount of maintenance work is sky high and that leaving a GraphQL “open” results in infinite performance work.
Hashnode·4yWeb Performance
Rendering is the process of turning a web page's assets ( HTML, CSS, JS, and other static assets) into interactive content on the browser. A typical request travels through the internet before it reaches a server that sends back a response to the client. The response manifests different entities such as Styles , Markup , Scripts , and other files. They represent the different life forms on Renderland.
web.dev·4yGOV.UK drops jQuery from their front end.
GOV.UK dropped their jQuery dependency from their front end. You'll never guess what happened. Nearly 84% of mobile pages used in 2021 will use jQuery. GOV. UK provides services and information online for The United Kingdom. Don't shortchange your users if the web platform can easily do the job a framework can.
Laravel News·4yEloquent Performance: 4 Examples of N+1 Query Problems
Laravel Debugbar is a tool to show queries on a Laravel website. It can be used to diagnose problems in Laravel code. In this article, I will show a few different examples of what to watch out for, including the cases when the problem is "hidden" in unexpected places in the code.
Hashnode·4yUnderstand Debouncing and Throttling in javascript with examples
Debouncing and Throttle are two methods for optimising the performance of scripts by controlling how often an event is called. In the debouncing technique, no matter how many times the user fires the event, the attached function will be executed only after the specified time. To prevent this, we have used the technique of throttling. In this article, we will discuss and understand debouncing and throttling in javascript.
DevDojo·4yOptimizing Performance in React Apps - I
React uses the concept of virtual DOM to minimize the performance cost of re-rendering but is it enough to optimize the performance? While writing components, we are implicitly building a component tree and the updates propagates all the way down. In this series, we'll go through some of the tips and tricks to build a optimal interface.