PageSpeed

Cumulative Layout Shift (CLS) is one of the Core Web Vitals metrics and user-centric performance metrics that focus on visual-stability during the entire life span of a web page. CLS is an important term for preventing the layout shifts that annoy users. While reading a text or being about to click a link, if the …

What is Cumulative Layout Shift? How to Optimize CLS? Read More »

Load CSS files Asynchronous. Loading CSS Files Asynchronously can help for improving page experience while removing the render-blocking effect of the CSS Files. There are four different method for loading CSS async.

The HTTP Vary Response Header is used to indicate which type and format of content are requested from the web site’s server via the browser. This process performed through HTTP Vary Header is called “Content Negotiation”. In the RFC7232 Document, Hypertext Transfer Protocol (HTTP / 1.1), this case is called “Conditional Requests”. Accordingly, when entering …

Specify a Vary: Accept-Encoding Header: Understanding The HTTP Vary Header Read More »

Total Blocking Time (TBT) is a load responsiveness metric that measures the usability of the web page during the loading. Total Blocking Time is an important user-centric performance metric that compares the time amount of non-responsive and responsive time during the rendering phase of the web page. Input responsiveness or the interactivity between the web …

What is Total Blocking Time and How to Optimize It? Read More »

The abbreviation CDN stands for Content Delivery Network. A content delivery network (CDN) is a network of servers in various data centers around the world. It is an excellent opportunity to offer or develop your website or web application worldwide. If you use such a network, your web server connects to a large number of …

What is the Content Delivery Network (CDN) and Its Importance? Read More »

Time to Interactive (TTI) is the performance metric that measures when the web page’s subresources have been downloaded and when the user can interact with the web page. Time to Interactive is not just about “loading responsiveness”. It is also about the “downloading the main resources of the web page”. To measure and understand the …

What is Time to Interactive (TTI) and How to Optimize It? Read More »

Largest Contentful Paint (LCP) is the rendering time of the largest and main content of the web page. LCP is one of the Core Web Vitals Metrics that are launched by Google Chrome Developers to measure “user experience” based on Page Speed Metrics. Largest Contentful Paint is important to see that when the most important …

What is the Largest Contentful Paint and How to Optimize It? Read More »

First Contentful Paint (FCP) measures the time between the user’s navigation and the first paint of content for the web page. Anything related to the DOM of the web page can be included in the First Contentful Paint such as Paragraphs, Navigation Bar, Images, Form Elements, etc. Iframe Elements are not included in the First …

What is First Contentful Paint: How to Optimize it? Read More »

First Input Delay is the time between the user’s first interaction with the web page and the web page’s response. First Input Delay (FID) is also a user-centric Load Timing Metric. Also, FID is an important signal to see the “load responsiveness” of the web page. Even if a web page loads faster than its …

What is First Input Delay and How to Optimize It? Read More »

Recent studies have shown that search rankings are affected by the loading speed of web pages. The logic behind all of this is clear and simple: A website that loads slowly delivers a bad user experience, and websites with a bad user experience don’t deserve to be at the top of search results. This means that if …

Time to First Byte (TTFB): Server Response Time and Page Speed Read More »