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

関連記事

  1. Web関連

    360度見れる動画?!新しい動画時代の始まり!

    皆さんはYoutubeを見たことはありますか?スマートフォンが普及し…

  2. Web関連

    今さら聞けない!リードジェネレーション(リード獲得)のいろはのゐ

    マーケティングの重要な使命の一つに「リードジェネレーシ…

  3. Web関連

    iPhone 6sが気になる!!

    iPhone 6sが気になる!!アップルからiPhone 6sが発売…

  4. Web関連

    肌のトラブルは女性だけではない!男性向け化粧品の売り出し方!

    夏の日差し、冬の乾燥、吹き出物など肌のトラブルは女性だけでの悩みではあ…

  5. Web関連

    クラウドファンディングで商品化された事例4選

    世界中で注目が集まっているクラウドファンディングでは、日々さまざまな…

  6. Web関連

    Amazon をもっと利用しよう!子育てアイディア集

    こんにちは。育児に家事に大忙しのディレクター、望月です。今日は、私の重…

おすすめ記事

最近の記事

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

アーカイブ

  1. Web関連

    短時間でクオリティが上がる、Webデザインのテクニック
  2. AIさくらさん

    【人工知能(AI)×観光】観光業界でこれが当たる!話題の人工知能サービス
  3. Web関連

    顔までも分かる!?DNAの可能性とは。
  4. Web関連

    「Windows 10」の登場で、web制作は変わるのか?
  5. SNS関連

    SNSマーケティングって何すればいいの? - 第1弾! –
PAGE TOP