キーワード検索「高速化」
759
新卒入社2年目で、フロントエンドエンジニアをしています。阿部です。 いろいろなサイトのソースを見ていて、最近見るなぁと思った要素を勉強がてらにまとめてみました。 「IE対策」、「キャッシュ対策」、「高速化」、「ソーシャルメディア要素」、「スマートフォン要素」の5つに分けて、広く浅くですがご紹介します。 IE対策 <meta http-equiv="X-UA-Compatible" content=...
843
続・ハイパフォーマンスWebサイトを呼んでCSSセレクタの高速化の話しが面白かった（というか全然知らなくてちょっとびびった）ので紹介します。セレクタは右から左に解釈されるこれは正直知らなくて、結構衝撃でした。#foo .bar {}これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#foo...
577
ユーザビリティの改善や検索エンジン対策としてウェブページの読み込みスピードの高速化は非常に重要です。ということで、ページの読み込みスピード向上のために役立つサイトをまとめてみます。 ページ読込速度の重要性 次の事例にあるように、ユーザーは表示速度に敏感です。 Googleによるとページの読み込みが0.5秒遅くなると、検索数が20%減少する Amazonによるとページの読み込みが0.1秒遅くなると、...
539
いまリニューアル中のwebサイトがあります。リニューアルポイントは改善点の大きなポイントは負荷対策。つまりブラウザへの表示速度の改善です。 よい機会なので、webページの高速化について調べてみました。 目次 高速化の重要度 Webサイトの待ち時間の80％はフロントエンドの処理によるもの 【デザイナーにできること1】「CSS Sprite」で画像の表示速度を高速化する 【デザイナーにできること2】外...
573
本のページをめくるように、どんなWebページも素早く表示できるようにする。グーグルは以前からWebの高速化に取り組んできました。先週の6月22日から、米サンタクララで行われていたWebサイトのパフォーマンスと運用に関するオライリーのイベント「Velocity 2010」では、グーグルのUrs Hölzle氏がWebの高速化技術について「Speed Matters」（スピードの重要性）というセッショ...
426
Local Load 「Local Load」は、Firefoxにインストールするだけでブラウジングの際のページ読み込み速度を高速化してくれるアドオンです。光回線などの高速インターネット回線に接続している場合は効果がはっきりと分かりにくい場合もありますが、回線が細い場合では体感で分かるほどに、特に大幅な高速化が期待できます。 高速化の仕組み自体は単純で、jQuery、Prototype.js、Mo...
443
WordPressは1万3000以上のプラグイン、1300以上のテーマが公式に登録されており、その拡張性から大体のことは出来てしまいます。 但し、弱点があってデフォルト利用だとパフォーマンスがあんまり出ないってことで、アクセスの多いブログにするには色々工夫が必要ということで高速化に関するページを色々まとめてみました。 15 Ways To Speed Up Wordpress WordPressで...
403
jQueryを高速化するためのTipsがまとまっていましたよ。jsPerfなるツールを使ってちゃんと計測している点が素晴らしいですよ。 jQuery Proven Performance Tips & Tricks View more presentations from Addy Osmani 全部で10個（+Bonus）紹介されていますが、どれもサンプルコードがわかりやすいのでおすすめです。 ...
340
ゴールデンウィークは、ディズニーランドに連れていくと娘に約束してしまった ishida です。いったいどのくらい混雑するんだろう、どうせオイラはパレードの席取りでひたすら待つのさ。 さてさてweb高速化においてサーバー側ではなくフロントエンド側で対応できることもかなりあります。 CSSのセレクタ構文の最適化やCSSスプライトによる画像リクエスト数の削減であったり。 今回は、ファイル容量を削減に焦点...
285
JavaScriptの顔認識ライブラリにccv.jsという有名なものがある。 liuliu/ccv ただ、WebRTCで顔認識させようとすると遅くてしかたがなかった。 最初は速いこともあるが、10回ぐらい認識をさせるとすぐに遅くなる。 とりあえず、デモ。 Computer Vision by ccv.js そこで、チューニングをしてみることにした。 まず、JavaScriptの定番の高速化を試して...
259
os0x(Shogo Ohta), 2011-08-21 http://bit.ly/toka20-B5S slideshow mode アンケートや情報共有にご協力ください！ カンファレンス全体についてのアンケート http://bit.ly/toka20 実践・ウェブアプリ高速化テクニックについてのアンケート http://bit.ly/toka20-B5 Twitter（実況中継用にお使いく...
243
Base64 Encoding for Images. 画像自体をBase64エンコードしてHTML内に埋め込んで高速化するPHPコード例。 Googleがインスタントプレビューや画像検索で導入してその読み込み速度に驚いた方も多いかもしれません。 その手法をPHPで実現するコードが掲載されていましたのでご紹介。 PHPでやるにはそんなに難しいわけではなさそう。<?php $img_src = "i...
216
Publickey グーグルがWebを高速化するために何をしているか http://goo.gl/KyBk この記事に興味を持った人は、是非、オライリーの「続・ハイパフォーマンスWebサイト」も読んで欲しい。http://goo.gl/davBless than a minute ago via Chromed Bird及川卓也 / Takuya Oikawa takoratta本のページをめくる...
184
本日大江戸*1で行われた大江戸Ruby会議01で、高速なテストサイクルを回すにはという内容で発表してきました。大江戸Ruby会議01 高速なテストサイクルを回すにはView more presentations from hotchpotchテストを速くするには二パターンあり、一つは単体実行時の速度・フィードバックの高速化、もう一つはすべてのテスト実行時の高速化があると思っていて、それらについての...
177
CSS, JavaScript CSSセレクタの高速化の話し - Webtech Walkerの件。元ネタは続・ハイパフォーマンスWebサイト ―ウェブ高速化のベストプラクティスで、元ネタの元ネタはWriting Efficient CSS for use in the Mozilla UI - MDC。先に書いておくと、この元ネタのMozillaの記事には、in the Mozilla UIとあ...
153
これは何？ 人工無脳なWebアプリ（チャットボット）を作りながらNode.jsを覚えようという企画です。 なんで人工無脳なの？ 僕の持論『プログラミング言語の入門には人工無脳がぴったりだ』によるものです。 ファイル入出力や（連想）配列、文字列処理等、基本的な文法が学べ、何より人工無脳は楽しいからです。 ※ 人工無脳はCPUヘビーな部類に入るので、IOの高速化を得意とするNodeにあまりむいていませ...
100
Badass JavaScript - Face Detection in JavaScript via HTML5 Canvas JavaScriptとHTML5 Canvasを使って顔認識するコードがすごいです。 ccv.jsとface.jsというファイルがGitHub上で公開されていて、認識自体をJavaScriptでやってしまっているようです。 JavaScriptが高速化するにつれ、WE...
95
Language UpdatePerl 小飼弾PHP 小泉守義Python 稲田直哉Ruby まつもとゆきひろClojure makingHTML5白石俊平Scala 尾崎智仁 Keynote PDF開発ライセンスとプログラマーの自由小山哲志LLと電子出版西尾泰三鈴木嘉平瀧澤昭広高橋征義森田尚LLでフィジカルコンピューティングごうだまりぽ山本遼原央樹尾崎俊介高速化虎の巻藤田将洋 (公開資料なし)高...
61
前回の更新から約6週間、Mozilla が Firefox ブラウザの最新版 v9.0 をリリースしました。今回の主な変更は： JavaScript の高速化。Type Inference の導入により、KrakenやV8といった代表的なベンチマークで30%以上の高速化を実現。Type Inference (型推論)はFirefox のJavaScript エンジン SpiderMonkey の機...
59
「Firefox 9」の目玉機能は一年以上も研究が続けられていた研究プロジェクトである型推論 (TI: Type Inference) が導入されたことで、これによってJavaScriptを使いまくるサイトでの高速化がかなり期待でき、Firefox8に比べて最大45％、Firefox3.6に比べれば最大10倍高速化するとのこと。 ほかにも、ダウンロードした画像を実際表示するまでデコードしないことで...
