Profile

Cover photo
Jake Archibald
Works at Google
Attended University of Teesside
5,784 followers|648,718 views
AboutPostsPhotosYouTubeReviews

Stream

Jake Archibald

Shared publicly  - 
 
There was some confusion over the fetch API, with some claiming it's "high level". It isn't, let's take a look at some of the low-level features.

http://jakearchibald.com/2015/thats-so-fetch/
That's so fetch! Posted 24 March 2015 - and I've even included a meme. There's been some confusion around the new fetch API recently. Let's clear things up. The first thing you'll notice about fetch is it's a massive improvement on XMLHttpRequest in terms of API design.
23
7
Michael-Rainabba Richardson's profile photoMark Bridge's profile photoJens Arps's profile photoQasim Alyas's profile photo
2 comments
 
I'm just glad I'm not the only one using the "Mean Girls" analogy: http://i.imgur.com/JiJ56Qx.png
Add a comment...

Jake Archibald

Shared publicly  - 
 
Want to learn ServiceWorker? Try this cut back & basic example, along with exercises to improve it
simple-serviceworker-tutorial - A really simple ServiceWorker example, designed to be an interactive introduction to ServiceWorker
16
4
Vladimir Bjelakovic's profile photoWayne Duran's profile photoJared Williams's profile photoSota Yamashita's profile photo
 
thanks
Add a comment...

Jake Archibald

Shared publicly  - 
 
 
Building for the web is awesome, but sometimes you can find yourself baffled by gotchas. Check out the latest episode of #HTTP203 where +Paul Lewis tells +Jake Archibald about three he recently discovered!
6 comments on original post
13
4
Александр Товстоног's profile photoriaz ahmed's profile photoPaul Kinlan's profile photoBrad Jones's profile photo
 
I knew about that restored position issue, which makes sense for regular browser navigation - ie. press the back button.

Of course inconsistency between Fx and Chrome is bad.
Add a comment...

Jake Archibald

Shared publicly  - 
 
Just posted "The offline cookbook" - basically every pattern I can think of when it comes to caching & serving content via ServiceWorker. 
The offline cookbook. Posted 09 December 2014. When AppCache arrived on the scene it gave us a couple of patterns to make content work offline. If those were the patterns you needed, congratulations, you won the AppCache lottery (the jackpot remains unclaimed), but the rest of us were left ...
51
18
Wayne Duran's profile photoJohn Lenz's profile photoJared Williams's profile photoAndrew Markham-Davies's profile photo
 
thanks for sharing.
Add a comment...

Jake Archibald

Shared publicly  - 
 
Iterators recently landed in stable Chrome, Opera, & Firefox. Let's open 'em up and see how they work.
Iterators gonna iterate. Posted 01 December 2014 - no this is not the start of an "advent calendar". ES6 gives us a new way to iterate, and it's already supported in stable releases of Firefox, Chrome, & Opera. Here it is: for (var num of [1, 2, 3]) { console.log(num); } // Result: 1 // Result: ...
15
5
Kenneth Rohde Christiansen's profile photoGabor Orosz's profile photo
Add a comment...

Jake Archibald

Shared publicly  - 
 
The web's getting more "appy" with the introduction of things like ServiceWorker, push, sync. But is Chrome/Google getting it right? Pose your questions to our engineers https://www.google.com/moderator/#15/e=216720&t=216720.43&f=216720.703302

The panel is at https://developer.chrome.com/devsummit/, streamed live & available afterwards, so you don't need to be an attendee to post questions.
Be heard. Vote on questions and submit your own.
13
7
Moritz Meyer's profile photoStefan Caliaro's profile photo
Add a comment...
In his circles
341 people
Have him in circles
5,784 people
Yohann Zaoui's profile photo
Timothy Peacock's profile photo
Michael Trenkler's profile photo
Uli Oreggia's profile photo
Stephan Hochdörfer's profile photo
Tony States's profile photo
Nacho Coloma's profile photo
Paul Duncan's profile photo
Adam Coogan's profile photo

Jake Archibald

Shared publicly  - 
 
I've been micro-optimising the performance of https://jakearchibald.github.io/svgomg/ - since the ServiceWorker makes it more likely to have a full cache, I've been looking at time-to-first-render in the full-cache case.

I have some inline CSS & html for first render, then lazy-load in the CSS and <script async> the javascript. However, it was taking 700ms to get from page received to first render on a Nexus 5.

Because the CSS and scripts were cached, they were arriving before first render, that meant the browser was executing/layouting/rendering their results before first render.

The answer? requestAnimationFrame. I was already loading the CSS via JS, but now I'm loading the additional scripts that way too, wrapped in requestAnimationFrame https://github.com/jakearchibald/svgomg/blob/e3dd1ed876ff066bad90a90b63bd319d08e76858/src/index.html#L213

Page-received to first-render on a Nexus 5 went from 700ms to 160ms.
35
1
Ilya Grigorik's profile photoJake Archibald's profile photoPatrick Meenan's profile photoQasim Alyas's profile photo
16 comments
 
Has enough DOM so I'll take a look when you open the bug. The parser should yield before running a script if there were > 50 tokens (basically start or end tags) and there are ~500 on the page.  Could also be that something other than the parser is holding up the layout/paint but it would be good to figure it out.
Add a comment...

Jake Archibald

Shared publicly  - 
 
SVGOMG - A GUI for optimising SVGs
Powered by the incredible SVGO. Global settings. Show original. Compare gzipped. Multipass. Precision. Features. Cleanup attribute whitespace. Remove/tidy enable-background. Clean IDs. Round/rewrite numbers. Collapse useless groups. Minify colours. Round/rewrite paths. Shapes to (smaller) paths ...
27
23
Adrien Crivelli's profile photounbug lee's profile photoAmr Morsy's profile photoMahmoud Elmahdi's profile photo
 
In Material Design, great! 
Add a comment...

Jake Archibald

Shared publicly  - 
 
Well deck the halls! It's only the HTTP 203 Christmas special!

+Paul Lewis and I talk about the web's successes in 2014, and take a peek into 2015. Also: bad jokes happen. We are very sorry.
20
5
Jonatas Emidio de Souza's profile photoCarlos Reynosa's profile photoQasim Alyas's profile photoRadikal Edward's profile photo
2 comments
 
Sorry not sorry.
Add a comment...

Jake Archibald

Shared publicly  - 
 
Font downloading can be a performance nightmare and the browsers handle rendering-during-download differently. Thankfully, a new CSS proposal gives you full control! Here's me telling +Paul Lewis about it.
33
19
Ivo von Putzer Reibegg's profile photoSota Yamashita's profile photo
Add a comment...

Jake Archibald

Shared publicly  - 
 
+Paul Lewis bought me a hat. I talk about how to deal with dirty clothes when travelling. Oh, and we also talk about the Frame Timing API
13
7
Sergio Ramirez's profile photoSota Yamashita's profile photo
Add a comment...

Jake Archibald

Shared publicly  - 
 
Using ServiceWorker in Chrome today to build cool shit. Includes demos, devtools & screencasts.
34
12
Stephan Hochdörfer's profile photoMatt Dragon's profile photoShogo Sensui's profile photoKenneth Rohde Christiansen's profile photo
6 comments
 
What does it mean to have push?

If I am connected to a WebSocket that uses the Notifications API, does that mean the service worker can maintain the WebSocket connection instead of the page I'm on?
Add a comment...
People
In his circles
341 people
Have him in circles
5,784 people
Yohann Zaoui's profile photo
Timothy Peacock's profile photo
Michael Trenkler's profile photo
Uli Oreggia's profile photo
Stephan Hochdörfer's profile photo
Tony States's profile photo
Nacho Coloma's profile photo
Paul Duncan's profile photo
Adam Coogan's profile photo
Work
Occupation
Web Developer
Employment
  • Google
    Chrome Developer Relations, 2012 - present
  • Lanyrd
    Web Developer, 2011 - 2012
  • The Team
    Web Developer, 2010 - 2011
Basic Information
Gender
Male
Story
Tagline
Developer Advocate working at Google
Education
  • University of Teesside
    Multimedia, 2002 - 2006
  • Morton School, Carlisle
    1995 - 2002
Links
Contributor to
Not a whole lot of comfortable seating, but the thai food and excellent beer selection make up for it.
Public - a month ago
reviewed a month ago
Food is excellent and portions are huge. Beer selection is great. Staff are friendly. Good outside area for a sunny day too.
Public - a month ago
reviewed a month ago
Very quiet on an evening. Food is not bad - pretty standard chain pub food. Beer selection is not bad. Excellent value for money.
Public - a month ago
reviewed a month ago
Fish & chips were fantastic. Nice to sit outside
Public - a year ago
reviewed a year ago
6 reviews
Map
Map
Map
Went from being a great bar to a mediocre restaurant. Beer selection is poor. Often overcrowded.
Public - a month ago
reviewed a month ago
Great bar in a sceneic setting. Decent ale selection, excellent food.
Public - a month ago
reviewed a month ago