rel="noopener noreferrer"について

rel="noopener noreferrer"をどうするか

<a target="_blank">にrel="noopener noreferrer"がついてないというのをレビューで見つけたのでコメントで話していたら、一部ブラウザは書かなくてもnoopenerの対応がされていたりするので書かなくていいかも？というのを聞いた。

のでちょっと調べてみた。

まず、noopenerとnoreferrerのどっちつける？それとも両方つける？両方つけない？というのを調べた。

これを見ると、ほぼnoreferrerだけでよさそう。

いくつか(多少古いとはいえ)記事を読んだら、現状は両方つけるのがよさそうという結論。

noopenerは、新しめなブラウザでは標準となっているが、新しいブラウザを使っていないユーザーの想定をしたら欲しい。

noreferrerは、IE 利用者を考えると必須。

というわけで、結果としてrel="noopener noreferrer"の両方をつけるというのに落ち着いた。

先程挙げたこの記事でも、デメリットは微々たるバンドルサイズの増加くらいしかないのでつけたほうがよさそう。

あと IE は 11 で Win10 の later version だけnoreferrerが効くということで、救えない部分が大半なのが悲しすぎる。