jQueryを高速に動作させるためのポイント５つ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
最近東京にこなれてきたどうも僕です。何がこなれてきたって？電子マネーさ！東京ならSuica、Edy、Waon、なんでもタッチで買えちゃうんだぜ！コンビニで清算するとき、「支払いはEdyで」と一言、そして、読み取り機にソフトタッチ。支払いのシャリーンという音とともに僕の白い歯がキラーンとかがやくのさっ！ そんな東京にこなれてきた僕が、今日はjQueryを使う上で気をつけておきたいポイントを何点か紹介しようと思うよ！ jQueryって便利だけど、もとはJavaScriptで、インタプリタ言語で、コンパイル時に最適化なんてされないから、書き方一つで意外とパフォーマンスに差が出てくるんだよね！開発時は高スペックのPCで見てるから気づかないかもしれないけど、あなたのサイト、低スペックマシンとかモバイル端末でみたら、もっさもさかもよ！ っというわけで、jQueryを使う上で気をつけたいポイントを挙げて
重くなってきたMacをカンタンに高速化する10の方法 | らふらく ^^
最近、Macが重くなり、虹色アイコンが 出るようになってきたので、高速化する方法を調べました。 今回は、高速化に有効だった方法を紹介します。 ①「OnyX」でMac内をクリーニング Mac内のお掃除に便利なのが「OnyX」です。 詳細はこちらをどうぞ。 Macの不可視ファイル表示やメンテナンス/クリーニングに「OnyX」が便利 システムやインターネット、 ログなどのキャッシュを削除してくれるのですが、 これだけで数GBの容量が確保できたりすることもあります。 ②ネットがサクサクつながるカンタン設定 インターネット環境を最適にするには「dolipo」と、 カンタンなシステム環境設定が効果的のようです。 詳細はこちら。 お金をかけずMacのネット環境を3倍高速化！騙されたと思ってdolipoとGooglePublicDNSを導入しよう ③たまった不要ファイルを削除 キャッシュや長
身につけておきたいWebサイト高速化テクニック #2｜検証ツールとそもそもHTTPって何だ編 | DevelopersIO
第1回のアジェンダ編では、高速化に関わる要因と解決策の全体像を紹介しました。 アジェンダ編にもかかわらず多くのブックマーク、シェアをいただきありがとうございます！ 余談ですが、記事にブックマーク、シェアをしていただくと、このブログでは執筆者に経験値がたまるような仕組みになっています。 たくさん経験値を貯めると四半期ごとに良いことがあるかもしれないので、気が向いたらこの他の執筆者の記事もシェアしていただけるとうれしいです。 言葉にせずとも、わかっていただけると思いますが、この記事も・・・ね？ 右上にあるボタンをちょちょっと。 本題 余談はさておき、本題に入りましょう。 今回は「無駄なリクエストとレスポンスの削減」に視点を置き、解決策について調査、計測して紹介してみたいと思います。 と思ったのですが、長くなりすぎたため、まずは「検証ツールとHTTPについて」紹介することにしました。 この記事の
身につけておきたいWebサイト高速化テクニック #1｜アジェンダ編 | DevelopersIO
Webサイトの表示高速化対策していますか？ 日本は欧米諸国に比べWebサイトの表示高速化対策をしているサイトが少ないです。 特に、最近ではスマートフォンの普及によりモバイルサイトの需要も増え、高速化をしなければいけない機会も増えてるのかなと思います。 日本のモバイルデータ通信はLTEで高速になりつつあるとは言え、まだまだ「貧弱！貧弱ゥ！」です。 幸いなことに僕も最近鶴の一声によってクライアントからサーバー周りまで包括的な高速化対策を経験する機会を得ることができました。 それまでは、「手間がかかりすぎるからできればやりたくない」というのが本音でした。職務怠慢ですね（苦笑）。 でも、できるだけ楽したい！と思うのが人の常。 この連載ではできるだけ楽をしながらできる高速化手法と計測結果を1つ1つ紹介しようと思います。 基本的にはすべて受け売りの内容です。やってみた対策を羅列して、連載の中で自分で試
JavaScriptの読み込みを最適化してページの表示速度を高速化する6つの方法
[対象: 中〜上級] 僕のブログではてブ数がいちばん多いのはウェブページを高速化するTIPSを解説した記事です（まだ読んでない人はぜひ読んでください！）。 その記事では高速化全般を扱っていましたが、今日の記事ではJavaScriptに的を絞って表示速度をスピードアップできる施策を6つ紹介します。 もともとはSearch Engine PeopleブログのOptimizing JavaScript for Better Web Performanceで説明されていたものです。 記事作者のJoydeep Deb（ジョイディープ・デブ）氏に僕のブログでの転載許可をもらえました (Thanks, Joydeep!)。 逐一の翻訳ではなく、書かれている内容をもとに僕の言葉で解説していきます。 1. HTTPリクエスト削減のためにJavaScriptファイルを1つに統合する ウェブページの表示を高速化
WordPress 高速化 Pro Tips: フロントエンドの最適化
WordCamp Tokyo 2012 ~ Pr�o Tips� for� Spee�ding U�p WordPress: Optimization of Front-End ~
WordPress高速化に使えそうなプラグインを色々試してみた結果、けっこう早くなったのでご紹介。 / Maka-Veli .com
相変わらずWPにウトい僕ですが、 案件で急遽、高速化が必要になり、さくっとできるプラグインで対応したかったので調べてたんですが、せっかくなのでMaka-Veliにも入れて、色々試してみました。 といっても、実際に全て検証し切れてるわけでは無いですし、どんな物でどんな効果があるのかを検証しきれる能力も無いのでご注意ください。あくまでも「高速化に使えそう」と思った物だけなので、実際の効果は不明です。（わからずに使うとトラブル起きますしね）※あとで自分がみたいだけのまとめ兼用という記事です。 詳しくはそれぞれのリンク先と、プラグインをご紹介されている記事等でご確認頂ければと思います。 なお、検証にあたり数値を取得してるわけではありませんのでご了承ください。 WordPressの更新 とりあえずWPを最新版（現時点の WordPress 3.3.2 ）に入れなおしました。 まあベタです
WordPressの高速化決定版はMO Cacheだ for @donpy | iPhone 研究室
WordPress を日本語などのマルチバイトで利用していると、表示が遅くなってしまうので様々な高速化テクニックが公開されています。 キャッシュを上手く利用するのが高速化の鍵ですが、翻訳ファイル（xxx.mo）の読み込みにかなりの負荷がかかっているのだそうです。それで MO Cahce というプラグインを使うと大幅な高速化が期待できます。 プラグイン作者さんのサイトを引用すると、 最初はバージョンアップで速くなったのかと思ったのですが、すぐに翻訳ファイルの読込みに時間がかかっていることが判りました。Xdebug のプロファイラで計測したところ実に全体の70%近くが翻訳ファイルである .mo ファイルの読込みのために費やされていました*1。メインの開発者達が英語版しか使ってないからこんなことになるんだ！と愚痴っていてもしょうがないので、なんとかしようと思い、できたのが MO Cache です
WordPress 高速化＆スマート運用必携ガイド フォロー - dogmap.jp
3/16 に発売された「WordPress 高速化＆スマート運用必携ガイド」ですが、ありがたいことに Facebook ページやメールで、内容についていくつかお問い合わせをいただいています。 僕が執筆担当したセクションで、特につまずきそうなところや、執筆時から事情が変わったところ、および間違っているところについて、ちょっと解説を入れようと思います。 [P153][P160] epel リポジトリのインストールができない 本書では、epel リポジトリ登録用の rpm パッケージを download.fedora.redhat.com からインストールするように指定しています。 書籍執筆時は download.fedora.redhat.com が利用できたのですが、現在はこのサイトは利用できなくなっており、代わりに dl.fedoraproject.org からダウンロードするようになった
WordPress 高速化＆スマート運用必携ガイド - dogmap.jp
WordPress 高速化＆スマート運用必携ガイド 昨年末くらいから、こもりさんと一緒に本を書いてました。 先日、ようやく色校 up して 3/16 には発売されます。 右の写真が、出来立てほやほやのカバーの写真です。カッコいいっすなぁ、見るからに速そう。 WordPress サイトを高速化させるためのガイドで、こもりさんがフロントエンドの、僕がバックエンドの技術を色々紹介しています。 僕の書いたところは、このブログとか WordCamp Yokohama、Tokyo なんかで講演した内容が元になってます。 「WordPress のことは分かるんだけど、サーバの設定とか運用とかは、ちょっと…」 って感じの人を対象に書いてみました。 僕とこは、あまり突っ込んだことは書いてないので、普段からサーバ運用している人には物足りないかもしれませんが、そういう人には、逆にこもりさんの書いてくれたフロント
WordPress をたった3分で3倍高速化する方法 [MO Cache] - カワイイはつくれる
3分しか時間がない人向け WordPress の管理画面を開く WP File Cache をインストールする MO Cache をインストールする 完了！設定の必要はありません もう少し時間がある人向け この記事は WordPress Advent Calendar 2011 の10日目の記事です。 今日は MO Cache という WordPress プラグインの紹介をしたいと思います。 先日初めて WordPress を使いサイトを作成したのですが、インストール直後からのあまりの遅さにびっくりし、そりゃあチューニング記事が人気になるよなぁなんて考えていました。しかし最近になって WordPress 3.3 Beta が出たためちょっと触ってみようかなと英語版をインストールしたところ、以前日本語版 3.2.1 をインストールした時よりも明らかに速いことに気づきました。 最初はバージョン
![WordPress をたった3分で3倍高速化する方法 [MO Cache] - カワイイはつくれる](https://cdn-ak-scissors.b.st-hatena.com/image/square/19c5228f53c550014101aa4bccd0cc3ce4a9f433/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729891688%2F13208692334729909377%2F1612950304)
jQueryのCSSセレクタAPIを高速に扱う方法 - KAYAC Engineers' Blog
最近Androidとの抗争が激化しているago（@kyo_ago）です。 jQueryはCSSセレクタを多用する特徴がありますが、jQuery内では実行ブラウザやCSSセレクタの記述によって呼び出されるブラウザAPIが変わり、それによって実行速度にも影響が出ます。 この記事では「セレクタAPIとはなにか」、「CSSセレクタの記述によって呼び出されるセレクタAPIの種類」、「高速なセレクタAPIを使用するための方法」、「高速なセレクタAPIが使われるかどうか確認する方法」などを紹介したいと思います。 （※この記事はJavaScript Advent Calendar 2011 (フレームワークコース) : ATNDの1日目の記事です） セレクタAPIとはなにか セレクタAPIとは「#hoge .huga」のようなCSSセレクタから、DOM上に存在する要素を取得するためのAPIです。 jQue
Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法
Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法 2011-08-28 Webデザイナーが、Webサイトのパフォーマンスを重視する傾向はあまり無いように感じますが重要なことです。 Googleでは、0.5秒遅くなると、検索数が20%減少する amazonでは、0.1秒遅くなると、売り上げが1%減少する という報告もあるようです。Webサイトのパフォーマンスはコンバージョンにも影響する大切な部分。 今回はWebサイトのパフォーマンスを上げる方法を取り上げます。 パフォーマンスアップの前に 応答時間の限界 0.1秒までなら、結果はコンピューターではなく、ユーザーによって引き起こされたように感じる。 1秒までなら、"遅れている"と感じるが、ユーザーの思考は途切れずに、自由に動いていると感じる。 10秒までになると、ユーザーがコンピューターに振り回されている気持ちになり、ストレ
Microsoft、HTML5サポート強化でHotmailを高速化
米Microsoftは6月30日（現地時間）、オンラインメールサービス「Hotmail」をアップデートし、高速化したと発表した。例えばメッセージの表示では、従来3.3秒かかっていたところを0.18秒に短縮したという。 Microsoftは、ローカルストレージを利用したキャッシング、プリローディング、非同期通信の3つの技術を使って高速化を実現したとしている。 新Hotmailでは、1度ダウンロードしたメッセージリストと開いたメールはWebブラウザのDOMにキャッシュされる。アカウントに変更があるとサーバがブラウザにそれを通知し、ブラウザがデータを更新する。ブラウザを閉じると、キャッシュは削除される。 また、ユーザーがメッセージリストを閲覧している間に各メッセージをプリロードすることで、ユーザーがメッセージを開くときに待たずに済むようにした。 さらに、従来はユーザーインタフェースの更新（メッセ
時折遅くなるFirefoxのイライラを解消！ メモリ使用を制御するアドオン | ライフハッカー・ジャパン
Firefox：いまだ、根強いファンの多いFirefoxですが、メモリに関しては課題アリ。タブを開きすぎたり、長いあいだ開いたままにしておくとノロノロ遅くなるのが難点です。 そんなときのイライラを解消してくれるのが、アドオン「Memory Restart」です。 Memory Restartは、アドオンバーでFirefoxのメモリ使用を表示。また、メモリが一定の使用量を超えると、Firefoxを自動で再起動できます。 もちろん「いきなりシャットダウンされては困る！」というユーザーさんは、一定の使用量を超えるとボタンの色の変化で警告してくれる機能を利用し、手動で再起動することも可能。許容できるメモリ使用量の上限や、再起動の自動・手動などは「Memory Restart」の設定画面で自由に変更できます。 ちなみにMemory Restartは、メモリ使用量の検知に、Firefoxの「about
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
1216彩票-官网平台
あなたのFirefoxをもっとサクサクにするアドオン3選+α | ライフハッカー・ジャパン
cmmntr.com
重くなったパソコンを軽くする方法なんて本当にあるの？ | ライフハックちゃんねる弐式
アイ・オー・データ、コピー高速化ソフト「マッハCopy」を無償公開