ニュース
» 2022年07月19日 18時10分 公開

阿部寛のホームページをさらに高速化した猛者現る 35%の高速化に成功し速度制限未満でも一瞬で表示可能に(1/2 ページ)

もっと早く見たかったから助かる。

[コンタケ,ねとらぼ]

 シンプルな構成により爆速で表示されることで有名な阿部寛のホームページですが、さまざまな技術を駆使してさらに35%の高速化を実現した動画が人気です。ぜひ本家サイトでも取り入れてほしい改善策。

阿部寛のホームページ高速化 まだ高速化の余地が……!?

 この動画を公開したのは、コスメティック田中さん(YouTubeTwitter)。動画によると、阿部寛のホームページがホームページビルダーというやや古いソフトで作られているなど、近代的な技術を駆使すれば改善できる余地が見られることを発見し、高速化に乗り出したそうです。

阿部寛のホームページ高速化 今回実施する高速化
阿部寛のホームページ高速化 この2点を改善していきます

 最初に実施した高速化は、サイトの通信速度の改善から。CDNという技術で通信速度を上げる技術を使用するため、AmazonのCloudFrontにファイルをそのままアップロードして、コピーの阿部寛のホームページを作成しました。

阿部寛のホームページ高速化 ファイルをアップロードします

 このCDNの使用により、0.03秒ほどの高速化に成功。CDNは世界中のサーバにサイトのキャッシュを作成することで物理的な距離を短縮して海外のサイトでも早く見られるようにする技術ですが、日本にサーバがあると思われる阿部寛のホームページが速くなったのは、CloudFrontが次世代の通信を実装しているからではないかと推測しています。

阿部寛のホームページ高速化 高速化に成功

 続いてファイルサイズ圧縮のため、サイトトップにある阿部寛さんの写真を「.jpg」形式から次世代の「.webp」形式に変換し、背景の壁紙に使われている「ABE Hiroshi」の文字の画像を似たフォントの文字データで再現します。さらにトップページのメニューのため2つに分かれた部分を1つのファイルに結合し、ソースの改行も削除。これらの作業により、ファイルサイズを37.5キロバイトから9.5キロバイトへと約4分の1に圧縮できました。

阿部寛のホームページ高速化 画像ファイルを画質を損なわない程度に圧縮していきます

 こうしてできた改造サイトは、ただでさえ速い元のサイトと比べても体感で分かるほど読み込み速度の改善に成功。通信速度を5キロバイト/sに制限してみると、改造後のサイトの方が圧倒的に早く表示されました。計測サイトの結果によると、約35%ほど高速化できていたということです。

阿部寛のホームページ高速化 見事高速化に成功

画像提供:コスメティック田中さん(YouTubeTwitter

       1|2 次のページへ

Copyright © ITmedia, Inc. All Rights Reserved.

昨日の総合アクセスTOP10

  1. /nl/articles/2208/14/news053.jpg HIKAKINさん、イベント中に不審者に絡まれマイク奪われる 視聴者から「ガチの放送事故」「無事でよかった」の声
  2. /nl/articles/2208/11/news041.jpg この写真の中に“ドラえもん”が紛れています 難易度の高さに「ギブです」「ドラえもんは僕の心の中に」と諦める人続出
  3. /nl/articles/2208/14/news015.jpg 愛犬に「僕の子猫がいないんです」と呼ばれた飼い主 必死に探すワンコの姿に優しさと愛情があふれている
  4. /nl/articles/2208/14/news042.jpg 185センチの狩野舞子、土屋炎伽との2ショットに驚く人続出 “30センチ”に及ぶ身長差で「そんなにちがうんだ」
  5. /nl/articles/2208/13/news074.jpg AIが描いた「台風が直撃したコミケ」の画像が大惨事 床はじゃぶじゃぶ、散らばる本……
  6. /nl/articles/2208/14/news010.jpg 子猫と猫じゃらしで遊ぼうと思ったら、まさかの…… “遊びながら怒る猫”に「初めて見ました」「最強にかわいい」の声
  7. /nl/articles/2208/14/news016.jpg 「笑えるくらいかわいい」「反則技」「耐えられない」 柴犬の“お耳ピョコン”が850万回再生突破、国内外で大反響!
  8. /nl/articles/2208/13/news077.jpg 「川遊びに行く前にぜひ見てほしい」 穏やかな沢が急に増水する「川の恐ろしさ」がわかる映像が勉強になる
  9. /nl/articles/2208/14/news011.jpg マックのハンバーガーを食べる娘に「今日のお昼ごはん何?」と聞かれ…… 青ざめる父の1コマに「うちも言う」と反響続々
  10. /nl/articles/2208/14/news035.jpg ペットのうさぎがいないケージを見て1歳娘が大号泣! すぐ後ろを跳ね回るうさぎに気づいた瞬間のリアクションに「天使」の声

先週の総合アクセスTOP10

  1. 競技中とのギャップ! 高梨沙羅、キャミソール私服でみせた大胆“美背中”に反響 「背中ガッポリ」「魅惑の黒トップス」
  2. かわいい妹すぎ! 北川景子、義姉・影木栄貴の結婚で“お姉ちゃん愛”が爆発する 「姉がどこか遠くへ行ってしまう」
  3. 泣いていた赤ちゃんが笑い声に、様子を見に行くと柴犬が…… 優しくあやす姿に「最高の育児パートナー」の声
  4. 「ごめん母さん。塩20キロ届く」LINEで謝罪 → お母さんからの返信が「最高」「まじで好きw」と話題に
  5. 「若い君にはこの絵の作者の考えなんて分からない」→「それ俺の絵」 ギャラリーで知らないおじさんから謎の説教を受けた作者に話を聞いた
  6. 木下優樹菜、元夫・フジモン&娘たちとディズニーシーを満喫 長女の10歳バースデーを祝福
  7. 黒柴の子犬が成長したら…… 頭だけ赤色に変化した驚きのビフォーアフターに「こんなことあるんですね」「レアでかわいい」の声
  8. 子「ごめん、もう仕事できない」→母「はぁい了解っっ」 退職を明るく認めた家族のLINEが優しい
  9. スタバの新作が王蟲っぽくてファンザワつく 「怖すぎる」「キショいから買いたくなった」
  10. カナダ留学中の光浦靖子、おしゃれヘアのソロショットに反響 「お元気そうでなにより」「別人のよう」

先月の総合アクセスTOP10

  1. 安倍元首相、銃で撃たれて意識不明か 事件時のものとみられる映像投稿される
  2. 野口五郎、20歳迎えた娘と誕生日デート 家族同然の西城秀樹さん長女も加わり「楽しい時間でした!」
  3. 「大阪王将」店舗にナメクジやゴキブリが発生? 元従業員の“告発”が衝撃与える 大阪王将「事実関係を調査中」
  4. この画像の中に「さかな」が隠れています 猫に見つからないように必死! 分かるとスッキリする隠し絵クイズに挑戦しよう 【お昼寝編】
  5. ダルビッシュ有&聖子、ドレスアップした夫婦ショットに反響 「ハリウッド俳優やん」「輝いてます」
  6. 「auの信頼度爆上がり」通信障害でも社長の“有能さ”に驚く声多数 一方で「まだ圏外だぞ…」など報告続く
  7. スシロー、“ビール半額”で今度は「ジョッキが小さい」との報告? 運営元「内容量に差異はない」と否定
  8. スシロー「何杯飲んでもビール半額」開始前にPOP掲示 → 注文したら全額請求 投稿者「態度に納得いかなかった」 運営元が謝罪
  9. TKO木下、海外旅行先で総額270万円のスリ被害に エルメスの財布奪われた“瞬間映像”も公開「くっそ〜……」
  10. パパが好きすぎて、畑仕事中も離れない元保護子猫 お外にドキドキしながら背中に乗って応援する姿があいらしい