ドットインストール代表のライフハックブログ
タグ
- すべて
- jQuery (14)
- #pypro (1)
- *html (8)
- *programming (364)
- *webサービス (176)
- *webデザイン (269)
- *web制作 (115)
- *あとで読む (286)
- *まとめ (126)
- *ネタ (163)
- *物欲リスト (1)
- *絵師 (37)
- *資料 (116)
- .net (5)
- 2ch (250)
- AA (3)
- ActiveRecord (1)
- Advent Calendar (2)
- Android (30)
- Backbone.js (19)
- C (19)
- CSS4 (1)
- Closure (3)
- Cloud (2)
- D (2)
- DTM (7)
- Dart (3)
- Design Pattern (10)
- DotCloud (1)
- Dropbox (4)
- ECMAScript (1)
- EuroPython2011 (1)
- F# (24)
- F1 (1)
- Flask (6)
- FluxFlex (2)
- GC (4)
- GUI (19)
- GoF (8)
- Google+ (8)
- Groovy (1)
- Hack-a-thon (4)
- Hugo (1)
- IDE (23)
- IME (5)
- Interview (19)
- Ironpython (1)
- JInja2 (1)
- JsTestDriver (1)
- KeyboardShortcut (1)
- LAMP (1)
- LINQ (2)
- MIT (1)
- MOVE (1)
- MVC (21)
- MVVM (3)
- MapReduce (1)
- Mechanize (1)
- MongoDB (19)
- OMake (2)
- OS (7)
- OpenCV (3)
- PC (19)
- PaaS (5)
- Portfolio (1)
- PostgreSQL (1)
- Q&A (1)
- R (4)
- REST (5)
- RESTful (2)
- Regular-Expressions (11)
- SEO (12)
- SICP (1)
- SNS (21)
- Scala (8)
- Sphinx (1)
- Springpad (1)
- Subversion (1)
- Typography (1)
- UI (47)
- Underscore.js (3)
- Unity (1)
- Visual Studio (2)
- WindowManager (1)
- Windows (52)
- ack (3)
- ajax (18)
- algorithm (25)
- amachang (21)
- amazon (6)
- analytics (8)
- anatomy (2)
- animal (48)
- anime (41)
- api (26)
- architecture (11)
- art (21)
- astronomy (22)
- auth (1)
- auto-complete (1)
- baseball (3)
- bash (2)
- batman.js (1)
- bdd (10)
- benchmark (1)
- bitbucket (5)
- blog (22)
- book (58)
- book, (1)
- bookmark (1)
- bookmarklet (5)
- bootstrap (3)
- brainfuck (3)
- browser (43)
- business (47)
- c# (16)
- c++ (22)
- camera (4)
- canvas (12)
- cat (148)
- celery (16)
- centos (1)
- cheatsheet (11)
- chef (11)
- chrome (47)
- clean_code (5)
- clojure (23)
- cms (2)
- coding-style (5)
- coffeescript (27)
- color (14)
- comic (34)
- comike (13)
- command (1)
- communication (27)
- composition (1)
- consideration (12)
- cooking (49)
- copyright (1)
- coverage (1)
- csi (1)
- css (207)
- css3 (9)
- cucumber (1)
- culture (3)
- database (46)
- dci (3)
- ddd (3)
- debug (1)
- deploy (4)
- design (40)
- designpattern (7)
- development (47)
- dictionary (2)
- discussion (5)
- django (119)
- dns (7)
- docker (1)
- dom (2)
- draw (17)
- drink (5)
- duo (2)
- earthquake (3)
- ebook (13)
- eclipse (1)
- economy (8)
- editor (15)
- education (2)
- elixir (1)
- emacs (18)
- emmet (1)
- enchant.js (1)
- energy (1)
- english (135)
- erlang (6)
- evernote (15)
- excel (6)
- express (7)
- extension (88)
- fabric (3)
- facebook (77)
- fashion (12)
- fexl (1)
- figure (7)
- fileformat (1)
- firebug (7)
- firefox (76)
- fish (2)
- flash (17)
- font (76)
- food (23)
- football (14)
- form (12)
- framework (28)
- functional (14)
- gae (35)
- game (30)
- gardening (1)
- gatsbyjs (1)
- gauche (4)
- gedit (5)
- geek (8)
- generator (26)
- gevent (1)
- gimp (5)
- girl (26)
- gist (1)
- git (15)
- github (8)
- gmail (15)
- go (11)
- golang (3)
- google (184)
- greasemonkey (8)
- grep (1)
- groonga (1)
- guitar (7)
- gundam (7)
- gunicorn (2)
- haml (1)
- handcraft (1)
- hardware (7)
- haskell (32)
- hatena (24)
- haxe (1)
- health (31)
- heroku (2)
- hg (2)
- history (20)
- hogan.js (1)
- hookbox (2)
- hosting (2)
- hosts (1)
- html (123)
- html5 (21)
- http (11)
- icon (28)
- idea (12)
- ie (21)
- illustration (172)
- image (18)
- infrastructure (3)
- ingress (2)
- innodb (1)
- instagram (2)
- iphone (1)
- jQuery (195)
- jQueryUI (1)
- jade (1)
- java (31)
- javascript (366)
- jazz (1)
- jenkins (1)
- json (2)
- knockout.js (5)
- kvm (1)
- lambda (5)
- language (11)
- law (7)
- less (2)
- library (3)
- life (3)
- lifehack (109)
- lingr (1)
- linux (60)
- lisp (15)
- llplanets (1)
- logic (4)
- logo (11)
- lua (11)
- mac (11)
- mail (7)
- management (4)
- map (5)
- markdown (1)
- marketing (15)
- material (63)
- math (26)
- media (1)
- memcached (2)
- mercurial (56)
- microsoft (9)
- mixi (12)
- mobile (25)
- monad (9)
- mongrel2 (1)
- mono (1)
- movie (37)
- mp3 (3)
- music (40)
- mysql (28)
- nature (12)
- neta (2)
- netlify (1)
- network (9)
- news (7)
- nginx (8)
- nhk (1)
- node.js (67)
- nodejs (1)
- nosql (2)
- nuclear (2)
- oauth (14)
- objective-c (4)
- ocaml (2)
- office (1)
- ood (1)
- oop (14)
- opera (1)
- orm (4)
- oz (2)
- paramiko (1)
- pattern (2)
- performance (49)
- perl (22)
- persec (1)
- person (12)
- philosophy (2)
- photo (130)
- photoshop (39)
- php (46)
- pixiv (20)
- podcast (1)
- politics (8)
- pose (3)
- programming (5)
- pronunciaton (1)
- prototype (1)
- psychology (8)
- pyqt (2)
- pyramid (7)
- python (971)
- pytyon (1)
- qml (4)
- qt (4)
- rabbitmq (1)
- rails (31)
- reStructuredText (8)
- react (1)
- react hooks (1)
- recipe (15)
- refactoring (3)
- reference (23)
- regexp (1)
- review (3)
- rspec (4)
- ruby (67)
- rubykaigi2011 (3)
- rust (10)
- rvm (3)
- safari (2)
- sass (6)
- scheme (28)
- science (24)
- scraping (16)
- scriptish (1)
- search (8)
- security (88)
- selenium (1)
- server (26)
- sftp (2)
- sha1 (1)
- shopping (3)
- sinatra (2)
- sky (3)
- smalltalk (1)
- smartphone (25)
- society (27)
- socket.io (4)
- software (73)
- solr (1)
- sound (3)
- sport (15)
- sql (24)
- sqlalchemy (2)
- ssh (5)
- storage (7)
- study (39)
- styleguide (2)
- tdd (17)
- technology (2)
- template (4)
- test (47)
- testing (52)
- theme (5)
- thread (2)
- tips (31)
- tmux (2)
- togetter (53)
- tool (35)
- travel (2)
- tumblr (16)
- tuningathon (2)
- tutorial (31)
- twitpic (2)
- twitter (180)
- ubuntu (30)
- unicode (3)
- unix (5)
- uwsgi (3)
- ux (3)
- vim (126)
- vimperator (3)
- virtualbox (2)
- vocaloid (9)
- vps (4)
- wallpaper (28)
- web2py (2)
- webservice (2)
- webサービス (3)
- whisky (2)
- wordpress (17)
- work (10)
- writing (6)
- wsgi (2)
- xml (2)
- xpath (5)
- xss (2)
- yahoo! (6)
- zencoding (2)
- zsh (2)
- あとで読む (31)
- これはすごい (84)
- これはひどい (31)
- はやぶさ (2)
- ひろゆき (10)
- ももクロ (12)
- レシピ (3)
- 名言 (8)
- 基礎文法最速マスター (2)
- 増田 (10)
- 文字コード (12)
- 東北地方太平洋沖地震 (70)
- 正規表現 (3)
- 自然言語処理 (3)
- 艦これ (7)
- 読み物 (39)
- 風景 (2)
- python (971)
- javascript (366)
- *programming (364)
- *あとで読む (286)
- *webデザイン (269)
- 2ch (250)
- css (207)
- jQuery (195)
- google (184)
- twitter (180)
googleとperformanceに関するkk6のブックマーク (5)
-
kk6 2010/11/04
- performance
- *web制作
リンク -
グーグルがWebを高速化するために何をしているか
本のページをめくるように、どんなWebページも素早く表示できるようにする。グーグルは以前からWebの高速化に取り組んできました。 6月22日から、米サンタクララで行われていたWebサイトのパフォーマンスと運用に関するオライリーのイベント「Velocity 2010」では、グーグルのUrs Hölzle氏がWebの高速化技術について「Speed Matters」（スピードの重要性）というセッションで紹介ています。 Webを高速化するためにどのような技術があり、あるいはどのような技術が検討されているのか、このセッションの内容を紹介しましょう。 スピードは重要だ 私が話そうとしているのは、「Speed matters｣（スピードの重要性）についてだ。Webは空飛ぶジャガイモより速くなれるだろうか？ どのくらい速くなれるだろうか？ （参考：オペラがやってくれた！ グーグルの空飛ぶジャガイモに対抗）
-
Gmailチームが明かすHTMLアプリケーション起動の高速化テクニック TechTalkManiacs
などという煽り気味なタイトルをついつけてしまいたくなる記事がGoogleCodeBlogに掲載されていました。 最初のほうはごく普通にJavaScriptを使ったRIAアプリケーションはどうしても起動が遅くなるため、それをどう減らすか、というテーマにそって書かれています。 方法として挙げられているのは、最初にすべてを読み込まず、モジュール単位で分割して遅延ローディングすること。ただし、それだけだと回線速度が遅く不安定なモバイル環境では問題が生じるためHTML5のキャッシュ機能を利用するといいとのこと。 遅延ローディングのためのさまざまな手法の得失や、例えばユーザーデータを読み込むときには動的ロードしない、というようにユーザーの操作を妨害しないよう留意することなどについても述べられていてそれだけでもノウハウとして十分に有意義なのですが、決め手として最後に出てくる方法がすごいです。 その方法と
-
Google製サイト高速化Firefoxアドオン「Page Speed」を試してみました:phpspot開発日誌
Page Speed Home Google製サイト高速化Firefoxアドオン「Page Speed」というのがリリースされたようで試してみました。 同様のFirefoxアドオンである、Yahoo!製のYSlowがあったりますが、後から出ただけあってYSlowにない便利機能なんかもあるみたいなので併用してもいいかも。 インストールすると、「Page Speed」、「Page Speed Activity」がタブに追加されました。 Analyze ボタンでページの検証が始まります。 検証結果画面。アイコン付きでYSlowより見やすいかも。 ここに表示される警告を直していけばページの高速化が簡単にできますね。 見出しをクリックすると解説ページに移動できます。 ブラウザベースのキャッシュをもうちょっと使うように、ということでメッセージが表示されました。 ブラウザキャッシュに対応するには、apa
-
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx