Record · corpus.blog/posts/01a08c62-df58-7110-948c-d21e6f35ade5

Practical Chrome Devtools — Performance

willmendesneto.github.io · published 15 September 2019

A record is what was published and who pointed at it. The text of the post is not held here: read it at the source, or at its Wayback capture.

Read the post at willmendesneto.github.io Wayback capture

0blogs citing

First cited: —
Most recent: —
Rank this month: not ranked
Links from this post: 37
Words captured: 2,110

Cited by

No blog we hold has cited this post yet.

Links from this post

Link

Host

Practical Chrome Devtools — Common commands & Debugging Read at the source ↗

willmendesneto.github.io

On Layout & Web Performance Read at the source ↗

kellegous.com

https://source.chromium.org/chromium/chromium/src/+/master:third_party/blink/renderer/core/dom/element.cc;l=4206-4225;drc=d685ea3c9ffcb18c781bc3a0bdbb92eb88842b1b

source.chromium.org

https://source.chromium.org/chromium/chromium/src/+/master:third_party/blink/renderer/core/editing/element_inner_text.cc;l=462-468;drc=d685ea3c9ffcb18c781bc3a0bdbb92eb88842b1b

source.chromium.org

https://source.chromium.org/chromium/chromium/src/+/master:third_party/blink/renderer/core/frame/visual_viewport.cc;l=435-461;drc=a3c165458e524bdc55db15d2a5714bb9a0c69c70?originalUrl=https:%2F%2Fcs.chromium.org%2F

source.chromium.org

https://source.chromium.org/chromium/chromium/src/+/master:third_party/blink/renderer/core/events/mouse_event.cc;l=476-487;drc=52fd700fb07a43b740d24595d42d8a6a57a43f81

source.chromium.org

https://source.chromium.org/chromium/chromium/src/+/master:third_party/blink/renderer/core/css/media_query_exp.cc;l=240-256;drc=4c8db70889f2d2fae8338b16f553c646dd20bf78

source.chromium.org

https://source.chromium.org/chromium/chromium/src/+/master:third_party/blink/renderer/core/css/properties/css_property.h;l=69;drc=d685ea3c9ffcb18c781bc3a0bdbb92eb88842b1b

source.chromium.org

https://source.chromium.org/search?q=UpdateStyleAndLayout%20-f:test&ss=chromium%2Fchromium%2Fsrc:third_party%2Fblink%2Frenderer%2Fcore%2Fediting%2F

source.chromium.org

https://github.com/wilsonpage/fastdom

github.com

https://cloud.githubusercontent.com/assets/39191/10144107/9fae0b48-65d0-11e5-8e87-c9a8e999b064.png

cloud.githubusercontent.com

https://source.chromium.org/chromium/chromium/src/+/master:third_party/blink/renderer/core/dom/document.h;l=657-680;drc=d685ea3c9ffcb18c781bc3a0bdbb92eb88842b1b

source.chromium.org

http://gent.ilcore.com/2011/03/how-not-to-trigger-layout-in-webkit.html

gent.ilcore.com

https://github.com/WebKit/webkit/search?q=updateLayoutIgnorePendingStylesheets&utf8=%E2%9C%93

github.com

https://searchfox.org/mozilla-central/search?q=FrameNeedsReflow&case=false&regexp=false&path=%5E%5B%5E%5C0%5D

searchfox.org

https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing

developers.google.com

https://mattandre.ws/2014/05/really-fixing-layout-thrashing/

mattandre.ws

https://developer.chrome.com/devtools/docs/demos/too-much-layout

developer.chrome.com

http://wilsonpage.co.uk/preventing-layout-thrashing/

wilsonpage.co.uk

Rendering: repaint, reflow/relayout, restyle Read at the source ↗

phpied.com

https://web.archive.org/web/20180401153527/https://blog.fogcreek.com/we-spent-a-week-making-trello-boards-load-extremely-fast-heres-how-we-did-it/

web.archive.org

https://developers.google.com/speed/articles/reflow?hl=en

developers.google.com

https://developer.apple.com/videos/wwdc/2012/?id=601

developer.apple.com

http://www.html5rocks.com/en/tutorials/speed/layers/

html5rocks.com

https://www.igvita.com/slides/2012/web-performance-for-the-curious/

igvita.com

http://jankfree.org/

jankfree.org

https://gist.github.com/paulirish/5d52fb081b3570c81e3a/raw/6e6fd7096c505d3b536f0612f3dc91a9dec97302/what-forces-layout.md

gist.github.com

https://gist.github.com/paulirish/5d52fb081b3570c81e3a

gist.github.com

https://github.com

github.com

https://csstriggers.com/

csstriggers.com

https://github.co/hiddenchars

github.co

https://gist.github.com/willmendesneto/ed6be58debc611fcd1c0f3289d3a744f/raw/dd4e53d14bf6d1a14b3223aac1504a66b84618e3/fetch-some-data.js

gist.github.com

https://gist.github.com/willmendesneto/ed6be58debc611fcd1c0f3289d3a744f

gist.github.com

https://github.com/GoogleChrome/lighthouse

github.com

https://github.com/bahmutov/code-snippets

github.com

https://github.com/bgrins/devtools-snippets

github.com

https://developers.google.com/web/tools/chrome-devtools/speed/get-started

developers.google.com