# サーバ高速化でSEO効果を高める！通信設定・表示速度改善の具体的な方法

> **Canonical:** https://www.tsuyoshikashiwazaki.jp/blog/what-is-core-web-vitals/speedup-by-server-communication-settings/
> This Markdown is the AI-optimized parallel version of the canonical HTML page above. Authority, freshness, and canonicalness belong to the canonical page.

> **Schema.org/Article**
> - headline: サーバ高速化でSEO効果を高める！通信設定・表示速度改善の具体的な方法
> - author: 柏崎剛
> - datePublished: 2020-07-02T11:07:13+09:00
> - dateModified: 2025-12-18T12:12:36+09:00
> - inLanguage: ja
> - url: https://www.tsuyoshikashiwazaki.jp/blog/what-is-core-web-vitals/speedup-by-server-communication-settings/
>
> **Schema.org/BreadcrumbList**
> - 1: SEO対策研究室 (https://md.tsuyoshikashiwazaki.jp/)
> - 2: サーバ高速化でSEO効果を高める！通信設定・表示速度改善の具体的な方法 (https://md.tsuyoshikashiwazaki.jp/blog/what-is-core-web-vitals/speedup-by-server-communication-settings/)

目次閉じるもっと見る

## 要約：

- サイト上のコンテンツを圧縮して、転送量を減らすことで高速表示させる。
- ブラウザのキャッシュの活用や、画像サイズの縮小が内部SEOには最重要。
- サイトレスポンスを向上させる事は、ユーザー体験も並行して上昇させる。

## 高速化の手段は様々ある

Webサイトの表示速度を改善するための手段は多岐にわたりますが、本記事ではサーバー側の設定に注目して、gzipの導入やブラウザキャッシングの活用といったサイトのレスポンスを向上させる方法をご紹介します。サーバー設定を適切に行うことで、ユーザー体験の向上とSEOパフォーマンスの改善が期待できるでしょう。

AMP化や次世代フォーマットの画像使用など、コンテンツそのものの軽量化や、サーバー以外のソフトウェア・ハードウェアを活用した高速化については、別記事をあわせてご覧いただくことで、サイト全体のパフォーマンスをより包括的に最適化できるようになります。

## gzipの導入

物理的にファイルサイズを圧縮したり、そもそもシンプルなコンテンツに作り替える手法も、Google Page Speed Insightにおいても推奨されている項目ではありますが、大本のサーバ設定において、通信方式にgzipを導入することも高速化させる為の有効な手段になります。

このgzipは、Apacheであればmod_deflateというオプションモジュールを導入することにより実装可能です。  
少し難しい話になりますが、.htaccessといったファイルに、以下のような記述をしておくと、適切なモジュールがインストールされているサーバに限り、gzipを簡単に組み込む事が出来ます。

```
<IfModule mod_deflate.c>SetOutputFilter DEFLATE# Mozilla4系などの古いブラウザで無効、しかしMSIEは除外BrowserMatch ^Mozilla/4\.0[678] no-gzipBrowserMatch ^Mozilla/4 gzip-only-text/htmlBrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html# gifやjpgなど圧縮済みのコンテンツは再圧縮しないSetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png|ico)$ no-gzip dont-varySetEnvIfNoCase Request_URI _\.utxt$ no-gzip# htmlやcssなどは圧縮AddOutputFilterByType DEFLATE text/plainAddOutputFilterByType DEFLATE text/htmlAddOutputFilterByType DEFLATE text/xmlAddOutputFilterByType DEFLATE text/cssAddOutputFilterByType DEFLATE application/xhtml+xmlAddOutputFilterByType DEFLATE application/xmlAddOutputFilterByType DEFLATE application/rss+xmlAddOutputFilterByType DEFLATE application/atom_xmlAddOutputFilterByType DEFLATE application/x-javascriptAddOutputFilterByType DEFLATE application/x-httpd-php</IfModule>
```

また、Apacheと双璧をなす、NginxではデフォルトでgzipのHTTP圧縮通信に対応しており、nginx.confにおいて、

```
gzip on;gzip_types image/png image/gif image/jpeg text/javascript text/css;
```

といった記述することでも簡単に導入することができます。

### どういった仕組みか

改めての解説となりますが、gzipはサイト上のコンテンツを圧縮して、転送量を減らすことで高速表示を可能にするモジュールです。  
転送量が減る反面、CPUの処理が増えるため、処理能力にボトルネックがある場合は逆にレスポンス速度が低下してしまう恐れがあります。

圧縮といえば、普段身近にあるものとして、zip形式やtgz形式のファイルがあります。  
これらの圧縮技術と同様で、クライアントからホストサーバにリクエストが行われた際、サーバ上で予めコンテンツを圧縮して、返送の際にはクライアントに圧縮されたデータを戻すといった仕組みになります。

ホストサーバでは圧縮処理が行われることになるので、大量のリクエストが発生する場合は、むしろレスポンス低下を招くことになりますが、極端に質の低い共有サーバといったサービスを使用していない限り、パフォーマンスは向上します。

### Google PageSpeed Insightにより評価される項目の１つ

何より注目するべきところは、サイトにgzipが導入されていると、Google PageSpeed Insightで評価される点です。

![](<https://www.tsuyoshikashiwazaki.jp/wp-content/uploads/2020/06/gzipokspeedinsights.png>)

*Enable text compression*

通信量が減るということは、ファイル容量が減ることと同じことなので、適切にgzipが導入されていれば、当然通信スピードが早くなります。  
しかしながら、Googleはコアウェブバイタルの要素の１つである【First Contentful Paint（以下FCP）】を評価対象としており、サーバへの問い合わせ後、何らかのコンテンツがクライアント側に始めて表示されるタイミングも重要視しているのです。  
gzip処理をおこなうことにより、サーバに大きな負荷が掛かってしまうと、そもそも初回レンダリングが遅くなってしまう可能性があるので、FCPが遅くなってしまうようであれば、導入は控えたほうが良いと考えられます。

## Browser Cachingの導入

通信量を削減するもう１つのサーバ設定手段として、Browser Cachingの導入が挙げられます。

gzipと同様にGoogle PageSpeed Insightで改善が要求される重要な項目の１つです。  
しかしながら、gzipと大きく異る点として、Browser Cachingはサーバ側にあまり負荷が掛かりません。

実装方法はWEBサーバがApacheの場合、.htaccessなどに処理を記載することで実現可能です。  
以下にサンプルを載せますが、幾分強めのキャッシュ設定ですので適宜調整してください。

```
ExpiresActive OnExpiresByType image/jpg "access 1 year"ExpiresByType image/jpeg "access 1 year"ExpiresByType image/gif "access 1 year"ExpiresByType image/png "access 1 year"ExpiresByType image/svg "access 1 year"ExpiresByType text/css "access 1 month"ExpiresByType application/pdf "access 1 month"ExpiresByType application/javascript "access 1 month"ExpiresByType application/x-javascript "access 1 month"ExpiresByType application/x-shockwave-flash "access 1 month"ExpiresByType image/x-icon "access 1 year"ExpiresDefault "access 2 days"
```

また、WEBサーバがNginxであれば、nginx.confに以下のような記述を行います。

```
expires 10d;
```

### どういった仕組みか

その名の通り、クライアント（ユーザー）側のブラウザにサイトコンテンツをキャッシュさせる技法です。  
サーバサイドの設定でブラウザにリソースを保持させる期間を指定することになります。

しかしながら、これにもデメリットもあります。  
指定期間の間は、ブラウザ側に保持されてるキャッシュデータを手動で消去しない限り、仮にサーバ側のコンテンツが更新されていたとしても、古いデータが表示されることになります。

リアルタイムにコンテンツを更新しているような情報配信サイトは、過度にキャッシュを効かせてしまうと不都合が生じる可能性があります。

### gzipと同じくGoogle PageSpeed Insightにより評価

![](<https://www.tsuyoshikashiwazaki.jp/wp-content/uploads/2020/06/%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%82%AD%E3%83%A3%E3%83%83%E3%82%B7%E3%83%A5.png>)

*Browser Caching*

Browser Cachingによってクライアント側でコンテンツデータが保持されることにより、２度目のアクセス以降、一定期間は送受信とサーバ処理自体が発生しませんので、確実にサイトの高速化が図れると言えるでしょう。

## まとめ

データ通信量を最小限に抑えることは、回線速度を強化するよりも効率的ではありますが、何も考えずにgzipやBrowser Cachingを導入すれば良いというわけではありません。  
その特色や仕組み、メリット・デメリットを理解した上で、導入前と導入後のサーバレスポンスや通信負荷をしっかりと確認することが必要となります。  
適切なサーバ設定で最大限の通信パフォーマンスを発揮できるようにチューニングを行えるように経験を積みましょう。

## 独自調査と集計結果

あなたのブログやサイトで、通信設定の最適化を行ったことはありますか？集計データを拡大[このデータセットの詳細ページを見る](<https://md.tsuyoshikashiwazaki.jp/datasets/detail-19941/>)

## よくある質問

 

### 📕 Webサイトを高速化するための効果的な方法は何ですか？

   

📖 Webサイトの高速化には、画像の最適化、CSSやJavaScriptの圧縮、ブラウザキャッシュの活用、サーバーの応答時間の短縮、CDN（コンテンツデリバリーネットワーク）の導入などが効果的です。これらの手法を組み合わせることで、ユーザー体験の向上と検索エンジンでの評価向上が期待できます。

    

### 📕 HTMLを軽量化するためのツールにはどのようなものがありますか？

   

📖 HTMLの軽量化には、オンラインツールやソフトウェアが利用できます。例えば、「HTMLminify」は、HTMLファイルから不要なスペースや改行、コメントを削除し、ファイルサイズを縮小するフリーソフトウェアです。これにより、ページの読み込み速度が向上し、ユーザー体験の改善に寄与します。

    

### 📕 ページの読み込み速度を向上させるにはどうすればよいですか？

   

📖 ページの読み込み速度を向上させるためには、画像や動画の最適化、CSSやJavaScriptの圧縮と非同期読み込み、サーバーの応答時間の短縮、ブラウザキャッシュの活用、CDNの導入などが有効です。これらの対策を実施することで、ユーザー体験の向上と検索エンジンでの評価向上が期待できます。

   

## 関連する記事

[!\[AMPの導入とはと記載された画像\](<https://www.tsuyoshikashiwazaki.jp/wp-content/uploads/2020/04/AMP%E3%81%AE%E5%B0%8E%E5%85%A5%E3%81%A8%E3%81%AF-300x169.png>)](<https://md.tsuyoshikashiwazaki.jp/blog/what-is-core-web-vitals/how-to-install-amp-html/>)[AMPとは？モバイルSEOを強化する最新対策と導入方法を徹底解説](<https://md.tsuyoshikashiwazaki.jp/blog/what-is-core-web-vitals/how-to-install-amp-html/>)AMP導入でモバイルSEOを強化し、ページ高速化とユーザーフ…[!\[WebPの導入とはと記載された画像\](<https://www.tsuyoshikashiwazaki.jp/wp-content/uploads/2020/03/WebP%E3%81%AE%E5%B0%8E%E5%85%A5%E3%81%A8%E3%81%AF-300x169.jpg>)](<https://md.tsuyoshikashiwazaki.jp/blog/what-is-core-web-vitals/introducing-webp/>)[WebPとは？メリット・デメリットや他の画像形式との違い・変換方法を徹底解説](<https://md.tsuyoshikashiwazaki.jp/blog/what-is-core-web-vitals/introducing-webp/>)WebP画像フォーマットのメリット・デメリットや他の画像形式…[!\[AVIFとは？軽量で高画質な次世代画像圧縮フォーマットを解説\](<https://www.tsuyoshikashiwazaki.jp/wp-content/uploads/2024/12/AVIF-300x169.jpg>)](<https://md.tsuyoshikashiwazaki.jp/blog/what-is-core-web-vitals/avif/>)[AVIFとは？次世代画像フォーマットの特徴・圧縮率から変換ツールまで徹底解説](<https://md.tsuyoshikashiwazaki.jp/blog/what-is-core-web-vitals/avif/>)AVIFは次世代のウェブ画像フォーマットで、高い圧縮率と優れ…[!\[コアウェブバイタル改善方法を解説する記事のアイキャッチ画像 オレンジ色の背景に最新情報！コアウェブバイタル改善方法というテキストと笑顔の柏崎剛と頭を抱える人のイラストが配置されている\](<https://www.tsuyoshikashiwazaki.jp/wp-content/uploads/2022/04/%E3%83%A1%E3%82%A4%E3%83%B3%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB%E3%83%BB%E3%82%B3%E3%82%A2%E3%82%A6%E3%82%A7%E3%83%96%E3%83%90%E3%82%A4%E3%82%BF%E3%83%AB%E6%94%B9%E5%96%84%E6%96%B9%E6%B3%95-300x169.png>)](<https://md.tsuyoshikashiwazaki.jp/blog/what-is-core-web-vitals/>)[コアウェブバイタルとは？3つの指標とSEOを高めるための対策方法を徹底解説](<https://md.tsuyoshikashiwazaki.jp/blog/what-is-core-web-vitals/>)コアウェブバイタルはGoogle検索ランキングに影響するペー…[!\[「ゲストブログとは ゲスト投稿でオーソリティーを強化する 」と書かれた画面の前で、 他サイトへの寄稿によるリンクや権威性の獲得の仕組み を解説する男性。\](<https://www.tsuyoshikashiwazaki.jp/wp-content/uploads/2020/12/%E3%82%B2%E3%82%B9%E3%83%88%E3%83%96%E3%83%AD%E3%82%B0%E3%81%A8%E3%81%AF-300x169.png>)](<https://md.tsuyoshikashiwazaki.jp/blog/backlink-seo/guest-blogging-and-guest-posting/>)[ゲストブログ(Guest Blogging)とは？ゲスト投稿(Guest Pos...](<https://md.tsuyoshikashiwazaki.jp/blog/backlink-seo/guest-blogging-and-guest-posting/>)ゲストブログやゲスト投稿は、オーソリティ向上やSEO効果を高…[!\[SEO対策のメリット・デメリットを解説する画像\](<https://www.tsuyoshikashiwazaki.jp/wp-content/uploads/2022/04/SEO%E5%AF%BE%E7%AD%96%E3%81%AE%E3%83%A1%E3%83%AA%E3%83%83%E3%83%88%E3%83%BB%E3%83%87%E3%83%A1%E3%83%AA%E3%83%83%E3%83%88-300x169.png>)](<https://md.tsuyoshikashiwazaki.jp/blog/seo/advantages-and-disadvantages-of-seo/>)[SEOのメリットとデメリットとは？現場経験から本音で解説](<https://md.tsuyoshikashiwazaki.jp/blog/seo/advantages-and-disadvantages-of-seo/>)SEOのメリットとデメリットを長年の経験から解説。長期安定し…‹›

## 記事が気に入ったらシェアをお願いします！

[](<https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fwww.tsuyoshikashiwazaki.jp%2Fblog%2Fwhat-is-core-web-vitals%2Fspeedup-by-server-communication-settings%2F&linkname=%E3%82%B5%E3%83%BC%E3%83%90%E9%AB%98%E9%80%9F%E5%8C%96%E3%81%A7SEO%E5%8A%B9%E6%9E%9C%E3%82%92%E9%AB%98%E3%82%81%E3%82%8B%EF%BC%81%E9%80%9A%E4%BF%A1%E8%A8%AD%E5%AE%9A%E3%83%BB%E8%A1%A8%E7%A4%BA%E9%80%9F%E5%BA%A6%E6%94%B9%E5%96%84%E3%81%AE%E5%85%B7%E4%BD%93%E7%9A%84%E3%81%AA%E6%96%B9%E6%B3%95>)[](<https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Fwww.tsuyoshikashiwazaki.jp%2Fblog%2Fwhat-is-core-web-vitals%2Fspeedup-by-server-communication-settings%2F&linkname=%E3%82%B5%E3%83%BC%E3%83%90%E9%AB%98%E9%80%9F%E5%8C%96%E3%81%A7SEO%E5%8A%B9%E6%9E%9C%E3%82%92%E9%AB%98%E3%82%81%E3%82%8B%EF%BC%81%E9%80%9A%E4%BF%A1%E8%A8%AD%E5%AE%9A%E3%83%BB%E8%A1%A8%E7%A4%BA%E9%80%9F%E5%BA%A6%E6%94%B9%E5%96%84%E3%81%AE%E5%85%B7%E4%BD%93%E7%9A%84%E3%81%AA%E6%96%B9%E6%B3%95>)[](<https://www.addtoany.com/add_to/line?linkurl=https%3A%2F%2Fwww.tsuyoshikashiwazaki.jp%2Fblog%2Fwhat-is-core-web-vitals%2Fspeedup-by-server-communication-settings%2F&linkname=%E3%82%B5%E3%83%BC%E3%83%90%E9%AB%98%E9%80%9F%E5%8C%96%E3%81%A7SEO%E5%8A%B9%E6%9E%9C%E3%82%92%E9%AB%98%E3%82%81%E3%82%8B%EF%BC%81%E9%80%9A%E4%BF%A1%E8%A8%AD%E5%AE%9A%E3%83%BB%E8%A1%A8%E7%A4%BA%E9%80%9F%E5%BA%A6%E6%94%B9%E5%96%84%E3%81%AE%E5%85%B7%E4%BD%93%E7%9A%84%E3%81%AA%E6%96%B9%E6%B3%95>)[](<https://www.addtoany.com/add_to/linkedin?linkurl=https%3A%2F%2Fwww.tsuyoshikashiwazaki.jp%2Fblog%2Fwhat-is-core-web-vitals%2Fspeedup-by-server-communication-settings%2F&linkname=%E3%82%B5%E3%83%BC%E3%83%90%E9%AB%98%E9%80%9F%E5%8C%96%E3%81%A7SEO%E5%8A%B9%E6%9E%9C%E3%82%92%E9%AB%98%E3%82%81%E3%82%8B%EF%BC%81%E9%80%9A%E4%BF%A1%E8%A8%AD%E5%AE%9A%E3%83%BB%E8%A1%A8%E7%A4%BA%E9%80%9F%E5%BA%A6%E6%94%B9%E5%96%84%E3%81%AE%E5%85%B7%E4%BD%93%E7%9A%84%E3%81%AA%E6%96%B9%E6%B3%95>)[](<https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fwww.tsuyoshikashiwazaki.jp%2Fblog%2Fwhat-is-core-web-vitals%2Fspeedup-by-server-communication-settings%2F&linkname=%E3%82%B5%E3%83%BC%E3%83%90%E9%AB%98%E9%80%9F%E5%8C%96%E3%81%A7SEO%E5%8A%B9%E6%9E%9C%E3%82%92%E9%AB%98%E3%82%81%E3%82%8B%EF%BC%81%E9%80%9A%E4%BF%A1%E8%A8%AD%E5%AE%9A%E3%83%BB%E8%A1%A8%E7%A4%BA%E9%80%9F%E5%BA%A6%E6%94%B9%E5%96%84%E3%81%AE%E5%85%B7%E4%BD%93%E7%9A%84%E3%81%AA%E6%96%B9%E6%B3%95>)[](<https://www.addtoany.com/add_to/pinterest?linkurl=https%3A%2F%2Fwww.tsuyoshikashiwazaki.jp%2Fblog%2Fwhat-is-core-web-vitals%2Fspeedup-by-server-communication-settings%2F&linkname=%E3%82%B5%E3%83%BC%E3%83%90%E9%AB%98%E9%80%9F%E5%8C%96%E3%81%A7SEO%E5%8A%B9%E6%9E%9C%E3%82%92%E9%AB%98%E3%82%81%E3%82%8B%EF%BC%81%E9%80%9A%E4%BF%A1%E8%A8%AD%E5%AE%9A%E3%83%BB%E8%A1%A8%E7%A4%BA%E9%80%9F%E5%BA%A6%E6%94%B9%E5%96%84%E3%81%AE%E5%85%B7%E4%BD%93%E7%9A%84%E3%81%AA%E6%96%B9%E6%B3%95>)[](<https://www.addtoany.com/add_to/sms?linkurl=https%3A%2F%2Fwww.tsuyoshikashiwazaki.jp%2Fblog%2Fwhat-is-core-web-vitals%2Fspeedup-by-server-communication-settings%2F&linkname=%E3%82%B5%E3%83%BC%E3%83%90%E9%AB%98%E9%80%9F%E5%8C%96%E3%81%A7SEO%E5%8A%B9%E6%9E%9C%E3%82%92%E9%AB%98%E3%82%81%E3%82%8B%EF%BC%81%E9%80%9A%E4%BF%A1%E8%A8%AD%E5%AE%9A%E3%83%BB%E8%A1%A8%E7%A4%BA%E9%80%9F%E5%BA%A6%E6%94%B9%E5%96%84%E3%81%AE%E5%85%B7%E4%BD%93%E7%9A%84%E3%81%AA%E6%96%B9%E6%B3%95>)

---

> **Schema.org/Person** (author)
> - name: 柏崎剛
> - url: https://www.tsuyoshikashiwazaki.jp/profile/
>
> **Schema.org/Organization** (site owner)
> - name: SEO対策研究室
> - url: https://www.tsuyoshikashiwazaki.jp/
> - logo: https://www.tsuyoshikashiwazaki.jp/wp-content/uploads/2025/07/cropped-20250722-114641-3bfe11f1.jpg