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

関連記事

  1. Web関連

    やっぱりスニーカーが好き!オススメスニーカーECサイト3選!

    さて、すっかり夏の陽気になってきましたね!夏と言えばアウトドア、フェス…

  2. Web関連

    【デザイナー必見!】日本語Webフォントをダウンロードできるサイトまとめ

    皆さんはデザインにおいてフォントがどれぐらい重要か意識したことあります…

  3. Web関連

    コンバージョンを上げるABテストとは!?

    今回は「ABテスト実施例」を紹介したいと思います。以前私は「A…

  4. Web関連

    初めてのFintech

    Fintechとはなにかみなさんご存じでしょうか?Fintechと…

  5. Web関連

    モバイルページの超高速化!? AMP(Accelerated Mobile Pages)とは?

    昨年4月のモバイルフレンドリーの導入から、Webサ…

  6. Web関連

    それ、時短ツールでもっと早くできるかも!

    年末年始、GW、夏期休暇など長期の休みの前後、Web担当の方はかなり忙…

おすすめ記事

最近の記事

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

アーカイブ

  1. Web関連

    【人工知能・AI×観光】迷子は人工知能で解決できる!
  2. Web関連

    最新「HTML5」の実力に迫る!!
  3. Web関連

    今が旬!知って得するスマートオフィス
  4. AI関連

    【ホームページ制作】採用はもうAI(人工知能)がやれば良い。
  5. Web関連

    ワンピースの『悪魔の実』専門ECサイトを構築しよう
PAGE TOP