Trusted answers to developer questions
Trusted Answers to Developer Questions

Related Tags

noreferrer
javascript
communitycreator
memory allocation

What is the use of the noreferrer property?

Non Stop Learning...

Grokking Modern System Design Interview for Engineers & Managers

Ace your System Design Interview and take your career to the next level. Learn to handle the design of applications like Netflix, Quora, Facebook, Uber, and many more in a 45-min interview. Learn the RESHADED framework for architecting web-scale applications by determining requirements, constraints, and assumptions before diving into a step-by-step design process.

We write the noreferrer keyword for the relspecifies the relation between current and linked document. attribute inside an <a> tag (defines a hyperlink), which tells the browser to omit the referral header and leak no referral information.

This keyword allows us to protect the referral information from being transferred to the target webpage.


We can also include the noreferrer keyword in <area> and <form> tag elements.

Syntax


<a href = "www.google.com" rel="noreferrer">Educative.io</a>

Key features

  • Security: The noreferrer property is actually a security fix to prevent malicious links from taking control over a newly opened tab.

  • Memory allocation: The noreferrer property allows the browser to allocate new memory space for a newly opened tab.

Security

Taking the example of the link mentioned above (i.e., Educative.io), when a user clicks on it, search engines will pass link authority to the linked website. But it stops certain parts of HTTPHyperText Transfer Protocol information from being passed.

The keyword noreferrer ensures that all information regarding the user will not be shared with the target site.

Memory allocation

First of all, most of the developers are not aware of this feature.

If the link does not have the noreferrer property, the newly opened tab shares its memory with the main tab. This will lead to memory overloading on the main tab, as shown in the screenshot below.



If the link has the noreferrer property, it opens tabs separately without overloading memory on the main tab.


RELATED TAGS

noreferrer
javascript
communitycreator
memory allocation

CONTRIBUTOR

Non Stop Learning...

Grokking Modern System Design Interview for Engineers & Managers

Ace your System Design Interview and take your career to the next level. Learn to handle the design of applications like Netflix, Quora, Facebook, Uber, and many more in a 45-min interview. Learn the RESHADED framework for architecting web-scale applications by determining requirements, constraints, and assumptions before diving into a step-by-step design process.

Keep Exploring