サクサク感をデザインする - Yahoo! JAPAN Tech Blog

2017/12/18 186 users Yahoo サクサク感 ヤフオク 中島 正体

Yahoo! JAPAN Tech Advent Calendar 2017の12日目の記事です。一覧は こちら ヤフオク!アプリ開発部の中島( @52shinNaka )です。今日はデザイナーの立場からサービスの体感速度をテーマに記事を書いていきます。 サクサク感の正体 サクサク動くサービスと聞いて、どんなサービスを思いつくでしょうか？サクサク動くを分解すると下の２要素に分かれると思います。 表... 続きを読む

格安SIM(MVNO)9社の速度比較(スピードテスト)を6台の同端末でスピードテストアプリとよく使うアプリの表示速度(体感速度)で客観的に確認してみた【動画あり】 - Android(アンドロイド)おすすめ

2015/07/26 371 users スピードテストアプリ MVNO アンドロイド YouTube

今回は、docomoのSIMを含めた格安SIMの速度比較をしてみた結果を紹介します。 速度比較の方法は、スピードテストアプリによる測定と、一般的によく使われているブラウザやYoutubeといったアプリの表示速度(体感速度)による測定を、なるべく時間差がなく客観的に比較するためにLG G2 mini 6台を使って同時に計測してみました。 体感速度については、6台並べてほぼ同時に同じアプリの同じページ... 続きを読む

ユーザーの体感速度を高めるためのJavaScriptチューニング（前編） | HTML5Experts.jp

2015/04/19 465 users JavaScriptチューニング ユーザー 前編 後編 体感

連載「Webサイト・アプリ高速化テクニック徹底解説」第2回は、JavaScriptの高速化について、まずは前編、後編に渡ってユーザーの体感速度を向上させるための方法を紹介します。JavaScriptの同期・非同期の仕組みやscript要素のasync属性、defer属性について詳しく解説します。 今回から複数回に分けて、JavaScriptの高速化をテーマに解説していきます。まずは、ユーザーの体感... 続きを読む

ユーザーの体感速度を高めるためのJavaScriptチューニング（後編） | HTML5Experts.jp

2015/05/08 430 users 後編 JavaScriptチューニング ユーザー HTML

連載「Webサイト・アプリ高速化テクニック徹底解説」の第3回は、前回の「ユーザーの体感速度を高めるためのJavaScriptチューニング（前編）」の続きです。この後編では、「ユーザーの操作を阻害しない」方法についてJavaScriptのシングルスレッドやイベントループを交えて解説し、HTML5のWeb Workersについても紹介していきます。 前回は、ユーザーの体感速度を向上させるための方法とし... 続きを読む

iPhone 5Sに買い換えて1週間利用してみた現時点での感想 - Future Insight

2013/09/27 121 users Future Insight 箇条書き 現時点 感想 iOS7

スマートフォンをiPhone 5Sに変更し、iOS7になってから1週間になりました。現時点での感想を箇条書きで。 iPhone 5Sはたしかに早い。ただ、iphone 3GSを4Sにした時のような劇的な体感速度の向上はもうない。たぶん、去年のモデルであるiPhone 5と5Sで体感速度はほぼ変わらないのでは。iPhone 5CがiPhone 5ベースであることを考えてもそれはアップル自身も認めてい... 続きを読む

アニメーション表示のプログレスバーをどうすれば体感速度がアップするのかが判明 - GIGAZINE

2013/09/19 134 users プログレスバー GIGAZINE 進捗度合い ソフトウェア

ファイルをダウンロードする時やソフトウェアをインストールする際によく目にするのが進捗度合いを示すプログレスバーですが、このプログレスバーの表示にアニメーション効果を加えることで、処理の体感速度を実際よりも早く感じさせる効果があることがわかりました。 ProgressBarsVisualCHIv15CAMERA1 - ProgressBarsHarrison.pdf (PDFファイル) http:/... 続きを読む

ユーザの体感速度を高めるためのJavaScriptチューニング（前編） | HTML5Experts.jp

2013/07/18 465 users ユーザ JavaScriptチューニング 前編 Jav 後編

連載「Webサイト・アプリ高速化テクニック徹底解説」第2回は、JavaScriptの高速化について、まずは前編、後編に渡ってユーザーの体感速度を向上させるための方法を紹介します。JavaScriptの同期・非同期の仕組みやscript要素のasync属性、defer属性について詳しく解説します。 ユーザの体感速度を高めるためのJavaScriptチューニング（前編） 今回から複数回に分けて、Jav... 続きを読む

最近Chromeが重いと感じたら…軽さを取り戻すための6つの爆速化設定 :教えて君.net

2013/04/12 724 users Chrome キャッシュ スペック 自動検出 ウェブ

Chromeが重いときの対処法としては、まず、履歴やキャッシュが溜まっていないかを確認しよう。これらのデータを全て削除し、ネットワークの自動検出の設定を無効化する。ここまでが基本の設定。パソコンのスペックが充分な場合は、これでChromeは快適に動くようになるはず。 それでもまだ重い場合は、ブラウザ動作の体感速度をアップさせる工夫が必要だ。Chrome標準の「先読み」機能を有効にして、ウェブの読み... 続きを読む

Webサイトの読み込み体感速度が2秒くらい上がるかも。SNSボタンは後から読み込め！

2012/06/13 481 users SNSボタン Webサイト 2秒 ポピ Lazy Load

2012年 6月 13日 新しいサーバーでブログをリニューアルして気がついた、SNSボタンの有無でかなり読み込み速度に差がある。といっても2,3秒ほどですが、これは結構命取りだったりします。 まぁ私もそんなに詳しい訳ではないので断言できませんが。 ・訪問者はその数秒でサイトから逃げる ・Googleはその数秒を評価基準に入れる たしか遅延ロード(Lazy Load)とかいう技術ですね。 わりとポピ... 続きを読む

linuxデスクトップ環境をたったの3ステップで高速化する方法 - ぴょぴょぴょ？ - Linuxとかプログラミングの覚え書き -

2010/11/21 570 users ょぴょぴょ bashrc 覚え書き Linux カーネル

linux | 各所で話題になっていますが、Linuxを劇的に高速化する方法が発見されました*1 *2 *3。特にブラウザなど複数のアプリケーションを同時に起動した状態では、体感速度がびっくりするほど向上します。高速化する方法も簡単です。カーネルの再構築という難しい作業は不要で、設定ファイルを数行書き換えるだけです。是非試しましょう！ ステップ-1: ~/.bashrc の編集~/.bashrc ... 続きを読む

JavaScript 体感速度を上げるいくつかの手のメモ - 冬通りに消え行く制服ガールは、夢物語にリアルを求めない。 - subtech

2009/11/12 300 users subtech DCL document.write XHR

■ JavaScript 体感速度を上げるいくつかの手のメモ 02:46 DOMContentLoaded ですら遅いので、HTML 生成時に script 要素を各所に埋めこんで処理を先走りさせる DCL 前に通信を開始できるなら意味があるかもしれない document.write する script (広告とか) があると DCL が遅延するので価値があがる 初期表示に必ず XHR による通信... 続きを読む

cyano: mod_expiresとmod_rewriteを使ってサイトの帯域節約と体感速度を向上させる方法

2007/06/09 217 users cyano mod_expires mod_rewrite

普通の帯域節約術としては、mod_deflateでdeflate圧縮するとか、CSSやJSファイルのHTTPレスポンスヘッダにLast-ModifiedやEtagを追加しておいて、ブラウザがHTTPリクエストヘッダにIf-Modified-SinceやIf-None-Matchを付加するようにし、コンテンツが変更されていなかったら304 Not Modifiedを返すという方法を取るかと思います。... 続きを読む

cyano: Google Analyticsで高度なトラッキングをする方法

2006/09/29 316 users ファクター グラフ cyano トラッキング ロード

ユーザーがページをロード開始してから閲覧できるようになるまでのロード時間はユーザーが自分のページを快適に閲覧できているかどうかを示す重要なファクターです。Google Analyticsのイベントという機能を使用することで、ユーザーの実際の体感速度を可視化することができます。 たとえば、このブログのある期間における体感速度のグラフはGoogle Analytics上で以下のように出ています。 44... 続きを読む