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

JS: Cheatsheet

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

C++: 7. Inheritance

In C++, inheritance is a process in which one object acquires all the properties and behaviors of its parent object automatically. In such way, you can reuse, extend or modify the attributes and behaviors which are defined in other class. In C++, the class which inherits the members of another class is called derived class and the class whose members are inherited is called base class. The derived class is the specialized class for the base class. Single Level Inheritance When one class inherits another class, it is known as single level inheritance. Example:-  #include <iostream>   using namespace std;    class Account {      public:      float salary = 60000;     };      class Programmer: public Account {      public:      float bonus = 5000;        };        int main(void) {   ...
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