2行追加するだけでWebサイトを高速化するInstantClick.io - atskimura-memo
Before visitors click on a link, they hover over that link. Between these two events, 200 ms to 300 ms usually pass by (test yourself here). 引用：InstantClick — JS library to make your website instant リンクにマウスオーバーしてからクリックするまでには200msから300msほど時間がかかるそうです。実際このテストページでクリックしてみるとMacのトラックパッドだとさらに遅く500msくらいかかってました。 InstantClick.ioはその間に裏でリンク先ページをロードして勝手にリンクをpjax化してしまうという高速化ライブラリです。 やってることはRails4のturbolinksと似てます
Facebook「いいね」ボタンの表示を爆速化する方法 | nori510.com
Facebook campus Photo by Marcin Wichary nori510です。 Facebookのソーシャルプラグインは読み込みが遅い。 そんな迷える子羊の私に天恵、天啓を与えてくれる方がいらっしゃいました。 iPhone研究室のOzk氏です。 iPhone 研究室 » たった一言で「いいね！」ボタンが爆速に！全ブロガーに必須の呪文。 読み込みの遅いいいねボタンを爆速表示する方法です。 Facebook ソーシャルプラグインを非同期読み込み化で爆速に！ 方法はとっても簡単で、Facebook ソーシャルプラグインのページから追加し、ヘッダーなどに設置してあるJavascriptの読み込みコード(下記)に、『 js.async = true; 』を追加するだけ。 [html]<div id=”fb-root”></div> <script>(function(d, s,
ユーザーの体感速度を高めるためのJavaScriptチューニング（後編）
連載「Webサイト・アプリ高速化テクニック徹底解説」の第3回は、前回の「ユーザーの体感速度を高めるためのJavaScriptチューニング（前編）」の続きです。この後編では、「ユーザーの操作を阻害しない」方法についてJavaScriptのシングルスレッドやイベントループを交えて解説し、HTML5のWeb Workersについても紹介していきます。 前回は、ユーザーの体感速度を向上させるための方法として、3つのうち「ページを素早く表示する」と「ユーザーに素早くインタラクションを返す」を解説しました。今回は、最後の「ユーザーの操作を阻害しない」について詳しく解説していきます。 ユーザーの操作を阻害しない JavaScriptによる処理が重くなると、いつまでも画面が更新されなかったり、ユーザーの操作が止まってしまったりということがあります。止まっている時間が長すぎると、ブラウザから応答がないという
HTML5Experts.jp
進化するWeb ～Progressive Web Appsの実装と応用～(de:code2018より) 物江 修 2018年5月に開催された日本マイクロソフト主催のイベントde:code 2018で「進化するWeb ～Progressive Web Appsの実装と応用～」というセッションを担当しました。 イベントに参加できなかった...
Cyberduckが遅いので高速化する :: [コエカタマリン MX 2007]
Mac OSX時代の定番FTPクライアントといえば、やっぱり Cyberduck になるでしょう。 アイコンのかわいさや、多岐にわたる設定項目をエレガントに集約したUIなど、Macユーザー向きのナイスなツールです。 SFTP、SCP、SSHはもちろん、WebDAV、Amazon S3やGoogleDocs、MobileMeなどへの接続プリセットも用意されていて非常に強力です。 シェアウェアだらけのFTPクライアント群のなかで、無償で利用可能な“ドネーションウェア”であるCyberduckは抜きん出た存在です。 しかしながら、Fetchのような定番シェアウェアや、Windows向け・国内の定番フリーウェアであるFFFTPと比べると、どうも動作が遅い気がします。 SFTP接続などはWinSCPと比べると如実に遅いです。 FTPでも接続先のサーバーによってはかなり遅いことがあったり。 このような
Macにダウンロードしたファイルを開く時の「警告ダイアログ」を無効化する裏技 / Inforati
ダウンロードしたファイルやアプリケーションを、初めて開いたり、起動したりする時に表示される「警告ダイアログ」を無効化する裏技です。 リスクを理解している上級者向けのTipsです。 ファイルを初めて開く時の警告を非表示にする 今回の裏技は上級者用です。セキュリティ上の警告を無効化する裏技ですので、リスクを理解していない限りは行わないでください。行う時は自己責任でお願いします。 この裏技を実行すると、このような警告が非表示になります。 ダウンロードしてすぐにファイルを開いたり、アプリケーションを起動したりすることができます。 ファイルを開く際のアラートを無効化 まず、「起動ディスク（Macintosh HDなど）」→「アプリケーション」→「ユーティリティ」と移動し「ターミナル」を起動します。 そして、「ターミナル」に以下のように入力します。 defaults write com.apple.L
jQuery高速化メモ | Bonkura Blog
jQueryを利用する際の高速化記述方法のメモ。 セレクタにid属性を指定できないか検討する classだとすべての要素をチェックしなければならないから処理効率がよくない。idが使えるならばidを使うべし。 セレクタに要素名とclass属性を追加する $(“.nav”)ではなくて、$(“div, nav”)とそれば、JavaScriptのgetElementsByTagNameで精査する要素を絞り込むことができる。 findメソッドを利用する $(“#nav a”)より$(#nav).find(“a”)のほうが早い。これはまったく逆だと思ってた･･･。jQueryのセレクタは「右から左」に解釈されるため、$(“#nav a”)だとa要素を検索して、その中から#navが先祖要素にあたるa要素をjQueryオブジェクトとする。findを使えば、#navを検索してからa要素をjQueryオブジェ
javascript | デジタル料理人
JavaScript環境で、navigator.userAgentを見てMacOSのバージョンだけを引っこ抜く方法があるか検討してみました。 Windowsなら入ってるんですけどね、Macって結構カオスだったはずなんですが限定すれば意外とイ
Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法
Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法 2011-08-28 Webデザイナーが、Webサイトのパフォーマンスを重視する傾向はあまり無いように感じますが重要なことです。 Googleでは、0.5秒遅くなると、検索数が20%減少する amazonでは、0.1秒遅くなると、売り上げが1%減少する という報告もあるようです。Webサイトのパフォーマンスはコンバージョンにも影響する大切な部分。 今回はWebサイトのパフォーマンスを上げる方法を取り上げます。 パフォーマンスアップの前に 応答時間の限界 0.1秒までなら、結果はコンピューターではなく、ユーザーによって引き起こされたように感じる。 1秒までなら、"遅れている"と感じるが、ユーザーの思考は途切れずに、自由に動いていると感じる。 10秒までになると、ユーザーがコンピューターに振り回されている気持ちになり、ストレ
グーグルがWebを高速化するために何をしているか
本のページをめくるように、どんなWebページも素早く表示できるようにする。グーグルは以前からWebの高速化に取り組んできました。 6月22日から、米サンタクララで行われていたWebサイトのパフォーマンスと運用に関するオライリーのイベント「Velocity 2010」では、グーグルのUrs Hölzle氏がWebの高速化技術について「Speed Matters」（スピードの重要性）というセッションで紹介ています。 Webを高速化するためにどのような技術があり、あるいはどのような技術が検討されているのか、このセッションの内容を紹介しましょう。 スピードは重要だ 私が話そうとしているのは、「Speed matters｣（スピードの重要性）についてだ。Webは空飛ぶジャガイモより速くなれるだろうか？ どのくらい速くなれるだろうか？ （参考：オペラがやってくれた！ グーグルの空飛ぶジャガイモに対抗）
Webを高速化するために、私たちに何ができるか？ 「続・ハイパフォーマンスWebサイト」
Publickey グーグルがWebを高速化するために何をしているか http://goo.gl/KyBk この記事に興味を持った人は、是非、オライリーの「続・ハイパフォーマンスWebサイト」も読んで欲しい。http://goo.gl/davBless than a minute ago via Chromed Bird及川卓也 / Takuya Oikawa takoratta 本のページをめくるようにWebページの表示を高速化することを目指して、グーグルがWebブラウザやTCP/IP、HTTPといった通信プロトコルの改善を行っているのと同様に、私たちWebサイトを構築する側にも、Webを高速化するために使えるさまざまな手段があります。 それをまとめたのが書籍「続・ハイパフォーマンスWebサイト」です。以前、オライリー・ジャパンの編集担当の方から献本いただいていたので、さっそく紹介しまし
Firebugでラクラク診断～Yahoo!が明かすページ表示の高速化13のルール
宮永 邦彦 アイデアマンズ株式会社 2007年7月27日、米Yahoo!がこれまで培ったページ表示の高速化ノウハウを13のルールにまとめて公開しました。クラスタリングなど、高度なネットワーク技術を必要とする手法ではなく、主にHTMLや、Apacheの設定ファイル（.htaccessやhttpd.conf）の記述だけで効果が得られるTipsとなっています。 ・Thirteen Simple Rules for Speeding Up Your Web Site http://developer.yahoo.com/performance/rules.html この13のルールのすごいところは、「Firefoxの拡張機能による自動診断ツール」が用意されていることです。Firefoxにその拡張機能をインストールすれば、任意のサイトがこの13のルールにどれくらい適合しているか、一目で診断できるよう
Photoshopの動作を軽快にするための10のポイント
Photoshopの設定を変更して、動作を軽快にするための10のステップをSmashing Magazineから紹介します。 10 Simple Steps to Better Photoshop Performance はじめに もし、あなたがPhotoshopの設定をデフォルトのまま使用していたり、パフォーマンスを改善するために再点検することを望むなら、ここで紹介する10のポイントをチェックしてみてください。 1. ヒストリーの数を調整 作業履歴を記録するヒストリーはRAMを肥大化させるため、できるだけ数を少なく設定します。 一つの目安として、RAMが2GB以下の場合はヒストリーを使用しない方が軽快に動作します。 [編集] - [環境設定] - [パフォーマンス]の「ヒストリー&キャッシュ」で設定を変更できます。 2. キャッシュレベルの数を調整 レイヤーの数が少なく高精細の画像の場合
Webサイトの高速化・軽量化に使えるTips・参考記事を集めてみました - Feel Like A Fallinstar
Googleもスマートフォンに参入、ノートPCが完全に主流になるなど、ブロードバンドから逆に回線の「低速化」が起こっています。 参考： 今だからこそ、「軽量なウェブサイト」を作ることが重要、というお話 また、GoogleはWebの表示速度をPageRankに加味することを検討中であることを明言しています。 ただ、そうは言ったものの、ちゃんと実装しないと話しにならない訳で・・（大汗 細かいことでもちゃんと積み重ねて行かねばと。 というわけで、軽快なサイトを実装するためのTipsを自分のサイトで使ったのを備忘録的にここにも書いておきたいと思います。 まずはまとめ記事から 原則を押さえてから、細かいところに行った方が効率がよいかな、と思います。 30分でできる！Webサイトを高速化する6大原則 最適化を行うための観点が簡潔にまとまっていて、高速化チェック項目として有効です。 具体的な方法もいくつ
ActionScript3 最適化・高速化Tips 簡易まとめ - actionscriptグループ - ConquestArrow.addEventListener( LifeEvent.WORK, this.studyActionScript);
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
たった3行加えるだけで、ページの読み込み時間を劇的に改善させる『class.compressor.php』 - IDEA*IDEA ～ 百式管理人のライフハックブログ ～
ドットインストール代表のライフハックブログ
あ！早い！と感じるWindows XP 高速化
高速化もくじ ディスクスペースで高速化 定期的なディスクのクリーンアップ ゴミ箱の設定で高速化する 不要なアプリケーションを削除 デフラグでディスクの整理 Windowsの起動を高速化 スタートアップメニューを削除 消さないほうがいいプログラム msconfigで自動スタートアップを無効化 dumprep 0-kを外して高速化 Windowsロゴ画面の表示を短くして高速化 Windowsツール設定で高速化 入力/キーボード操作の高速化 タスクバートレイアイコンを非表示に 自動アップデートを停止する Windowsの各表示を高速化 タスクバーとスタートメニュー フォルダーの表示方法を変更 デスクトップ画面の設定で高速化クラシックデザインで高速化 システム設定をパフォーマンス優先に レジストリ設定で最適化 レジストリのバックアップをとる方法 無料ソフトでレジストリの掃除 レジストリの変更で最適
Windows PCが遅くなったときに使っているメンテナンスツールコンボ | IDEA*IDEA
ドットインストール代表のライフハックブログ
IT戦記 - 一行で IE の JavaScript を高速化する方法
以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
worldending.jp