● Article lacks heading. （記事に見出しがありません）エラー

Article lacks heading. Consider using h2-h6 elements to add identifying headings to all articles.

<article>
    <section>
	    <h2>見出し1</h2>
    </section>
    <section>
        <h3>見出し2</h3>
    </section>
</article>

　↓

<article>
    <h1>見出し</h1>
    <section>
	    <h2>見出し1</h2>
    </section>
    <section>
        <h3>見出し2</h3>
    </section>
</article>

● Diagnostics / document.write

DiagnosticsMore information about the performance of your application. These numbers don't directly affect the Performance score.
For users on slow connections, external scripts dynamically injected via `document.write()` can delay page load by tens of seconds. Learn more.

が出るときは document.write(); をやめて見ましょう。

Googleで [user-scalable="no"] is used in the element or the [maximum-scale] attribute is less than 5. と出るときは次のようにしましょう。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">

● 100% appropriately sized tap targets (タップターゲットのサイズが適切ではありません)

最低でも48x48pxのクリック領域を確保しましょう。

● ボタンにアクセス可能な名前がありません（Buttons do not have an accessible name）を修正する

Google lighthouse にて「Buttons do not have an accessible name」が出た時の対処

aria-label　をつけましょう

<button class="navbar-toggle" type="button" >navigation bar</button>

　↓

<button class="navbar-toggle" type="button" aria-label="ナビゲーションの切替">navigation bar</button>

WAI-ARIAの基本 - ウェブ開発を学ぶ | MDN

ARIA ラベルと関係性  |  Web  |  Google Developers

ARIA は要素にラベルと説明を加える複数の仕組みを提供します。実際に、ARIA はユーザー補助のサポートや説明テキストを追加できる唯一の方法です。読み取り可能なラベルを作成する際に ARIA が使用するプロパティを見てみましょう。

Aタグに aria-label をつけてみましょう

<a href="article_123.html">続きを読む</a>

　↓

<a href="article_123.html" aria-label="記事「ホッキョクグマの生態について」の続きを読む">続きを読む</a>

BUTTONタグに aria-label をつけてみましょう

<button type="submit" class="btn btn-default">検索</button>

　↓

<button type="submit" class="btn btn-default" aria-label="検索する">検索</button>

SELECTタグに aria-label をつけてみましょう

<select onchange="location.href='hoge.html';">

　↓

<select onchange="location.href='hoge.html';" aria-label="hogeページへ移動します）">

● サイトで rel="noopener" を使用して外部アンカーを開く

target="_blank"　で開くリンクに rel="noopener" をつけ忘れてはいませんか？

target="_blank" を使用して任意のページから別のページにリンクしている場合、リンク元のページとリンク先のページは同じプロセスで動作します。 そのため、リンク先のページで負荷の高い JavaScript が実行されていると、リンク元のページのパフォーマンスが低下するおそれがあります。

また、target="_blank" にはセキュリティ上の脆弱性もあります。リンク先のページでは window.opener を使用して親ウィンドウのオブジェクトにアクセスしたり、window.opener.location = newURL によって親ページの URL を変更したりできます。

リンクに rel="noopener" を追加する

<a href="link.html" target="_blank">サイトへのリンク</a>

　　↓

<a href="link.html" target="_blank" rel="noopener">サイトへのリンク</a>

リンクに rel="noopener noreferrer" を追加する

<a href="link.html" target="_blank">サイトへのリンク</a>

　　↓

<a href="link.html" target="_blank" rel="noopener noreferrer">サイトへのリンク</a>

https://developers.google.com/web/tools/lighthouse/audits/noopener?hl=ja