The #ChromeDevSummit site is live, happening Nov 12-13 in San Francisco, CA
Check it out for details and request an invite. We'll be diving deep into modern web tech & looking ahead to the platform's future.

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.