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

関連記事

  1. Web関連

    WordPressを使った簡単なオリジナル(っぽい)フォトブログ制作2

    こんにちは。育児に家事に大忙しのディレクター、望月です。限られた時間の…

  2. Web関連

    死ぬまでに絶対やっておきたい!-終活データ整理編

    「終活」とはご存知でしょうか?最近ですと葬儀や財産だけでなく、PCやス…

  3. Web関連

    最近のIoEとIoT事情について思ったこと

    インターネットを利用したことが無い人は今の日本にいるのでしょうか・・!…

  4. Web関連

    部屋の片付け -どうしても後回しになっちゃう人へ-

    こんにちは。2015年こそ旅に出よう!と思っている情報デザイン部門の行…

  5. Web関連

    web制作会社が紹介するW3Cチェック(validator)の使い方

    Webに関わる方ならご存知の人が多いと思いますが、W3CというWebに…

おすすめ記事

最近の記事

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

アーカイブ

  1. Web関連

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

    乾燥は美容、病気の敵!冬は加湿器で乾燥対策!
  3. Web関連

    CMSとしてのWordPress導入 その2
  4. Web関連

    野球がしたい人のためのコミュニティサイト活用術
  5. Web関連

    まだ間に合う!オウンドメディアを活用したマーケティング ~飲食・食品業界編~
PAGE TOP