Profile

Cover photo
Verified name
Google Chrome Developers
109,184 followers|29,368,116 views
AboutPostsPhotos

Stream

 
~10% improvement in first paint times in Chrome 41!
 
Chrome 41 shipped with several optimizations to make the visual experience of loading sites faster (Speed Index, Start Render, etc).  The most impactful of the changes was to have the main parser conditionally let pending paints and layouts happen before going into execute a script.

In practice this means that before running scripts at the end of a page it will do the layout and paint for whatever it has built up so far (assuming it is not waiting for css).  It doesn't change the classic technical metrics (Page Load Time, DOM Content Loaded, etc) but it can have a huge benefit to more visual-based metrics, particularly first paint/start render and Speed Index (and more importantly, on when users can see progress and start consuming the page content).

A nice side-effect is that it also improves performance for things like custom fonts and prioritization of above-the-fold resources, both of which depend on layout and styles being applied before they can be discovered by Chrome.

Here are some sample filmstrips with before/after comparisons demonstrating the impact (you may need to zoom in on some of the longer filmstrips to see them).

As always, your mileage may vary and not all sites will see the same magnitude of improvement (if any).
6 comments on original post
94
7
Cdpti iLearning's profile photoSajjankumar Madishetty's profile photoSuthat Ronglong's profile photoMartin Samuel's profile photo
3 comments
 
I have to work everyday with Chrome and IE11: it's like comparing a space rocket to a bloated heavy slug!
Add a comment...
 
New #Polycasts  with +Rob Dodson: Scrolling at 60fps with core-list! 
 
Did you know you can scroll through thousands of items at 60fps using a single +Polymer element? Find out how on today’s episode of #Polycasts  with +Rob Dodson. 
3 comments on original post
84
14
Baranitharan T's profile photoCarlos de Cumont's profile photo
Add a comment...
 
The #io15 registration window has closed. We’ll let you know if you’ve been selected soon!
81
6
pancrazio carbotti's profile photoHülya Kurban's profile photoCyber Design Professional Training iNSTITUTE's profile photoSteven Yombe's profile photo
10 comments
 
Nice
Add a comment...
 
Only 2hrs left to submit your #io15 registration application for Google I/O 2015! 

http://goo.gl/IQAsW2
Google I/O 2015 brings together developers for an immersive, two-day experience focused on exploring the next generation of technology, mobile and beyond. Join us online or in person May 28-29, 2015.
74
6
Kurleigh Martin's profile photoCdpti iLearning's profile photoRoman Mednitzer's profile photoCyber Design Professional Training iNSTITUTE's profile photo
 
Stop advertising this! it decreases my chances of going :)
Add a comment...
 
Faster (and less blocking) JavaScript FTW!
286
92
Andrija Cacanovic's profile photoKrishna Chaitanya's profile photoShang Heng Wei's profile photoSusan Ball's profile photo
12 comments
 
It's jimmy
Add a comment...
 
Support for final HTTP/2 draft is now in Canary! Take it for a spin.
 
Chrome Canary is advertising HTTP/2 support (final draft), via "h2" token: bit.ly/1O3rMVn - woot! Now's the time to test your HTTP/2 server(s).
10 comments on original post
238
47
Shery Grant's profile photoChiang Lin Ng's profile photoLenny Valdez's profile photoAmr Morsy's profile photo
10 comments
 
Nice, but isn't this already available under chrome://flags? Why do we need the Canary build?
Add a comment...
 
Finally, a saner way to do XHR's with window.fetch()!  The Fetch API offers a cleaner, simpler API and avoids the always fun callback hell by using promises.  It's available in Chrome 42 today, and there's already a polyfill so you can start using it today.

Get started with +Matt Gaunt's HTML5Rocks primer (http://goo.gl/Ns5lS6) and if you're new to promises, be sure to check out +Jake Archibald's great primer (http://goo.gl/Npbzlk)

#fetch #promises #xhr #ajax #xmlhttprequest #saner
203
79
Maxim Zakharov's profile photoGlenn Vandeuren's profile photoKyle Korndoerfer's profile photodavid carter's profile photo
10 comments
 
He plays games sets me up its all game to him not love
Add a comment...
In their circles
45 people
Have them in circles
109,184 people
minghan duu's profile photo
Ruben Del Rosario's profile photo
O.A. MOMOLESHO Isaac's profile photo
ARUN BISHNOI's profile photo
ade purnawan's profile photo
Daniel Thiem's profile photo
yaqoob shah's profile photo
Dan Jackson's profile photo
Alexei Dvorac's profile photo
 
Learn how Instrument and Chrome Developer Relations built the sound-based I/O 2015 Experiment with WebGL and Web Audio. #io15   
 
Curious about how the I/O 2015 Experiment was built? Check out this case study from the agency Instrument, who in partnership with the Chrome Developer Relations team, used WebGL and Web Audio to create an engaging, delightful Chrome Experiment.  #io15  
My name is Thomas Reynolds. Five years ago, I stumbled across the Google I/O 2011 Experiment, which was an incredibly fun HTML5 Canvas countdown by some little agency in Portland, Oregon. I reached out to Instrument and told them that things like that are exactly what I want to be building every single day. Luckily for me, I got the job and I've been able to spend the last 4 years working on I/O Experiments, including 2012, 2013 and 201...
4 comments on original post
33
5
Mauricio Porto's profile photoSajjankumar Madishetty's profile photo
Add a comment...
 
Thanks to +François Beaufort for pulling this amazing list together!
 
Today, I'd like to share with you some remarkable open-source projects the chromium team has been contributing to over the years. This non-exhaustive list is divided into chromium-owned projects and those the team has contributed to.

Owners

ANGLE - Almost Native Graphics Layer Engine
https://code.google.com/p/angleproject

Blink - Web rendering engine forked from WebKit
https://chromium.googlesource.com/chromium/blink

BoringSSL - Crypto and SSL stack derived from OpenSSL
https://boringssl.googlesource.com/boringssl

Chrome DevTools - Set of web authoring and debugging tools
http://frontend-src.chrome-dev.tools

Chrome OS BIOS U-Boot replacement - Coreboot payload for booting the system super fast
https://chromium.googlesource.com/chromiumos/platform/depthcharge

Chrome OS BIOS Verified Boot
https://chromium.googlesource.com/chromiumos/platform/vboot_reference

ChromeDriver - WebDriver for Chrome
https://sites.google.com/a/chromium.org/chromedriver

Chromium Embedded Controller
https://chromium.googlesource.com/chromiumos/platform/ec

Chromoting - Remotely control a distant machine
https://code.google.com/p/chromium/wiki/ChromotingBuildInstructions

cld2 - Compact Language Detector 2
https://code.google.com/p/cld2

DOM Distiller - Reader mode on Chrome
https://github.com/chromium/dom-distiller

GN - Meta-build system that generates NinjaBuild files
https://code.google.com/p/chromium/wiki/gn

google-breakpad - Multi-platform crash reporting system
https://code.google.com/p/google-breakpad

grit-i18n - Google Resource and Internationalization Tool
https://code.google.com/p/grit-i18n

GYP - Generate Your Projects
https://chromium.googlesource.com/external/gyp

hterm - Cross browser xterm compatible terminal emulator
https://github.com/chromium/hterm

Native Client - Sandbox for running compiled C and C++ code in the browser
https://chromium.googlesource.com/native_client/src/native_client

open-vdiff - Open Source VCDIFF delta compression implementation
https://code.google.com/p/open-vcdiff

PDFium - PDF rendering engine
https://pdfium.googlesource.com

Platform2 - Group of system services that make up the Chromium OS platform
https://chromium.googlesource.com/chromiumos/platform2

Sanitiser for OpenType - parse and serialize OpenType files
https://code.google.com/p/ots

Servo - Debug board used for Chromium OS test and development
http://www.chromium.org/chromium-os/servo                                       

Skia - 2D graphic library for drawing text, geometries, and images
https://chromium.googlesource.com/skia

Swarming - Distribute tasks fast and efficiently in a heterogeneous fleet of bots
https://code.google.com/p/swarming

Syzygy - Windows binary transformation/optimization/instrumentation toolchain
https://github.com/google/syzygy

Trace-Viewer - Frontend for chrome://tracing and Android systrace
https://github.com/google/trace-viewer

V8 -  JavaScript engine
https://code.google.com/p/v8

Web Page Replay - Record live Web pages and use them for local performance testing
https://github.com/chromium/web-page-replay

WebM - video/audio compression/decompression/container libraries
http://www.webmproject.org

WebRTC - Web-based real-time communication
http://www.webrtc.org


Contributors

Apache Cordova - build native mobile apps using Web technologies
http://cordova.apache.org
                                                      
BlueZ - Official Linux Bluetooth protocol stack
http://www.bluez.org

Buildbot - Continuous Integration Framework
http://buildbot.net

Clang - C/C++ language family compiler based on LLVM
http://clang.org

Coreboot - fast and flexible Open Source firmware
http://www.coreboot.org

Dart -  Web programming language
https://www.dartlang.org

Das U-Boot source code - the Universal Boot Loader
http://www.denx.de/wiki/U-Boot

FFmpeg - multimedia library
http://ffmpeg.org

Gentoo Linux
http://gentoo.org

ICU - International Components for Unicode
http://site.icu-project.org

LLVM - Compiler infrastructure project
http://llvm.org

LevelDB - key-value storage library
https://github.com/google/leveldb

Linux Kernel
https://kernel.org

Mesa 3D - OpenGL graphics library
http://www.mesa3d.org

modemmanager-next - Broadband modem support daemon
http://www.freedesktop.org/wiki/Software/ModemManager

Ninja - Build system with a focus on speed
http://ninja-build.org

NSS - Mozilla's Networking and Cryptography library
https://developer.mozilla.org/en-US/docs/Mozilla/Projects/NSS

Selenium - Tool for automated testing of webapps across many browsers
http://docs.seleniumhq.org
6 comments on original post
213
46
Shang Heng Wei's profile photoMike Hydes's profile photoEliazer Braun's profile photoFarrell Abdurraafi's profile photo
11 comments
 
+Rose Vermette Nope, all free! 
Add a comment...
 
Don't forget to check out last week's episode of #Polycasts  with +Rob Dodson!
 
Be sure to catch the last episode of #Polycasts  with +Rob Dodson to learn how to wire up your app with a router written entirely in HTML.
1 comment on original post
35
5
Timothy Willis's profile photoHolly Pettit's profile photoBarry O Sullivan's profile photoIvo von Putzer Reibegg's profile photo
 
Chrome Cast screens
Add a comment...
 
The #io15 registration window is open. Don’t worry, you have until 5pm PDT on 3/19 to apply.

https://events.google.com/io2015/registration
Google I/O 2015 brings together developers for an immersive, two-day experience focused on exploring the next generation of technology, mobile and beyond. Join us online or in person May 28-29, 2015.
93
13
Brett Cannon's profile photoSuthat Ronglong's profile photoPortia Tolopia's profile photoakin kaspa's profile photo
 
does it cost anything to to sign up? im impressed.
Add a comment...
 
New setting to save power by pausing plugin content

With today's Beta release of Chrome 42, we've launched a new setting that automatically pauses plugin content that's peripheral to the main page. This can help you save precious battery power and CPU cycles. But don't worry, the primary plugin content on pages (games, videos, etc.) should still run just fine.

Give the new setting a try in chrome://settings/content, and let us know what you think!
120
27
Anglea Thomas's profile photonora nattress's profile photoThrive Business Marketing's profile photoMark Kun's profile photo
11 comments
 
this is interesting . im curious too any chances of seeing that too?
 
Add a comment...
People
In their circles
45 people
Have them in circles
109,184 people
minghan duu's profile photo
Ruben Del Rosario's profile photo
O.A. MOMOLESHO Isaac's profile photo
ARUN BISHNOI's profile photo
ade purnawan's profile photo
Daniel Thiem's profile photo
yaqoob shah's profile photo
Dan Jackson's profile photo
Alexei Dvorac's profile photo
Story
Tagline
A place for Chrome developers to meet, share, and discuss the latest in web development
Introduction
This is the official Google+ home of the Chrome Developer Relations team. We aim to help you write great web apps.

Follow this page to keep up to date on what's new for HTML5, Chrome apps & extensions, Dart, and other APIs that you can use with Chrome. We'll also hold weekly hangouts, give you behind the scenes tours, and occasionally dive deep into internals of Chrome.

If you’re building for the modern web, then this is the place for you!