{"id":204430,"date":"2015-07-01T08:11:25","date_gmt":"2015-07-01T15:11:25","guid":{"rendered":"http:\/\/css-tricks.com\/?p=204430"},"modified":"2015-07-01T08:11:25","modified_gmt":"2015-07-01T15:11:25","slug":"http-203-progressive-loading","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/http-203-progressive-loading\/","title":{"rendered":"HTTP 203: Progressive loading"},"content":{"rendered":"

The latest episode from HTTP 203<\/a>, a series of talks about front-end development with Paul Lewis<\/a> and Jake Archibald<\/a>, takes a look at progressively loading assets.<\/p>\n

Jake makes the comparison between websites and the way that video games will let users download and play the first level instead of forcing them to wait for the all the assets to finish downloading. What does your level one<\/em> website look like?<\/p>\n","protected":false},"excerpt":{"rendered":"

The latest episode from HTTP 203, a series of talks about front-end development with Paul Lewis and Jake Archibald, takes a look at progressively loading assets. Jake makes the comparison between websites and the way that video games will let users download and play the first level instead of forcing them to wait for the […]<\/p>\n","protected":false},"author":223806,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":[]},"categories":[17],"tags":[],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":267586,"url":"https:\/\/css-tricks.com\/third-party-css-not-safe\/","url_meta":{"origin":204430,"position":0},"title":"Third party CSS is not safe","date":"March 1, 2018","format":false,"excerpt":"...because third-party anything really isn't safe. Jake Archibald: If you're worried about users tricking your site into loading third party resources, you can use CSP as a safety net, to limit where images, scripts and styles can be fetched from. We've long discussed security considerations for using and managing third-party\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":285753,"url":"https:\/\/css-tricks.com\/who-has-the-fastest-website-in-f1\/","url_meta":{"origin":204430,"position":1},"title":"Who has the fastest website in F1?","date":"April 2, 2019","format":false,"excerpt":"Jake Archibald looks at the websites of Formula One race teams and rates their performance, carefully examining their images and digging into the waterfall of assets for each site: Trying to use a site while on poor connectivity is massively frustrating, so anything sites can do to make it less\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/03\/car-racing.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":291777,"url":"https:\/\/css-tricks.com\/tips-for-rolling-your-own-lazy-loading\/","url_meta":{"origin":204430,"position":2},"title":"Tips for rolling your own lazy loading","date":"July 1, 2019","format":false,"excerpt":"You may have heard (or even issued the call) that \u201cwe can just use lazy loading!\u201d when looking for a way to slim down a particularly heavy web page. Lazy loading is a popular technique for gradually requesting images as they come into view, rather than all at once after\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/08\/lazyload.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":242261,"url":"https:\/\/css-tricks.com\/instant-loading-building-offline-first-progressive-web-apps\/","url_meta":{"origin":204430,"position":3},"title":"Instant Loading: Building Offline-First Progressive Web Apps","date":"June 2, 2016","format":false,"excerpt":"There was a lot of great talks from Google\u2019s I\/O event this year, and Jake Archibald\u2019s talk on building offline-first is certainly one of them. The DevTools in 2016 talk is great too. Or, decide for yourself! There is a playlist of all of them and Robert Nyman rounded up\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":253223,"url":"https:\/\/css-tricks.com\/making-animations-wait\/","url_meta":{"origin":204430,"position":4},"title":"Making Animations Wait","date":"March 30, 2017","format":false,"excerpt":"I recently launched a CSS animation course for designers and developers wanting to improve their web animation skills. While building the course, I ran into the issue where content would animate before assets had downloaded. This article covers the approach I put together to fix the problem and ensure all\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":350934,"url":"https:\/\/css-tricks.com\/links-on-performance-iv\/","url_meta":{"origin":204430,"position":5},"title":"Links on Performance IV","date":"September 2, 2021","format":false,"excerpt":"HTTP Caching is a Superpower \u2014 Hugh Haworth covers how the Cache-Control header is an awfully potent ingredient in web performance. I mis-read the title at first and was waiting to read about HTML caching. Hugh covers it a bit (like how you'd need to be careful doing so on\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/08\/website-lightning.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"featured_media_src_url":null,"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/204430"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/223806"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=204430"}],"version-history":[{"count":4,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/204430\/revisions"}],"predecessor-version":[{"id":204452,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/204430\/revisions\/204452"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=204430"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=204430"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=204430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}