Chrome Dev Summit 2018 is happening now and streaming live on YouTube. Watch now.

Situs Membuka Jangkar Eksternal Menggunakan rel="noopener"

Mengapa audit itu penting

Ketika laman Anda menautkan ke laman lain menggunakan target="_blank", laman baru berjalan pada proses yang sama dengan laman Anda. Jika laman baru mengeksekusi JavaScript yang berat, kinerja laman Anda juga bisa terkena dampaknya.

Di atas semua itu, target="_blank" juga rentan keamanannya. Laman baru memiliki akses ke objek jendela melalui window.opener, dan bisa mengarahkan laman Anda ke URL yang berbeda menggunakan window.opener.location = newURL.

Lihat Manfaat Kinerja dari rel=noopener untuk informasi selengkapnya.

Cara untuk lulus audit

Menambahkan rel="noopener" ke setiap tautan yang telah diidentifikasi Lighthouse dalam laporan Anda. Secara umum, selalu tambahkan rel="noopener" ketika Anda membuka tautan eksternal di jendela atau tab baru.

<a href="https://examplepetstore.com" target="_blank" rel="noopener">...</a>

Cara implementasi audit

Bagian ini menjelaskan cara implementasi audit, agar Anda bisa memahami cara menghitung skor audit.

Lighthouse menggunakan algoritme berikut untuk menandai tautan sebagai kandidat rel="noopener" :

  1. mengumpulkan semua simpul <a> yang berisi atribut target="_blank" dan tidak mengandung atribut rel="noopener".
  2. Memfilter setiap tautan host yang sama.

Karena Lighthouse memfilter tautan host yang sama, ada sebuah kasus ekstrem yang mungkin perlu Anda waspadai jika bekerja pada situs yang besar. Bila laman Anda membuka tautan ke bagian lain situs Anda tanpa menggunakan rel="noopener", implikasi kinerja audit ini masih tetap berlaku. Namun, Anda tidak akan melihat tautan tersebut dalam hasil Lighthouse Anda.