タグ #performance
「performance」タグの記事一覧です。

「通販サイトスピード改善、結局いくら儲かる?」無料診断
お申し込みフォームは本記事の末尾にあります。 「通販サイトスピード改善、結局いく...

通販主要80サイトのスピード研究「本当に速いECサイトはどこ?」(スマホ編)
スマホECサイト実感スピード 総合トップ20 早速ですが、対象80サイトのうち、...

Webの速度と収益の関係がこれで明らかに!目的特化型の無料アクセス解析 Speed Is Money リリース
Webの速度が大事と言われますが、どれくらい速くすればどのくらい収益が上がるのか...

SEOにも配慮したHTML遅延読み込み Hybrid Include で Core Web Vitals を改善する試み
小さいHTMLは正義 HTMLはWebページ全体(数mb)から見ると小さなリソー...

PageSpeed Insightsの配点に変化! 採点エンジンLighthouse 8.0.0でCore Web Vitalsとの相関性強化
PageSpeed Insights が示すスコアは、6つの指標から計算されます...

透過=即PNGはもう古い。写真っぽい透過PNGを劇的に軽量化する無料ツールと3つのテクニック
PNGはイラストっぽい画像の圧縮は得意ですが、写真っぽい画像の圧縮にはまったく向...

Core Web Vitalsで計測した表示速度とコンバージョン率の密接な関係。リアルなデータを紹介するよ!
「Webの表示が遅いとコンバージョン率が下がる」は本当? 海外大手の事例はよく耳...

Core Web Vitalsを意識したスライダーのライブラリ選定と指標改善のためのチューニング
UIとしてはアンチパターンと言われがちなスライダー(カルーセルやスライドショーと...

PageSpeed Insightsの真実。点数の公式と高得点をとれない理由。5項目の最適化をすることがスコアアップの近道。
「レポートの指示通り改善したけど点数が上がらない」 PageSpeed Insi...

ECサイトでPageSpeed Insightsスコア80なら偏差値70相当! パフォーマンス偏差値表(通販サイト編)を作ってみた
Webページの表示速度(パフォーマンス)を数値スコアとして評価できるPageSp...

通販サイトスマホトップには平均4.15MBの画像。画質を落とさず-41%削減可能。上位300サイトの画像軽量化シミュレーションを一挙公開
画像軽量化ソリューションLightFileは、実際にWebページで使われている画...

新人にもわかる!WebPのブラウザ振り分けの仕組みを図解。picture要素と.htaccessのどっちでやるべき?
新社会人のみなさんが初出社を迎えた会社も多いでしょう。 今日はWebP対応/非対...

Webの表示高速化はファーストビューが早くなればそれでOK! 課題を整理して着実に進めるためのポイント
Webの表示高速化は、多くの制作現場において難易度の高いミッションになりがちです...

画像軽量化の可能性を無料レポート! LightFile/WebPシミュレーター v3をリリース
弊社アイデアマンズが提供する画像軽量化ソリューションLightFileと、Goo...

Webの表示が〇秒遅くなると××まとめ。Webパフォーマンスの重要性を示すフレーズ集
Webページの表示速度と成果についてよく見かけるフレーズがあります。 大元の出典...

WebPに関する10の誤解~5分で正しく理解するWebP
「WebPって聞いたことはあるけど...」という方に向けてまとめてみました! 多...

サイトのWebP対応は気楽にやろう! 心が軽くなる4つの事実
サイトのWebP対応方法について説明すると、 「なるほど、画像を一括で変換して、...

画像フォーマットの今が1枚でわかるチートシート SMUSH PRO Guide to Image Formats 日本語版
Best Image Formats for Websites Compared...

新聞ニュース系158サイトでWebP利用中は23サイト・WebPで平均-1.6秒待ち時間短縮と試算・レポート無料公開
通販上位300サイト中32サイトがWebPを配信・楽天市場は積極利用という調査記...

WebPと従来の画像を正しく振り分ける.htaccessファイル
ページまるごとWebP変換・効果測定と一括ダウンロードがWeb担当者Forumで...

WebP画像を目立たせるChrome拡張機能 WebP Highlighter
画像が意図したとおりWebPフォーマットで配信されているかを確認するとき、もちろ...

iPhoneの非対応でシェア劣勢でも、いまWebPに対応する意味
画像データを半分に軽くするWebP。普及に向けた最後にして最大の砦がiPhone...

ページの画像をまるごとWebP変換してPageSpeed Insightsスコアを今すぐ改善するチュートリアル
先日公開したWebページのWebP変換シミュレータ、ページまるごとWebP変換で...

通販上位300サイト中32サイトがWebPを配信・楽天市場は積極利用
画像が多くなりがちな通販サイトではWebPの利用による高い効果が期待できます。 ...

WebP、JPEG、4K8K。2019年も画像にこだわろう!画像軽量化すると表示の待ち時間が短くなるから、コンテンツをもっとみたくなる!
2019年最初の投稿です。本年もどうぞ、よろしくお願いいたします。 アイデアマ...

Google スピードアップデートがもたらした 画像軽量化と画像転送量の大幅な削減。SEOが絡むと多くの人がその対応を行う。
Google スピードアップデートの対応はもう終わりましたか?スピードアップデ...
![[限定3社] Movable Type事例キャンペーンで、画像軽量化ツールの「LightFile」がお得にご利用いただけます!スマホ表示の遅さにお悩みの方はチャンス!](https://blog.ideamans.com/assets/mt-casestudy-ogp.jpg)
[限定3社] Movable Type事例キャンペーンで、画像軽量化ツールの「LightFile」がお得にご利用いただけます!スマホ表示の遅さにお悩みの方はチャンス!
ウェブページの表示速度向上において、効果が非常に高い画像軽量化。今回、お得に対...

表示高速化の第一歩に画像の軽量化を勧める6つの理由
SEOへの影響が度々ほのめかされ注目度が上がっているWebサイトの表示高速化。成...

実際にWebPを利用するとどうなる?WebPの試験導入で画像ファイルサイズを-62.38%も削減という結果に!
先日、試験的にWebP対応を行っているという記事を書きました。 Webサイト全体...

Webサイト全体をWebP対応する最低限の方法
こちらのブログでもアクセスの多いテーマがGoogleの提唱する画像の新フォーマッ...

美容ブランドのECサイトが収益を倍増させた6つの変革にある「ページの表示」について考えてみよう
技術評論社さんの「Web+デザイン」で展開されている「週刊Webテク通信」ご存知...

正式版になった日本語Google Fontsは表示の高速化を期待できる
先月、Google Fontsに正式に追加された日本語フォントが表示の高速化が期...

「Jpegの品質は85がおすすめ」をデータで検証する
以前のブログ記事でも触れましたが、GoogleのWebパフォーマンス改善ガイドで...

うちのトップページ重すぎ...? Googleの推奨は1.6MB!7,866のウェブサイトトップページをチェックした結果、モバイルデバイス向けトップページの平均サイズは2.43MBだった
Lighthouseの監査項目のひとつに、Webページ全体のデータサイズがありま...

11種類のロスレスPNGサイズ削減ツールの比較ベンチマークレポート
PNGのファイルサイズを削減するツールとしてOptiPNGやpngquantが有...

Google Speed Updateで遅いサイトが「検索順位に影響がでた」について思う「2つ」のこと
今回は、Web担さんの以下の記事を読んでいて感じた2つのことについてブログを書き...

Webページのダウンロード開始までの時間(TTFB)は推奨0.6秒未満。7,688サイトの約92%がクリア
TTFBはユーザーにとっての最初の待ち時間 Webページを開くとき、ブラウザはま...
![後から画質調整ができる!Optimizillaは、きめ細かく画質を確認しながら画像軽量化したい人のための最適なツール[JPGダイエット対決 vol.09]](https://blog.ideamans.com/assets/2018-07-09-optimizilla-ogp.jpg)
後から画質調整ができる!Optimizillaは、きめ細かく画質を確認しながら画像軽量化したい人のための最適なツール[JPGダイエット対決 vol.09]
JPGダイエット対決も今回が9回目となります。画像最適化のソリューションはいろい...

Google Speed Updateで表示高速化しようと思ったら、まずは画像軽量化からはじめましょう
【注】情報が錯綜してるようですが、Googleの金谷さんがツイートしています。当...

Retinaディスプレイに合わせるには、解像度はいくつがいい?画像最適化するなら解像度も理解しよう!
4KディスプレイやRetinaディスプレイなど、高解像度のディスプレイが普及して...

競合サイトを分析できるサービス・ツールまとめ(2018年6月版)
こんにちは!ディレクターの菊池です。サイトの改善/改修をしよう!となった際に、現...

レスポンシブ・ウェブ・デザインにおいて、画像最適化が意味するもの。高速回線ではない環境で、不要なデータサイズをダウンロードさせない事が重要。
スマートフォンでウェブサイトをみることが、本当に多くなってきました。ウェブサイト...

クイズの答え合わせをしよう!アイデアマンズブースで行われたLightFileチャレンジ「【問】軽量化するまえのきれいな元画像はどれ?」は25人の方が正解!
先週末(2018/06/09)に行われたMTDDC Meetup HOKKAID...

「他のところでは使っているらしいですよ?」JPEG2000の利用について相談されたので、使われていない理由をいろいろ調べてみた。
他の人が利用していると気になってしまうのが人というもの。今回は「○○さんのECサ...

無料でチェックしてみよう!異なる4つのウェブサイトでみる、トップページ表示に利用されているファイル種類の割合。
そろそろ東京も梅雨っぽくなってきました。今日は午後から雨が降るとか降らないとか。...

どれもこれも使いやすい!外部サービスのウェブパフォーマンス計測ツールまとめ
ウェブパフォーマンスの計測ツールのうち、外部サービスとして利用できるものを3つ調...

「あなたのサイトは何秒?」というLTをしてきました。【MT東京−47】「常にカイゼン!成果を出すサイト構築・リニューアルのポイント」第41回オウンドメディア勉強会&【MT東京-47】 コラボ企画
先週金曜日(2018年5月25日)に、MT東京とオウンドメディア勉強会のコラボイ...

ウェブパフォーマンスをモニタリングするCalibreは、ファーストビューの様子を動画でキャプチャしてくれるのがイイ!
ウェブパフォーマンスの計測ができるツールもいろいろとありますが、今回はCalib...

スマホでアクセスした時に、ファーストビューの表示までどのくらいかかる?WebPagetestですぐに調べてみよう!
スマホでページを開く時、サクサクみれるのが普通で、遅いとイライラする、というのが...

合成モニタリングツール New Relicを試してみよう。グラフィカルなグラフは、視覚的にみやすい上に直感的に状況を把握できる!
前回ブログ記事「Webパフォーマンスは、RAILモデルで計測する。ユーザーファー...

Webパフォーマンスは、RAILモデルで計測する。ユーザーファーストで考える最適化。
表示高速化は、体感ではなく数値化して効果測定をしていくのが一般的です。Webパフ...

画像最適化しているかどうかがわかるLightFile Simulatorに、体験機能がつきました!最適化したあとのページが実際にみれちゃいます!
画像最適化しているかどうかがわかるLightFile Simulator、もうご...

スマホ表示高速化と、ダイエットは似ている。やったほうがいいのにやらない、やっている人はやっている。成功するには、継続とサポートがとても重要なのです。
表示高速化を色んな人に説明するのですが、「これってダイエットに似てるな」と思った...

Googleのページ読み込みスピード計測サービス(スピード スコアカード、インパクト カリキュレータ)を使ってECサイトの機会損失を算出してみる
どうも、菊池でございます。 SEO関連で調べ物をしていたらこんな記事がありました...

LightFileをCDNと併用してサイト表示高速化(画像最適化)の相乗効果を!
こんにちわ、ディレクターの菊池です。 今回もお客様相談あるある記事となりますが、...

画像が24%〜92%を占めるという事実。日本の鉄道会社Webサイトのトップページをチェックしてみた。
駅のホームで、ファインダーに覗き込んで列車を撮影するほどではないですが、比較的電...

WebPってなに?Googleが作った新しい画像フォーマットは、軽くてアルファチャンネルもサポート!表示高速化するなら検討してみよう!
Webで利用できる画像の種類はいくつかあります。Webで使えるというと、端的にい...

画像最適化処理はシステムにまかせて自動化!作業フローを変えずに確実に最適化しましょう。
こんにちは。ディレクターの菊池です。 LightFileのご相談時に、お客様とそ...

画像処理(画像軽量化)を行う3つのメリット。ファイルサイズ削減で、表示高速からコストダウンまで!
何気なくソーシャルやブログ、ポータルサイトでみている画像。表示されている状態では...

画像最適化ツールLightFileのご紹介
今回は、画像最適化ツール「LightFile」のご紹介です。 画像最適化は、ファ...

モバイル ファースト インデックスはじまりましたね。スマホサイトの読み込み速度の改善には、 LightFileでJPEG画像最適化!
いよいよモバイル ファースト インデックス開始 2016年11月5日のリリースか...
![[テスト公開中]ページで表示している画像がどのくらい軽くなるのかがひと目でわかる!LightFileシミュレータβ版公開してます!](https://blog.ideamans.com/images/2018-04-16-lightfile-simulator-ogp.jpg)
[テスト公開中]ページで表示している画像がどのくらい軽くなるのかがひと目でわかる!LightFileシミュレータβ版公開してます!
Webパフォーマンスを上げるためには、画像最適化(軽量化)は必須項目です。今回は...

スマホ表示最速王決定戦!CMSプロレスvol.03に参加してきました!
ロフトワーク社主催となるイベント「第3回CMSプロレス ウェブサイト表示速度 最...

スマホ表示の最速王決定戦!CMSプロレス vol.03は、とにかく速い人が勝つ!
スマホ表示の最速王は誰なのか。土曜日に勝利したものが最速王になる。 今週土曜日に...

たった5分でスマホ表示を速くして!シンプルでかんたんなLightFileなら、それできちゃいます。画像が軽くなれば表示は速くなる!
「スマホ表示が遅いんだよなぁ...」 「どうやればもっと表示が速くなるんだろう....

3G回線で何秒かかりますか?手軽に回線速度をかえて表示ができるChrome DevToolsのPerformanceパネルを使ってみよう!
回線は速いほうがいいですよね!でも、すべての人が速い回線ではないとなると、今みて...

カンタンに今みているページの表示時間計測ができる!Chrome拡張機能「Page Load Time」はDevToolsよりもお手軽で使いやすい!
もっとカンタンに、今みているページの表示されるまでの時間がわからないかなぁ......

PC向けとスマホ向けでこんなにファイルサイズがかわる?!トップページのスライダー画像を調べてみた
だいぶ見慣れた感があるトップページに表示されるスライダー画像。最もアクセスの多い...

カンタンにページで読み込まれる画像がわかる!Google Chromeのデベロッパーツールの「Networkパネル」を使ってみよう!
東京は4年振りの積雪でしたね!白銀に包まれる都会はなかなか見ることができないので...

Google PageSpeed Insightでわかるのは、画像の表示サイズが適切かどうか。画質の軽量化でもっと表示は速くなる。
Googleは、簡単に利用できるいろいろな無料のチェックツールを提供しています。...

パフォーマンスをあげよう!デジタル時代におけるWebパフォーマンスが速いことのメリット
最近は小学生でもスマホを利用しています。年齢に関係なく、電車の中もみんなスマホみ...

速いは正義!dev.toにみるウェブページ表示高速化の画像最適化手法をみてみた
ウェブページの表示高速化の第一歩は、画像の最適化だと信じています。なぜなら、ダウ...