自己紹介 ネイバージャパンのUIT(User Interface Technology)チームの裵完理(ベワニ)です。 概要 CSSやJavaScriptを使って複雑なデザインや動的なページを実装しているサービスが増えてきていますが、速度低下などの問題が発生しやすくなっています。これを100%直すことは難しいですが、改善するにはブラウザレンダリングプロセスを理解する必要がありますので、理解した上で改善方法を探してみましょう。 ブラウザレンダリングプロセスの理解 ブラウザの基本構造 User Interface – アドレスバー、戻る・進むボタン、ブックマークメニューなど、メインウィンドウに表示(document)されるページ以外の部分 Browser Engine – UIとレンダリングエンジン間のアクションを制御するもの Rendering Engine – リクエストしたコンテンツを表
タグ
- すべて
- jQuery (33)
- .htaccess (5)
- 2ch (6)
- 3d (47)
- 3ds (2)
- 404 (5)
- AMP (4)
- Affiliate (2)
- AfterEffects (2)
- Agile (5)
- Ajail (3)
- Analytics (11)
- AngularJS (9)
- Apache (6)
- Apple (62)
- AppleScript (4)
- AppleWatch (9)
- AtomicDesign (4)
- AutoHotKey (2)
- Browser (53)
- BusinessCard (3)
- CDN (2)
- CMS (5)
- CSS-in-JS (2)
- CSS4 (3)
- CSSNite (2)
- CSSdesign (2)
- CakePHP (2)
- Canvas (66)
- Cordova (16)
- DOM (3)
- DesignSystem (5)
- DirectX (2)
- DocumentationSystem (4)
- DreamWeaver (14)
- FPS (3)
- Facebook (18)
- Fonts (9)
- Frontend (3)
- GIMP (2)
- Gallery (15)
- Geolocation (3)
- Graphics (3)
- HDMI (2)
- Homebrew (2)
- IE (36)
- JSON (7)
- Java (2)
- Kindle (3)
- Kinect (4)
- Lion (2)
- MHP3 (4)
- Markdown (5)
- Mercurial (2)
- MicroInteraction (4)
- Microsoft (12)
- MindBEMding (4)
- Mozilla (5)
- MySQL (7)
- Nintendo (2)
- OAuth (5)
- OS (3)
- OnsenUI (3)
- OpenGL (2)
- PC (11)
- PEAR (4)
- PSP (2)
- PWA (2)
- Pixelmator (4)
- PowerPoint (4)
- React (13)
- Resources (13)
- Restaurant (4)
- SVG (85)
- Scrum (5)
- Standard (3)
- Subversion (6)
- Tablet (6)
- Technology (6)
- Tumblr (6)
- Tutorials (58)
- Twitter (63)
- Typography (11)
- UA (2)
- UI (76)
- UML (3)
- Unity (22)
- VIP (4)
- Vimperator (5)
- Xcode (11)
- YUI (3)
- Youtube (19)
- Zen-Coding (25)
- accessibility (16)
- action (4)
- actionscript (3)
- ad (3)
- addon (29)
- adobe (15)
- advanced (4)
- ajax (8)
- algorithm (3)
- amachang (5)
- amazon (7)
- android (48)
- animation (100)
- anime (3)
- api (55)
- app (25)
- application (42)
- art (17)
- atom (3)
- audio (6)
- baby (3)
- band (5)
- base (3)
- bash (8)
- beautiful (42)
- beginner (18)
- blog (11)
- bluetooth (8)
- book (13)
- bookmark (5)
- bookmarklet (21)
- bootstrap (4)
- bot (4)
- brush (11)
- bug (19)
- business (36)
- cafe (4)
- calendar (8)
- capture (4)
- card (5)
- case (10)
- cat (9)
- character (10)
- chart (5)
- cheatsheet (14)
- checklist (3)
- chrome (58)
- chromeExtension (5)
- cloud (6)
- coda (4)
- codeReading (3)
- coding (27)
- color (13)
- comic (11)
- command (4)
- communication (5)
- compress (7)
- concept (4)
- convert (4)
- cooking (18)
- cookpad (3)
- creative (42)
- css (328)
- css3 (299)
- cssSprite (5)
- cui (4)
- customize (4)
- cute (10)
- data (9)
- date (7)
- debug (11)
- demo (21)
- design (233)
- desktop (14)
- development (245)
- diff (6)
- document (45)
- dot (3)
- dot3 (5)
- dotabataNeta (22)
- download (14)
- dropbox (18)
- dummy (4)
- eBook (15)
- editor (43)
- education (11)
- effect (10)
- effects (3)
- election (3)
- electron (15)
- email (6)
- emulater (3)
- enchant.js (6)
- english (9)
- entryNeta (18)
- epub (3)
- error (6)
- eva (7)
- event (5)
- evernote (3)
- excel (5)
- extension (46)
- fashion (9)
- favicon (6)
- file (3)
- firefox (50)
- fireworks (10)
- flash (18)
- flickr (4)
- font (69)
- fontface (5)
- food (11)
- form (15)
- framework (40)
- free (192)
- ftp (5)
- future (3)
- gadget (34)
- game (83)
- geektool (3)
- generator (70)
- gif (6)
- git (35)
- github (14)
- google (71)
- gourmet (7)
- graph (11)
- greasemonkey (5)
- gui (3)
- guideline (10)
- gulp (9)
- hack (8)
- hatena (3)
- heroku (4)
- hotel (4)
- howto (164)
- htm5 (3)
- html (109)
- html5 (316)
- iPad (30)
- iPhoneApplication (10)
- icon (64)
- idea (8)
- ie8 (3)
- ie9 (10)
- illusion (4)
- illust (12)
- illustrator (15)
- image (38)
- infographic (6)
- inspiration (57)
- interaction (10)
- interface (12)
- ios (46)
- iphone (121)
- jQueryMobile (4)
- javascript (396)
- jquery (119)
- js (6)
- keyboard (5)
- knowledge (6)
- kzms2 (5)
- launcher (5)
- launchy (3)
- layout (6)
- library (105)
- life (40)
- lifehack (38)
- lightbox (3)
- linux (7)
- loading (7)
- logo (6)
- logos (3)
- love (3)
- mac (175)
- mail (16)
- management (12)
- marketing (4)
- markup (3)
- material (201)
- math (6)
- media (3)
- merge (3)
- mh (4)
- mmorpg (4)
- mobile (32)
- modeling (7)
- motion (3)
- mouse (7)
- movie (29)
- mp3 (4)
- music (36)
- mvc (3)
- nativeapp (3)
- naver (3)
- navigation (6)
- neta (69)
- news (92)
- node.js (33)
- npm (6)
- objective-c (5)
- office (3)
- openframeworks (3)
- opera (10)
- optimization (16)
- optimize (7)
- original (3)
- parallax (11)
- pattern (11)
- pdf (13)
- performance (63)
- photo (56)
- photoshop (94)
- php (84)
- physics (4)
- picture (4)
- planning (3)
- player (4)
- plugin (101)
- portfolio (16)
- premium (3)
- present (5)
- presentation (53)
- programming (107)
- project (11)
- prototype (20)
- prototyping (3)
- ps3 (3)
- psd (29)
- purecss (7)
- python (4)
- react.js (4)
- recipe (9)
- reference (34)
- regexp (6)
- release (7)
- research (15)
- resource (6)
- responsive (12)
- responsiveWebDesign (22)
- rss (3)
- ruby (7)
- safari (18)
- sample (88)
- sass (17)
- schedule (3)
- search (17)
- security (30)
- seminor (4)
- seo (11)
- server (15)
- service (5)
- setting (5)
- share (16)
- shell (14)
- shopping (34)
- showcase (27)
- sketch (48)
- skype (4)
- slides (7)
- slideshow (3)
- smartphone (22)
- smartwatch (3)
- snippets (13)
- sns (14)
- software (97)
- sound (7)
- splatoon (3)
- ssh (4)
- storage (16)
- study (21)
- styleguide (8)
- sublimeText (29)
- sweets (3)
- swift (20)
- technique (46)
- template (48)
- terminal (9)
- test (4)
- tester (3)
- texture (7)
- theme (22)
- three.js (10)
- tips (108)
- todo (5)
- tool (21)
- tools (16)
- trackball (3)
- travel (15)
- tutorial (32)
- tw (173)
- unix (4)
- url (5)
- usability (9)
- usb (3)
- useful (41)
- ux (9)
- validate (3)
- validator (3)
- vd (5)
- vector (18)
- video (25)
- vim (30)
- vimrc (6)
- visual (69)
- visualization (13)
- voice (3)
- vr (9)
- w3c (28)
- wallpaper (15)
- weather (3)
- web (36)
- webBook (6)
- webStorm (3)
- webapi (19)
- webcomic (6)
- webcomponents (3)
- webdesign (179)
- webdeveloper (6)
- webfont (10)
- webfontIcon (8)
- webgl (44)
- webkit (21)
- webservice (295)
- webvr (3)
- wedding (8)
- wifi (5)
- windows (51)
- wireframes (3)
- wireless (3)
- wordpress (45)
- work (11)
- yahoo (37)
- あとで見る (14)
- あとで試す (6)
- あとで読む (21)
- あとで買う (6)
- これはけしからん (4)
- これはすごい (57)
- これはひどい (14)
- これは便利 (7)
- これは欲しい (4)
- これは良い (11)
- これは食べたい (3)
- さくらインターネット (15)
- まとめ (71)
- ネタ (9)
- 欲しい (7)
- 顔認識 (3)
- javascript (396)
- css (328)
- html5 (316)
- css3 (299)
- webservice (295)
- development (245)
- design (233)
- material (201)
- free (192)
- webdesign (179)
Browserとoptimizationに関するkzms2のブックマーク (1)
-
kzms2 2011/11/08
ブラウザレンダリングの基本やその原理などが書いてある。速度向上のための内容なども書いてある。- interface
- performance
- optimization
- Browser
- まとめる
リンク -
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx