Skip to main content

Brought up your Website's Google Page Speed upto 90+

 Hi Guys, If you are running or developing a website you may encounter low Google page speed, So let's dig deeper into the technical guide of Google Page Speed Insights to ensure a good score.

Google defines page speed in two ways:

  1. How long it takes to display content above the fold.
  2. How long it takes a browser to fully render the page.

The tool has two main things:

  1. Field Data,” or the performance data
  2. Second, it measures your page performance via the Lighthouse API. This is called “Lab Data”
Field Data or Core Web Vitals :
  1. First Contentful Paint (FCP): The time it takes for the first text or image asset to load.
  2. Largest Contentful Paint (LCP): The time it takes for the largest text or image asset to load.
  3. First Input Delay (FID): The time it takes for the browser to respond to the user’s first interaction.
  4. Cumulative Layout Shift (CLS): This measures any movement of the page in the viewport.
Lab Data :
  1. Speed Index: The time it takes for the content to visually appear during page load.
  2. Time to Interactive: The time it takes for the page to become fully interactive.
  3. Total Blocking Time: The sum of time between FCP and full interactivity.



Labels:

Comments

Post a Comment

Popular posts from this blog

C: 10. Array

 An array is defined as the collection of similar type of data items stored at contiguous memory locations. For example, if we want to store the marks of a student in 6 subjects, then we don't need to define different variables for the marks in the different subject. Instead of that, we can define an array which can store the marks in each subject at the contiguous memory locations. An array index starts with 0. Syntax:- data_type array_name[array_size];   int marks[5];     Example:- #include<stdio.h>   int main(){       int i=0;     int marks[5];//declaration of array        marks[0]=80;//initialization of array     marks[1]=60;     marks[2]=70;     marks[3]=85;     marks[4]=75;     //traversal of array     for(i=0;i<5;i++){       printf("%d \n",marks[i]);   ...
Post a Comment
Read more

Py: 2. Python Fundamentals

 Variable:-  Variable is a name that is used to refer to memory location. In Python, we don't need to specify the type of variable because Python is smart enough to get variable type.  Variable names can be any length can have uppercase, lowercase (A to Z, a to z), the digit (0-9), and underscore character(_). Syntax:-  num= 345 name= "mohit" Variable Types:- Number (Int, Float) Sting Boolean Get the Type of the variable:- x = 5 y = "John" print(type(x)) print(type(y)) Output:-  <class 'int'> <class 'str'> Operators:-  The operator can be defined as a symbol which is responsible for a particular operation between two operands. Python provides a variety of operators, which are described as follows. Arithmetic Operators:-  Assume variable a holds 10 and variable b holds 20, then − + Addition Adds values on either side of the operator. a + b = 30 - Subtraction Subtracts right hand operand from left hand operand. a – b = -10 * Multiplicat...
Post a Comment
Read more

JS: Cheatsheet

   Datatypes Difference Between Var, Let and Const Functions and its types Asynchronous operations in JS
3 comments
Read more