Solutions for Real World Frontend Problems.
LightHouse as we mostly know is a Wonderful Tool for Testing Frontend Performance in Chrome Browser. Not only does it give an insight into Performance Improvement that we can make in our front-end application but it also gives an idea around SEO and Web accessibility. Here is a sample view on LightHouse run in indianexpress.com […]
Angular is a popular SPA Framework and I just love it. But if you are a beginner at this you will often hear about other frameworks available in the market (React, Vue), etc, and compare these frameworks. One of the parameters that often is used for comparison is the Performance of these frameworks. After having […]
When we Type a URL on our Browser a lot of Content and Assets are requested from the Server. The size, location, network bandwidth, etc determine how soon the content will be delivered to the browser so that proper rendering and interaction can start. The image below shows the Network Requests of FrontendWalla.com We can […]
we need to Work on Something Called Critical CSS, This is the CSS that is needed for showing the “Above The Fold” Content or CSS which is minimally required to display the viewable content.
if you have a menu that is not visible, A Footer that would require scrolling of the page, etc. would all be considered non-critical. With this understanding, let’s discuss points for CSS optimization.
Javascript is a Blocking Assets while loading it blocks rendering and other events – Smaller Chunks using PRPL pattern are some ways to improve JS Performance.
