tech-hint https://blog.hatena.ne.jp/tech-hint/ tech-hint https://tech-hint.hatenablog.com/ はじめに ウェブサイトのパフォーマンス最適化は、ユーザーエクスペリエンスを向上させる上で欠かせない要素です。今回は、ウェブページの読み込み速度を最適化するためのHTMLリンクタグである dns-prefetch と preconnect について詳しく解説します。 プリフェッチとプリコネクトとは？ 以下のようなHTMLタグを見たことがあるでしょうか？ <link rel="preconnect dns-prefetch" href="//example.net"> このタグには2つの重要な役割があります： 1. DNS プリフェッチ (dns-prefetch) dns-prefetch は、… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech-hint.hatenablog.com%2Fentry%2F2025%2F03%2F19%2F153741" title="HTML最適化：プリフェッチとプリコネクトの正しい使い方 - tech-hint" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2025-03-19 15:37:41 rich https://tech-hint.hatenablog.com/entry/2025/03/19/153741 1.0 100%