WEB VITALS

 WHAT ARE WEBSITE VITALS?

Website Vitals is a set of metrics that measure loading performance, interactivity, and visual stability of the webpage.

An illustration representing Core Web Vitals, a set of key web performance metrics. The graphic features a smartphone displaying a heart monitor symbol, symbolizing user experience. Three yellow circular icons are labeled with the acronyms “LCP” (Largest Contentful Paint), “FID” (First Input Delay), and “CLS” (Cumulative Layout Shift), connected to the phone. On the left side, the text “Core Web Vitals” is prominently displayed, along with a colorful bar chart above the phone suggesting performance levels. The background is teal.

HOW WEBSITE VITAL IMPACT WEBSITE PERFORMANCE?

Speed & Responsiveness

  • A good LCP and FID mean your site loads fast and responds quickly to user actions.

User Experience

  • A stable layout (low CLS) ensures users don’t get frustrated by shifting content (like buttons jumping around).

Search Engine Ranking (SEO)

  • Google uses Core Web Vitals as a ranking factor. Better vitals better chance of showing up higher in search results.

Conversion Rates

A slow, janky site kills conversions. Even small improvements in load time can lead to significant gains in sales, sign-ups, or clicks.

WHAT IS FCP? WHAT IS ITS STANDARD VALUE?

FCP stands for First Contentful Paint. It’s a measure used in web performance
to show how quickly a web page starts to show something useful to the user.

Standard Value

  • Good-Less than 1.8seconds
  • Needs improvement-1.8-3.0seconds
  • Poor -More than 3.0 seconds
    A graphic illustrating the First Contentful Paint (FCP) web performance metric. It is divided into three colored sections: green for "GOOD" (under 1.8 seconds), yellow for "NEEDS IMPROVEMENT" (between 1.8 and 3.0 seconds), and red for "POOR" (over 3.0 seconds). The acronym "FCP" is prominently displayed at the top, with "First Contentful Paint" written underneath.

WHAT IS LCP? WHAT IS ITS STANDARD VALUE?

LCP stands for Largest Contentful Paint. It measures how long it takes for the biggest visible content (like a large image or main text block) to load and appear on the screen.

Standard Value

  • Good-Less than 2.5 seconds
  • Need improvement-2.5 to 4.0 seconds
  • poor-More than 4.0 seconds

A graphic showing the Largest Contentful Paint (LCP) web performance metric. It features three colored sections: green labeled "GOOD" for times under 2.5 seconds, yellow labeled "NEEDS IMPROVEMENT" for times between 2.5 and 4.0 seconds, and red labeled "POOR" for times over 4.0 seconds. The acronym "LCP" is prominently displayed above, with "Largest Contentful Paint" written below it.

WHAT IS TBT? WHAT IS IT STANDARD VALUE?

TBT stands for Total Blocking Time. It measures how much time the browser is "blocked" and can't respond to user input (like clicks, taps, or keyboard actions) while the page is loading.

Standard Values

  • Good-Less than 200 milliseconds
  • Need improvement-200-600 milliseconds
  • Poor- More than 600 milliseconds

A graphic illustrating the Total Blocking Time (TBT) web performance metric. It has three color-coded sections: green labeled "GOOD" for times under 300 milliseconds, yellow labeled "NEEDS IMPROVEMENT" for times between 300 and 600 milliseconds, and red labeled "POOR" for times over 600 milliseconds. The acronym "TBT" is displayed prominently at the top, with "Total Blocking Time" written underneath. The background is a solid blue color.

WHAT IS CLS? WHAT IS ITS STANDARD VALUE?

CLS stands for Cumulative Layout Shift. It measures how much the layout of a webpage shifts around while it's loading.

Standard Value

  • Good-Less than 0.1
  • Need improvement-0.1-0.25
  • Poor-More than 0.25
    A graphic showing the Cumulative Layout Shift (CLS) web performance metric. It includes three color-coded categories: green labeled "GOOD" for scores under 0.1, yellow labeled "NEEDS IMPROVEMENT" for scores between 0.1 and 0.25, and red labeled "POOR" for scores above 0.25. The acronym "CLS" is prominently displayed at the top, with "Cumulative Layout Shift" written beneath it.

WHAT IS TTFB? WHAT IS ITS STANDARD VALUE?

TTFB stands for Time to First Byte. It measures how long it takes for a browser to get the first piece of data from the server after a user requests a web page.

Standard Values

  • Good-Less than200 milliseconds
  • Need improvement-200-500ms
  • Poor-More than 500ms
    A graphic illustrating the Time to First Byte (TTFB) web performance metric. The visual is divided into three color-coded sections: green labeled "GOOD" for times under 800 milliseconds, yellow labeled "NEEDS IMPROVEMENT" for times between 800 and 1800 milliseconds, and red labeled "POOR" for times over 1800 milliseconds. The acronym "TTFB" is displayed prominently at the top, with "Time To First Byte" written below it.

WHAT IS FID? WHAT IS ITS STANDARD VALUE?

FID stands for First Input Delay. It measures how long it takes for a website to respond when a user first interacts with it — like clicking a button, link, or typing in a field.

Standard Value

  • Good-Less than 100 milliseconds
  • Need improvement-100-300 milliseconds
  • Poor-More than 300 milliseconds



A graphic depicting the First Input Delay (FID) web performance metric. It is segmented into three color-coded categories: green labeled "GOOD" for delays under 100 milliseconds, yellow labeled "NEEDS IMPROVEMENT" for delays between 100 and 300 milliseconds, and red labeled "POOR" for delays over 300 milliseconds. The acronym "FID" is prominently shown at the top, with the full term "First Input Delay" written underneath.









Website Structure

 WHAT DO YOU MEAN BY LANDING PAGE?

A landing page is a standalone web page, created specifically for a marketing or advertising campaign. It’s where a visitor “lands” after they click on a link in an email, or ads from Google, Bing, YouTube, Facebook, Instagram, Twitter, or similar places on the web.

"Illustration of a business landing page featuring three people in a meeting — one standing and presenting, and two seated at a table with laptops. The interface includes a navigation bar with links like Home, About Us, Course, Pricing, Contact, and a 'Get Started' button. The design uses shades of blue and purple with modern, flat-style graphics."


HOW TO MAKE LANDING PAGE EFFECTIVE?

Define Your Goal: 
Pinpoint what you want your LP to achieve and stay consistent throughout every detail of your site.

Create Visual Hierarchy:
Decide which elements are the most important and make them stand out.

Craft a Captivating Design: 
Engage your site visitors with an eye-catching design that will make them want to click and discover more. You should also opt for a strategic layout.

Write Killer Copy: 
Keep your text succinct and informative, with enticing headers that will give your visitors a reason to read on. Don't be afraid to include testimonials here from already satisfied users or customers.

Choose the Right Images:
Set the tone and charm your visitors with impactful visuals. They can also help illustrate what it is that you’re all about.

"Illustration of a webpage layout on a pink background with the text 'Creating a Successful Landing Page'. The layout shows a mockup of a landing page with headers, image placeholders, and text sections in teal, grey, and orange colors."

DEFINE THE FOLLOWING:


1. Header: A Header is a separate bit of text at the top of a printed page. A header might be the title of the novel you're reading, which is repeated on each page of the book.
2. Footer: A piece of text that appears at the bottom of the page of a document, book, or website.
3. Slider: The term slider is used to designate a slideshow that is integrated into a web page. It can also be called carousel. There are many WordPress plugins that allow you to create sliders that you can add to your homepage, or in a post, or anywhere else on your site.
4. Body: It refers to the main part of website which includes all the necessary information about the website, written content, images, audios, videos etc.

WHAT DO YOU MEAN BY INDEX PAGE IN WEBSITE?

The index page is the URL or local file that automatically loads when a web browser starts and when the browser's 'home' button is pressed. The term is also used to refer to the front page, web server directory index, or main web page of a website of a group, company, organization, or individual.

SOME IMPORTANT MUST PAGE IN WEBSITE?

1. Header & Menu: The header is the uppermost part of a website. It’s often the first thing that visitors see when they enter a site and almost always contains the brand’s logo as well as the website menu.
2. Images: Immediately below the header is some form of image, series of images or sometimes a video. Together, the header and main image comprise the top section of your website.
3. Website Content: All sites contain content. Content typically means the words written on your site that explain what your website is about, what you have to offer and how site visitors can take advantage of your offerings.
4. Footer: A footer is the bottom most part of any site. It usually contains a sitemap with hyperlinks to the pages available on your site.
5. Logo: An essential element of any brand, a logo is also a standard part of a website. A logo represents the company and makes it recognizable and memorable to both current and potential customers.



All About A Secure Website

WHAT IS SSL?

SSL or Secure Socket Layer is an internet security protocol that helps encrypt data to keep it safe. It was developed for the purpose of ensuring privacy, data authentication etc.

"Green shield icon with a silver border displaying a padlock symbol and the letters 'SSL', representing website security and encryption."








BENEFITS OF SSL?

  • Data Protection: It gives Protection from Data Leakage. SSL helps you protect your online shop from hackers and identity thieves.
  • Improves Customer Trust: It Increase Customer Trust & Revenue. The Trust Indicator that appears in the address bar of the browser increases the customer's trust on the website.
  • Security: SSL certificates encrypt the data exchanged between your websites and users, protecting sensitive information such as login credentials.
  • Authentication: The SSL authentication process confirms that the website a user is visiting is legitimate and not a phishing scam. This verification helps users trust your website.
    "Isometric illustration of a computer monitor displaying 'SSL' with security elements like a padlock, shield, certificate ribbon, gear, and web browser elements, symbolizing website security and SSL certification."

WHAT DO YOU MEAN BY ENCRYPTION?

Encryption is used to protect data from being stolen, changed, or compromised and works by scrambling data into a secret code that can only be unlocked with a unique digital key.

Glowing blue digital padlock with circuitry patterns, symbolizing cybersecurity and data protection, set against a dark background with a reflective surface."








WHAT DO YOU MEAN BY DECRYPTION?

The conversion of encrypted data into its original form is called Decryption. It is generally a reverse process of encryption. It decodes the encrypted information so that an authorized user can only decrypt the data because decryption requires a secret key or password.

DEFINE THE FOLLOWING?

URL:
URL or Uniform Resource Locator is a unique identifier that is contained by all the resources available on the internet. It can help to locate a particular resource due to its uniqueness. It is also known as the web address. A URL consists of different parts like protocol, domain name, etc. The users can access the URLs by simply typing them inside the address bar or by clicking any button or link on a web page.

HTTPS:
Hypertext Transfer Protocol Secure is the secure version of HTTP, which is the primary protocol used to send data between a web browser and a website. HTTPS is encrypted in order to increase security of data transfer.

HTTP: 
The Hypertext Transfer Protocol (HTTP) is the foundation of the World Wide Web, and is used to load web pages using hypertext links. HTTP is an application layer protocol designed to transfer information between networked devices and runs on top of other layers of the network protocol stack.

DIFFERENCE BETWEEN HTTP & HTTPS?

HTTPs

  • It stands for Hypertext Transfer Protocol Secure.
  • It encrypts data using SSL/TLS protocols.
  • It employs encryption to secure data transmission.
  • It verifies the server's identity using digital certificates.
  • It is more secure.
HTTP
  • It refers to Hypertext Transfer Protocol.
  • It sends data in plain text.
  • No encryption is applied to the data transmitted through HTTP.
  • It does not verify the identity of the server.
  • It is less secure.
    wo shield icons comparing HTTPS and HTTP: the left shield is green with 'HTTPS' and a closed padlock symbol, representing secure connection; the right shield is red with 'HTTP' and an open padlock, indicating an unsecured connection."

TYPES OF SSL AND THEIR PRICES?

Domain Validation:
It provides the quickest, easiest, and most cost-effective way to receive industry-standard encryption. This validation type requires proof of ownership for the secured domain and is typically issued within minutes.

Organisation Validation: 
It steps up from DV in terms of validation level. To receive one, an organization must prove domain ownership for the domain it wishes to secure and confirm that it is a legally registered business.

Extended Validation: 
The most secure option for establishing trust online. It has the highest level of encryption and validation.

"Comparison chart of three SSL certificate plans: Domain Validation (DV) SSL for ₹3,299, Managed DV SSL for ₹5,329, and Organizational Validation (OV) SSL for ₹4,999. Each plan includes features like higher search rankings, encryption, and validation levels, with 'Add to Cart' buttons beneath each option."


Hosting

 WHAT DO YOU MEAN BY HOSTING?

Hosting is like renting space on the Internet or the web browser. It allows your website or blog to be accessible to any user with an Internet connection. This service is essential for publishing a website on the web.

"Isometric illustration of cloud computing and data management concept, showing people interacting with cloud servers, laptops, monitors, databases, and network connections, all integrated into a digital infrastructure on a blue background."

TYPES OF HOSTING? EXPLAIN WITH EXAMPLE?

1.Shared Hosting:

Shared Hosting, also known as virtual hosting, is the type that allows multiple websites to share a physical web server. It distributes the resources to accommodate, serve and operate more than one website. Thus, making it the cheapest web hosting service.

2. Dedicated hosting:

In this a physical server is dedicated to a customer. The customer has full control over the hosting, and they can optimize it according to their unique requirements.

Isometric illustration of cloud computing and data storage concept, showing people managing servers, a large laptop, and uploading data to a cloud icon above server racks, with colorful abstract elements in the background."


DIFFERENCE BETWEEN SHARED & DEDICATED HOSTING?

SHARED HOSTING

  1. It allows multiple users/websites/accounts to be hosted on a single web server.

  2. It is a good choice for those website owners who don’t have much technical skills to manage and control everything, but wish to build the online presence.

  3. The storage option is kept limited as to provide equal shares.

  4. Security is minimal as resources are shared.

DEDICATED HOSTING

  1. It is a single server solely devoted to one user.

  2. It is a good choice for those who have technical background and can manage/configure the server on their own.

  3. The user has full control over the storage options within the server.

  4. Security is best as a single user has control over the server.

WHAT TYPE OF HOSTING YOU WILL PURCHASE IF YOU WANT TO START AN ECOMMERCE BUSINESS?

DEDICATED HOSTING
In this a physical server is dedicated to a customer. The customer has full control over the hosting, and they can optimize it according to their unique requirements.

"Illustration of website hosting concept with a laptop displaying 'Website Hosting', surrounded by server stacks, a cloud upload icon, a smartphone with a globe symbol, and wireless connectivity icons on a blue gradient background."
















SUB-DOMAIN

 WHAT DO YOU MEAN BY SUB-DOMAIN?

Sub-Domain is something which is part of another (main) domain.

Examples:

  • adsense.google.com

  • landing.india.com

  • articles.news.com






    illustration of people using digital devices around a large screen displaying a web address bar with "WWW" and a cursor, symbolizing internet browsing. A globe and icons like email, shopping cart, and social media surround the scene, representing online connectivity and web domains.


WHY DEVELOPERS USE SUB-DOMAIN?


1. Branding:
Subdomains can be used to create sub-websites that are related to the main website, which can help to strengthen the brand.

2. SEO:
Subdomains can boost your site's SEO by targeting specific keywords and audiences. Creating a subdomain for a topic or service attracts niche audiences and improves search rankings.

3. Security:
Subdomains can be used to isolate different sections of a website from each other. This can help to improve the security of the website, as a hacker who gains access to one subdomain will not necessarily be able to access the other subdomains.

4. Navigation:
Subdomains can help improve website navigation by making it easier for users to find specific content.

5. Target Audience:
Subdomains help you connect with specific audiences by creating dedicated sections of your website for different demographics, regions, or languages.

A futuristic illustration of a hand interacting with a glowing digital interface emerging from a laptop. Floating tech-related icons such as HTML, CSS, JS, and code symbols represent web development and programming concepts in a high-tech digital environment.


BENEFITS OF SUB-DOMAIN?

Increased Security:
Using subdomains also allows for the separation of various website sections, which can improve your site's overall security.

Branding Opportunities:
Subdomains can provide branding opportunities by creating a consistent and memorable presence for specific sections of your website.

Localization:
If you have a global presence, subdomains can be used instead of different websites to target various regions or languages.

Organizing Websites:
Subdomains are like the saver for large websites with different types of content. They provide a logical structure to your site.


Illustration showcasing the word “BENEFITS” surrounded by icons representing employee rewards and perks—such as trophies, money, calendars, shields, emails, and a megaphone. People are interacting with the elements, symbolizing communication, appreciation, and various employee benefit programs.

SOME FAMOUS WEBSITES WHICH ARE RUNNING ON SUB-DOMAIN?

  • mail.google.com
  • blog.twitter.com
  • drive.google.com
  • m.youtube.com
    3D illustration of the word "Website" under construction, with a crane lifting the letter "e" and construction cones surrounding the text, symbolizing website development, maintenance, or updates in progress.


DISADVANTAGES OF SUB-DOMAIN?

A hand is seen changing wooden letter blocks from “DISADVANTAGES” to “ADVANTAGES” by removing the “DIS” prefix, against an orange background. The image symbolizes shifting focus from negative to positive aspects.

1. SEO Fragmentation:
Subdomains can dent your SEO efforts. Since search engines treat subdomains as separate entities, each one must individually build up its SEO authority. Naturally, it can take longer for a new subdomain to rank well. Moreover, the SEO benefits of the main domain may not flow to the subdomains as expected.


2. User Confusion: Subdomains can sometimes confuse users. For instance, visitors may wonder if they’ve landed on a different website altogether when they move from the main domain to a subdomain. This can lead to a higher bounce rate if users get lost.

3. Duplicate Content:
If you’re not careful, subdomains can lead to unintentional duplicate content issues. When content is similar across subdomains, it can dilute the SEO value and may even trigger duplicate content penalties from search engines.

4. Complex Maintenance:
Managing multiple subdomains can be complex. Each subdomain may require separate updates, plugins, security configurations, and maintenance efforts.


DOMAIN

 WHAT DO YOU MEAN BY DOMAIN NAME?

A Domain name is a unique address or URL used to identify a website on the internet .

Eg: google.com, wikipedia.org

Digital graphic with the text “What is a Domain Name?” displayed prominently in the center, featuring a large cursor icon. The background includes a simplified network map, with icons of a house with a location pin and a Wi-Fi router, symbolizing internet connectivity and web addressing.

 






WHAT DO YOU MEAN BY DOMAIN EXTENSION ?

It is the part of the URL that follows domain name and also an important part of domain name as whole .

For example :

Overhead image of two people pointing at a laptop screen, with the text “What is a Domain Extension?” displayed on a red sidebar to the left. The scene suggests a collaborative learning or discussion environment related to internet domain terminology.
1 .org 

2 .in 

3 .com 

4 .Info 


TYPES OF DOMAIN EXTENSIONS

AND ITS PRICES?


 DOMAIN EXTENSIONS      PRICES 

1 .in                                              RS 119 

2 .com                                        RS 499

3 .online                                     RS 165

4 .shop                                     RS 89

5 .org                                        RS 699

6 .xyz                                        RS 179 


WHAT DO YOU MEAN BY PREMIUM

DOMAIN?

A premium domain name is a high-quality domain that investors often buy and sell with the aim of making a profit. These names have a variety of qualities that allow them to outperform others in the key function of a domain, helping users find the website they're looking for. Premium domain is a domain that is sold at a high price maximum above rs2000.

Illustration of a laptop screen displaying colorful domain extensions such as .com, .net, .org, .gov, and .co.uk, symbolizing different types of web addresses. Below the laptop, the text "Premium Domain" is written on a blue background, highlighting the concept of high-value domain names.


PLAN SOME PREMIUM DOMAIN?

  1. bedstars.com -RS 3,12,956.52

  2. rashil.com -RS 1,28260.86

  3. heroquotes.com-RS 4,34,695.65

  4. nikaili.com-RS 4,347.82

  5. niki.co- RS 2,34,695.65

  6. Ishika.online-RS 14781.74

  7. Ji.online-RS 60,868.70

  8. Bobby.xyz-RS 16,51,130.43

  9. Chia.online-RS 60,868.70

  10. seemacreations.com-RS 34,782.60

FIND SOME PREMIUM DOMAIN WHICH ARE SOLD AT HIGH PRICE?

1. Amazon.com - ₹ 12,999.00
2. Chitra.com - ₹ 1,73,23,130.43
3. Amity.com - ₹ 8,47,82,608.69
4. Adesh.com - ₹ 20,86,956.52
5. Siddhamantra.com - ₹ 12,999.00
6. Stmaryscompany.com - ₹ 12,999.00

HOW TO CHOOSE RIGHT DOMAIN NAME FOR

YOUR BUSINESS?


1. Domain should be easy to type and attractive .
2. It should be catchy and memorable :
3.It should include keywords related to your business . 
4. You should avoid numbers and hyphens .
5. Keep your domain name short and branded .
6.Include SEO keywords in your domain name.-
7. Should be easy to find and promote .

Illustration with the text “How to Choose a Domain Name for Your Business” on a blue gradient background. On the right, animated characters interact with hexagons displaying domain extensions like .com, .net, .org, and .info, representing the selection process of a domain name for branding or business purposes.






FROM WHERE WE WILL PURCHASE DOMAIN NAME ?


There are different websites from where we can purchase domain names.

Illustration with the text “How to Buy a Domain” on a light background. A search bar is shown alongside popular domain extensions like .com, .org, .net, and .io in yellow bubbles, representing the process of searching for and purchasing a domain name.

1.www.godaddy.com
2. www.hostinger.in
3. www.bigrock.in
4. www.domain.com
5. www.wix.com






WEB VITALS

  WHAT ARE WEBSITE VITALS? Website Vitals is a set of metrics that measure loading performance, interactivity, and visual stability of the w...