Web関連

多言語翻訳Web制作を考えている皆様必見!CDNでサイトの表示速度対策しよう

0

オリンピックも近くなってきたからか、最近弊社にもWebサイトの多言語化の依頼が増えてきております!
インターネットで世界中とつながっているため、Webサイトで展開するサービスの多言語化、他国への進出の勢いが止まりません…。

そんな中、海外サイトの表示速度について、皆様気されたことがありますか?
普段Webサイトを閲覧している際に、表示速度が遅いとイライラしてしまう人も多いのではないかと思います。
海外の方も同じです!今回は海外サイトの表示速度を改善する方法をご紹介いたします。

 

CDNを使って表示速度を改善!

CDNと書いたのですが、「CDN、初めて聞きました!」という方も多いかと思います。

“CDNとはコンテンツ デリバリー ネットワーク(Contents Delivery Network)の略称です。Webサイト配信の際に、Webサイトのコンテンツデータがアップされているサーバー以外のキャッシュサーバーからもコンテンツ配信することで、サーバーの負荷が分散されます。そのため、表示速度の改善にもつながっていくサービスです。”

世界各地にあるサーバーからコンテンツを配信することで、一つのサーバーに負荷がかからない仕組みとなっています。
CDNのサービスを使うことで、負荷分散をすることができます。

CDNってどうやって導入すればいいの?

では実際どのように設定・確認すればよいのでしょうか…?

CDNのサービスはたくさんありますが、今回はアマゾンのCloudFront(クラウドフロント)を使った場合、公開する際にどのように設定すればよいか、実際にCDNが動いているのかを確認する方法をご紹介いたします。

DNS切り替えの際には、サイトのドメイン名ではなく、CDNが吐き出すURLを設定

サイトを公開する際には、DNSサービスを使ってサーバーのIPアドレスにサイトのドメイン名を指定すると思います。

CloudFrontでは違うのです!
CDNで吐き出されるドメインを設定して、そのサーバーからコンテンツ配信されているように見せていきます。

例)ドメイン名 《レコードの種類}  d2uc56hr1b.cloudfront.net

このような形で設定をすることでサイトのURLにアクセスした際に自動的に一番近いキャッシュサーバーからコンテンツが配信されるようになります。

FireFoxの開発モードで確認

実際にCDNが動いているのか…。パッと見ではわかりません。

そんなときにはFireFoxの開発モードで確認することができます!
確認する方法は以下の手順です。

1)FireFoxで確認したいサイトを開く。

2)右クリックをして、「要素を調査」を選択。

3)ネットワークのタブをクリックしてHTMLソースのヘッダー情報にある「X-Cache」が「Hit from cloudfront」となってるかを確認。

3)でMissではなく、Hitとなっていれば問題ないです!
確認する方法は簡単ですよね?

まとめ

結構簡単に設定できることがお分かりいただけましたでしょうか?

細かな設定はほかにももちろん必要になりますので、その際は制作会社やサーバー会社にご相談くださいませ!

Web制作でお困りの方はWeb制作会社ティファナにご相談ください!

お問い合わせはこちらから

関連するサービス

ホームページ制作

多言語翻訳対応

関連コラム

大手企業も導入しているAWSとは?

東京オリンピックに向けインバウンド対策を!

ITがもたらす自動化の波

0

「お客様は神様!」と言うのはクレーマーだけ~では顧客満足度はどう上げる?~前のページ

【デザイナー必見!】街中でよく見かけるフォント(英語編)次のページ

ピックアップ記事

  1. 新型コロナウイルスで日本の働き方改革が起こる
  2. 大手企業も注目するMaaS(Mobility as a Service)とは何か…
  3. 新しい販売形態であるDtoCについて考えてみる
  4. AIに求められているものは、実は意外な物だった

関連記事

  1. Web関連

    SiriとOK Googleはどっちが優秀か、ティファナでやってみた。(OK Google編)

    今回は「SiriとOK Googleはどっちが優秀か、ティファナでやっ…

  2. Web関連

    クラウドビジネスの動向。世の中のサービスちょっとだけ調べてみました。

    こんにちは、コンサルの横山です。会社の掃除をすることが多くなってきまし…

  3. Web関連

    数字で見るあれこれ。身近な数字をインフォグラフィック化してみました。

    最近、ティファナの採用サイトにて「数字で見るティフ…

  4. Web関連

    ブログにコーポレートサイトにどうぞ!WordPressテンプレートの紹介

    こんにちは!ブログを始めてみたものの3日で書くネタに詰まったデザイナー…

  5. Web関連

    まるでおうちがアクアリウム?家から楽しめるオンライン水族館!

    新型コロナウィルスの影響で、「Stay Home」「おうち時間」という…

  6. Web関連

    マルチデバイス対応インバウンド接客が訪日外国人観光客満足度アップのカギ!

    年々増加を続ける訪日外国人観光客みなさん、海外旅行は好きですか?…

自治体向けDX推進サービス

AIさくらさん for 自治体DX

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. AI関連

    最近よく聞く「AIチャットボット」、どこがAIなの?
  2. Web関連

    なぜ無料なのか理解出来ない! 3DCGソフトblender
  3. Web関連

    関係あるのは映像業界だけじゃない!押し寄せる超・高解像度「4K解像度」の波!
  4. Web関連

    なるほどね!タスク管理と時間管理は深い関係性をもっていた!
  5. Web関連

    ポケモンGOはなぜヒットした?
PAGE TOP