Saturday, June 30, 2018

Manfaat noopener rel tag

Tahukah anda rel=noopener tag? Jika tidak, hal ini cukup wajar, karena tag ini baru kita ketahui kalau melihat source, tidak terlihat melalui mouse over. Bagaimana penerapannya dan manfaatnya?

Penerapan tag rel noopener

Tag rel noopener digunakan untuk tautan kepada sumber tidak asli yang utamanya dengan sasaran _blank. Tautan-tautan afiliasi direkomendasikan untuk menggunakan tag ini.
Contoh penerapan :
<a href="https://www.joinmysfiteam.com/18982068" target="_blank" rel="noopener">Join My Team</a>.

Manfaat

Tag rel=noopener memberikan manfaat performance. Jika laman baru yang anda tautkan tanpa tag tersebut mengeksekusi JavaScript yang berat, kinerja laman anda juga bisa terkena dampaknya. Sebaliknya, jika menggunakan tag tersebut, proses window.opener dapat dicegah. Tanpa noopener DOM memberikan kita akses cross-window synchronous melalui proses window opener, windows diluncurkan melalui target=_blank dan bermuara pada proses dan thread yang sama.