表示速度を飛躍的に向上させるHTML/CSS最新仕様「content-visibility」「Lazy loading」「contain」をコード付き簡単解説 - Yahoo! JAPAN Tech Blog

2020/09/08 692 users content-visibility HTML Yahoo

これまではJavaScriptを用いて実装するしかありませんでしたが、ついにimgやiframe要素であればloading="lazy"を付与するだけで、簡単に実装できます。 <!-- 画像に適用する場合 --> <img src="pic.png" alt="画像の詳細" loading="lazy"> <!-- iframeに適用する場合 --> <iframe src="external.html" loading="lazy"></... 続きを読む

今の時代、ウェブページは一瞬で表示するべき！ 画像の遅延読込に役立つamp-imgの使い方 - ICS MEDIA

2018/06/07 555 users ウェブページ ICS MEDIA コンバージョン率 一瞬 時代

ICS MEDIA ウェブ制作 2018/06/07 今の時代、ウェブページは一瞬で表示するべき！ 画像の遅延読込に役立つamp-imgの使い方 ウェブページの表示速度は、離脱率やコンバージョン率に最も影響する重要なポイントです。Googleが公表した 調査結果 では、「 表示に3秒以上かかると、約53%のユーザーは離脱する 」「 表示速度が1秒から7秒に落ちると、直帰率は114%上昇する 」とい... 続きを読む

PWAで表示速度が2倍に！ スピード改善を妥協しない日経電子版に学ぶ、PWAのメリット＆デメリット - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2018/06/05 816 users Pwa Progress ネイティブアプリ エンジニアHub

2018 - 06 - 05 PWAで表示速度が2倍に！ スピード改善を妥協しない日経電子版に学ぶ、PWAのメリット＆デメリット ネイティブアプリに近い体験を簡単に提供できるとして注目を集めている「PWA」。実際に導入し、表示速度が2倍になったという日経新聞電子版の開発者に「PWA」のメリットとデメリットを伺いました。 PWA インタビュー アプリ 日経電子版 Tweet PWA（Progress... 続きを読む

「爆速すぎて笑う」　表示速度が“異常な”Webサイト「dev.to」　その仕組みは - ITmedia NEWS

2017/11/15 1726 users 爆速 ごめん プログラマー dev.to 米国

「爆速すぎて笑う」「速すぎて逆に不安になるレベル」――「 dev.to 」という米国のWebサイトの表示速度が異常に早いと、ネット上で話題だ。なぜ速いのか、サイト創設者のベン・ハルパーンさんがサイト内の記事で 説明している 。 2016年にオープンしたdev.toは、プログラマーが情報を交換したり、議論したりできるコミュニティーサイト。トップページにはユーザーが投稿したブログ記事のタイトルやコメン... 続きを読む

リニューアルした日経電子版が高速すぎてヤバイ件｜こんぴゅ｜note

2017/11/13 1499 users こんぴゅ｜note 爆速 全面 ヤバイ件 速度

日本経済新聞は国内を代表する経済誌だ。その 電子版 はwebでの継続課金を大成功させ、いまや50万以上の有料会員を擁するモンスターサイトだ。 その日経電子版が11月6日に全面リニューアルしたのだが、公開後、web業界がにわかにざわついた。表示速度が爆速だったのだ。日経公式も 2倍の表示速度を達成した と堂々と宣言していた。 webサービスは継続率こそ神KPIで、その継続率には速度が大きく影響する。... 続きを読む

デザイナーやディレクターも知っておきたい、ページ表示速度の高速化の基本 – Rriver

2015/05/05 909 users ワークフロー Rriver ユーザ エンジニア フロントエンド

スマホからウェブにアクセスするユーザが増え、ウェブサイトの表示速度の高速化がより重要な制作の課題になっています。1ページもののサイトなら、フロントエンド・エンジニアが一人で実装できるかもしれませんが、ある程度の規模のウェブサイトではワークフローやサイト全体の設計にも関わってきます。また、表示速度の高速化の方法を知らなければ、最適化しやすい、より高度なデザインは実現できないでしょう。エンジニアだけで... 続きを読む

ウェブサイトの最適化で表示速度を高速化！「Page Speed」と「YSlow」の設定方法 - Media-Pickup

2015/02/15 575 users 増減 およそ半分 YSlow Media-Pickup 事実

ウェブサイトの品質を向上させるには良質なコンテンツが必要不可欠ですが、それに加えてウェブサイトの表示速度はなるべく速いほうが良いと言われています。 事実、ウェブサイトの表示に3秒以上かかるとユーザーのおよそ半分が表示を諦めるという研究結果が報告されており、また、表示速度の増減によってPV数が変化するとの報告もあります。 この研究結果からも分かるように、ウェブサイトの表示速度の重要性はかなり大きいで... 続きを読む

WordPress高速化｜１秒前半で表示する誰でもできる簡単な方法

2014/05/01 726 users WordPress高速化 方法 pag ユーザビリティ SEO

WordPress の数少ない欠点の一つは、サイトの表示速度が遅くなりがちになってしまうということだ。 そして、サイトの表示速度はユーザビリティだけでなく、SEOにとっても重要だ。 そこで、このページでは、WordPressの初心者でも簡単にできることだけで、表示速度を大きく高める方法をご紹介する。 弊社でテストサイトを作り、デフォルトの状態と、全ての設定完了後の表示速度を、Googleの Pag... 続きを読む

スマートフォンサイトを驚くほど速くする！高速化9つのポイント | Find Job ! Startup

2013/06/25 589 users Startup JavaScri Find Job CPU

回線が細くCPUも弱いスマートフォンは、リッチなWebサイト表示が苦手です。しかし、地道な対策で表示速度が驚くほど変化するのも事実。 今回はスマホのWebサイト表示の高速化手法をまとめました。もちろんPC向けにも効果バツグンのTips集です。 Webサイトを劇的に高速化する9つのポイント １.画像を圧縮する ２.画像はサイズを指定して使う ３.画像は適切なサイズで使う ４.CSS/JavaScri... 続きを読む

最低2秒、目指すは1秒以内。ウェブサイトを高速化するためのTIPS at #SMX Advanced Seattle 2012 | 海外SEO情報ブログ

2012/06/13 848 users ウェブサイト 海外SEO情報ブログ 1秒以内 REI パフォ

[対象: 上級]ページの表示速度が、Googleのランキングを決める指標として日本を含むインターナショナルで導入されていることがSMX Advanced Seattle 2012で判明しました。そこで今日は、ウェブページの高速化を取り扱ったセッションをレポートします。スピーカーは、ECサイトのREIでSEOに携わるJonathon Colman（ジョナサン・コールマン）氏です。ウェブサイトのパフォ... 続きを読む

RAMディスク不要！FirefoxのキャッシュをRAMに置いて高速化する方法！ | フリーソフト,Windows PC活用情報局

2011/07/04 695 users RAM Firefox RAMディスク キャッシュ 方法

Firefoxに限った事ではありませんが、一般的なウェブブラウザはウェブページにアクセスするたびに、次回以降の表示速度を高速化するため、また相手側のサーバー負荷を軽減するために、そのページ内で表示される画像や外部ファイルなどをPCのローカルストレージに”キャッシュ”として保存する仕組みになっています。 つまり、ウェブページを開くたびにハードディスクから”キャッシュ”として保存されているデータを読み... 続きを読む

ウェブページの高速化のために読んでおきたいサイトのまとめ｜Webpark

2011/06/21 692 users ウェブページ ユーザビリティ まとめ｜Webpark 高速化

ユーザビリティの改善や検索エンジン対策としてウェブページの読み込みスピードの高速化は非常に重要です。ということで、ページの読み込みスピード向上のために役立つサイトをまとめてみます。 ページ読込速度の重要性 次の事例にあるように、ユーザーは表示速度に敏感です。 Googleによるとページの読み込みが0.5秒遅くなると、検索数が20%減少する Amazonによるとページの読み込みが0.1秒遅くなると、... 続きを読む

ついに出た！Chrome版「Page Speed」の使い方 :: Stocker.jp / diary

2011/03/28 1558 users 見方 自社 ツール Stocker.jp Google

2011/3/22に、GoogleがようやくGoogle Chrome版「Page Speed」拡張機能を公開しました。 「Page Speed」は、項目をある程度理解できれば自分や自社のサイトの表示速度の改善にとても役立つツールです。この記事では、「Page Speed」のインストール方法から各調査項目の見方や改善方法を中心に使い方を解説します。 ぜひ、ご自身のサイトの改善に役立てていただければ... 続きを読む

WordPressで作られたWebサイトの表示速度を早くするためにできること

2010/11/30 514 users WordPress CMS Tips PHP Webサイト

WordPressの表示速度を早くするためのTipsをご紹介します。 一時キャッシュ系のプラグインから、プラグインを減らすためのコード、データベースの最適化など、WordPressをスピードアップさせるためにやっておきたいTipsをまとめました。私はWordPressが大好きなので、もちろんこのブログもWordPressで作っています。 でもWordPressはPHPで作られているCMS。 ブラウ... 続きを読む

あなたのサイトも最高2倍速に？！Google純正のサイト高速化モジュール『mod_pagespeed』だと・・・ - IDEA*IDEA ～ 百式管理人のライフハックブログ

2010/11/03 763 users before After Apache IDEA モジュール

Home > Google関連 | 開発ツール・技術 > あなたのサイトも最高2倍速に？！Google純正のサイト高速化モジュール『mod_pagespeed』だと・・・ Older GoogleからApacheのモジュールが出たようですよ。その名もmod_pagespeed。名前のとおり、サイトの表示速度をちょっ速にしてくれるものらしいです。 ↑ before & afterの動画。うーむ。 実... 続きを読む

企業サイトでやってはいけない31のこと【パシのSEOブログ】

2010/07/25 546 users 横スクロールバー ユーザ パシ 別窓 ブラウザ

企業サイトを運営する上でやらない方が良い事や、やってはいけない事についてまとめてみます。全ての項目が全てのサイトに当てはまるわけではありませんが、なんとなく実施している事が訪問ユーザからは、良く思われていないという事も多いものです。  ユーザに嫌われる動作 Flashで待たせる ページの表示速度が遅い 横スクロールバーが出る 内部リンクが別窓になっている 無駄なポップアップが出る ブラウザの戻るで... 続きを読む

「Yahoo!ニュース」の表示速度が3～5倍に、そのからくりは……：記事の芽

2009/05/28 792 users からくり レスポンス ヤフー Yahoo 従来

1日約3500本もの記事がアップされる、ヤフーの「Yahoo!ニュース」。Yahoo! JAPANの代表的なサービスの一つです。そのYahoo!ニュースが2009年4月27日、大幅にレスポンスが向上したことはあまり知られていません。システムを全面的に見直し、記事1本を表示するのにかかる時間を1秒以内に短縮しました。従来は、平均3〜5秒だったそうです。実際に記事のタイトルを何本かクリックしてみても、... 続きを読む