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

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

» 2022年07月19日 18時10分 公開
[コンタケ，ねとらぼ]

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

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

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

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

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

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

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

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

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

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

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

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

画像提供：コスメティック田中さん（YouTube／Twitter）

　　　　　　 1|2 次のページへ

Copyright © ITmedia, Inc. All Rights Reserved.

先週の総合アクセスTOP10
  1. 「虎に翼」、共演俳優がプライベートで旅行へ　“決別中”の2人に「ドラマではあまり見ることが出来ない全力笑顔」
  2. 「ハードオフには何でもある」 → 4万4000円で売られていた“とんでもないモノ”に「これは草www」「見てるだけでワクワクする」
  3. 釣りから帰宅、持ち帰った謎の“ニュルニュル”を水槽に入れてたら……　いつの間にか誕生した意外な生き物に「すごおー」「どこまで育つかな!?」
  4. 「この家おかしい」と投稿された“家の図面”が111万表示　本当ならばおそろしい“状態”に「パッと見だと気付けない」「なにこれ……」
  5. 「さざれ石に苔のむすまで」何日かかる？　毎日欠かさず水やりし続けてまもなく1年、チャレンジの結果に「わびさび」「継続は力」
  6. 朝ドラとは雰囲気違う！　「虎に翼」留学生演じた俳優、おなかの脇がチラ見えな夏らしいショットに反響「とてもきれい」
  7. フードコートでふざけたパパ、1歳娘に怒られる→8年後の“再現”が1185万再生　笑えるのに涙が出る光景に「大きくなった！」「泣ける」
  8. 1歳妹「ん」だけで19歳兄をこきつかい……　「あれで分かるにいに凄い」「ツンデレ可愛い」マイペースな妹にほんろうされる姿が280万再生
  9. 「ベランダは不要」の考えを激変させた“神建築”が200万表示　夢のような光景に「こんな家に帰りたい」「うっとり」
  10. 三重県沖であがった“巨大マンボウ”に漁港騒然……　人間とサイズ比較した驚愕の光景に「でっか!!」「口から何か出てますね」
先月の総合アクセスTOP10
  1. 「今までなんで使わなかったのか」　ワークマンの「アルミ帽子」が暑さ対策に最強だった　「めっちゃ涼しー」
  2. 「現場を知らなすぎ」　政府広報が投稿「令和の給食」写真に批判続出……　識者が指摘した“学校給食の問題点”
  3. 市役所で手続き中、急に笑い出した職員→何かと思って横を見たら……　同情せざるを得ない衝撃の光景に「私でも笑ってしまう」「こんなん見たら仕事できない」
  4. 「思わず笑った」　ハードオフに4万4000円で売られていた“まさかのフィギュア”に仰天　「玄関に置いときたい」
  5. 「ごめん母さん。塩20キロ届く」LINEで謝罪 → お母さんからの返信が「最高」「まじで好きw」と話題に
  6. 「二度と酒飲まん」　酔った勢いで通販で購入 → 後日届いた“予想外”の商品に「これ売ってるんだwww」
  7. 幼稚園の「名札」を社会人が大量購入→その理由は……　斜め上のキュートな活用術に「超ナイスアイデア」「こういうの大好きだ！」
  8. 釣れたキジハタを1年飼ってみると……　飼い主も驚きの姿に「もはや、魚じゃない」「もう家族やね」と反響
  9. JR東のネット銀行「JRE BANK」、申し込み殺到でメール遅延、初日分の申込受付を終了
  10. サーティワンが“よくばりフェス”の「カップの品切れ」謝罪……　連日大人気で「予想を大幅に上回る販売」