Weekly Platform News: Apple Deploys Web Components, Progressive HTML Rendering, Self-Hosting Critical Resources

This week's web development news covers Apple's adoption of web components, Instagram's innovative script loading, and the benefits of self-hosting critical resources.

Apple Embraces Web Components with Stencil

The new Apple Music web app (beta) leverages both Ember.js and custom web components, like <apple-music-video-player></apple-music-video-player>, built using Stencil. Stencil's efficiency in generating standard web components, coupled with features such as templating, state management, routing, code-splitting, and lazy-loading, contributes to the app's performance. This large-scale deployment by Apple significantly counters arguments against web component adoption.

Apple's production deployment of nearly 50 web components in a major revenue-generating app silences claims that web components are underutilized or solve non-existent problems.

(via Max Lynch)

Instagram Optimizes Loading with Chunked Transfer Encoding and Progressive HTML Rendering

Instagram employs HTTP chunked transfer encoding to stream HTML content progressively. This allows the browser to begin downloading scripts and stylesheets concurrently with server-side data generation. JSON data is also streamed using this method, with client-side scripts using Promises to handle data arrival, eliminating the need for XHR requests.

By flushing HTML immediately, the browser can start downloading assets while the server finishes processing dynamic data.

(via Glenn Conner)

Self-Hosting Critical Resources: A Case Study

The University of Notre Dame improved website loading times (previously exceeding 100 seconds in China) by self-hosting jQuery, instead of relying on Google's CDN. This highlights the potential performance gains from self-hosting critical assets, especially in regions with unreliable CDN access.

(via Erik Runyon)

For more web development news, check out the weekly Sunday issue at webplatform.news.

The above is the detailed content of Weekly Platform News: Apple Deploys Web Components, Progressive HTML Rendering, Self-Hosting Critical Resources. For more information, please follow other related articles on the PHP Chinese website!