{"id":19093184,"url":"https://github.com/ufocoder/browser-rendering-performance","last_synced_at":"2025-11-11T22:33:18.598Z","repository":{"id":49402021,"uuid":"331447943","full_name":"ufocoder/browser-rendering-performance","owner":"ufocoder","description":"A collection of browser rendering performance resources","archived":false,"fork":false,"pushed_at":"2021-09-27T11:27:20.000Z","size":41,"stargazers_count":52,"open_issues_count":0,"forks_count":1,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-01-02T23:27:23.991Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ufocoder.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-01-20T22:21:00.000Z","updated_at":"2024-06-08T22:49:20.000Z","dependencies_parsed_at":"2022-09-16T04:21:05.731Z","dependency_job_id":null,"html_url":"https://github.com/ufocoder/browser-rendering-performance","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ufocoder%2Fbrowser-rendering-performance","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ufocoder%2Fbrowser-rendering-performance/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ufocoder%2Fbrowser-rendering-performance/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ufocoder%2Fbrowser-rendering-performance/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ufocoder","download_url":"https://codeload.github.com/ufocoder/browser-rendering-performance/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240142797,"owners_count":19754636,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-09T03:23:35.671Z","updated_at":"2025-11-11T22:33:13.573Z","avatar_url":"https://github.com/ufocoder.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"A collection of browser rendering and rendering performance resources\n\n## Specifications\n- [HTML5. Web application APIs. Scripting. Event Loops. Processing model](https://html.spec.whatwg.org/multipage/webappapis.html#event-loop-processing-model)\n- [HTML5. Parsing HTML documents. Overview of the parsing model](https://html.spec.whatwg.org/multipage/parsing.html#overview-of-the-parsing-model)\n- [CSS Syntax Module Level 3. Parsing](https://www.w3.org/TR/css-syntax-3/#parsing)\n\n## Articles\n- [Web Fundamentals. Rendering Performance](https://developers.google.com/web/fundamentals/performance/rendering/)\n- [How Browsers Work: Behind the scenes of modern web browsers](https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/) - 2011\n- [Как рисует браузер. Доклад Яндекса](https://habr.com/ru/company/yandex/blog/468165/) - расшифровка [доклада](https://www.youtube.com/watch?t=6217\u0026v=Xg-oZp0EcYc) - 2019\n- [Overview of the RenderingNG architecture](https://developer.chrome.com/blog/renderingng-architecture/) - 2021\n- [Key data structures and their roles in RenderingNG](https://developer.chrome.com/blog/renderingng-data-structures/) - 2021\n\n## Talks\n- [Faster HTML and CSS: Layout Engine Internals for Web Developers](https://www.youtube.com/watch?v=a2_6bGNZ7bA) - 2008 - very old but useful :)\n- [Ilya Grigorik](https://twitter.com/igrigorik), [Critical rendering path - Crash course on web performance](https://www.youtube.com/watch?v=PkOBnYxqj3k) (Fluent 2013)\n- [Антон Хлыновский](https://twitter.com/subzey), [Композитные слои и отрисовка в браузере](https://www.youtube.com/watch?v=3rWwFN2ckh0)\n- Константин Крамлих, [О настоящем и будущем браузера](https://www.youtube.com/watch?v=6OLVN_gprow) - доклад на YaLoveFrontend, [слайды](https://yadi.sk/i/JH5CHqg91MUcmA)\n- [Life of a Pixel. Chrome University 2020](https://www.youtube.com/watch?v=PwYxv-43iM4), [2019](https://www.youtube.com/watch?v=m-J-tbAlFic), [2018](https://www.youtube.com/watch?v=zVwDTLOOSmY)\n- [USENIX Security '19 - Site Isolation: Process Separation for Web Sites within the Browser](https://www.youtube.com/watch?v=YvVwrcaxxbQ) - render process security\n- [Ryan Seddon: So how does the browser actually render a website | JSConf EU 2015](https://www.youtube.com/watch?v=SmE4OwHztCc) - 2015\n- [Prashant Palikhe — From code to pixels in a Blink](https://www.youtube.com/watch?v=rVb0pfGFZFw) - 2019\n- [Compositing in Blink and WebKit](https://www.youtube.com/watch?v=Lpk1dYdo62o) - 2013\n- [Denis Rechkunov: Progressive Rendering – how to make your app render sooner](https://www.youtube.com/watch?v=aRaQe9n1lPk) - JSConf Iceland 2016\n- [The main thread is overworked \u0026 underpaid](https://www.youtube.com/watch?v=7Rrv9qFMWNM) - Chrome Dev Summit 2019\n- [Александр Канунников - AsyncDom](https://www.youtube.com/watch?v=qZaby7iOVts) - доклад на PiterJS #21\n- [Smooth Moves: Rendering at the Speed of Right](https://www.youtube.com/watch?v=AB9qSUhlxh8) - Chrome Dev Summit 2018\n\n## Chromium docs\n\n- [Multi-process Architecture](https://www.chromium.org/developers/design-documents/multi-process-architecture)\n- [How Blink works](https://docs.google.com/document/d/1aitSOucL0VHZa9Z2vbRJSyAIsAz24kX8LFByQ5xQnUg/)\n- [Threading and Tasks in Chrome](https://chromium.googlesource.com/chromium/src/+/master/docs/threading_and_tasks.md)\n- [Compositor (Touch) Hit Testing](https://www.chromium.org/developers/design-documents/compositor-hit-testing)\n- [GPU Accelerated Compositing in Chrome](https://www.chromium.org/developers/design-documents/gpu-accelerated-compositing-in-chrome) - This paper has conditions that will trigger the creation of a new render layer\n\n## Sheets\n\n- [CSS Triggers](https://csstriggers.com/)\n- [What forces layout / reflow](https://gist.github.com/paulirish/5d52fb081b3570c81e3a)\n\n## Courses\n- [Website Performance Optimization](https://classroom.udacity.com/courses/ud884)\n- [Browser Rendering Optimization](https://classroom.udacity.com/courses/ud860)\n\n## Tools\n\n- [PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights/)\n- [Lighthouse Scoring Calculator](https://googlechrome.github.io/lighthouse/scorecalc/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fufocoder%2Fbrowser-rendering-performance","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fufocoder%2Fbrowser-rendering-performance","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fufocoder%2Fbrowser-rendering-performance/lists"}