Googleが推奨する、ブラウザレンダリングに関する4つのベストプラクティスについて紹介します。 この記事は「Optimize browser rendering」を参考に書き起こしたものです。 Optimize browser rendering 元記事は2012年3月28日に更新されたものです。記事には5つの項目がありますが、残りの1つは情報がやや古いようなので割愛しました。 解釈が間違っている部分がありましたらどこかでつぶやいてください。 １．CSSセレクタを効率的に使用する 基本として、CSSのレンダリングは、記述されたセレクタについて、一番右端のセレクタ（キーセレクタ）から開始し、右から左方向に評価します。 で、多くの要素に一致するような非効率的なキーセレクタを避けることで、ページのレンダリングをスピードアップできるようです。 以下の子孫セレクタは非効率な例です。 キーセレクタが
タグ
- すべて
- 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)
ブックマーク / www.koikikukan.com (1)
-
kk6 2013/09/05
- css
リンク -
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx