ResizeObserver: it's like document.onresize for elements | Articles | web.dev
ResizeObserver: it's like document.onresize for elements Stay organized with collections Save and categorize content based on your preferences. Before ResizeObserver, you had to attach a listener to the document's resize event to get notified of any change of the viewport's dimensions. In the event handler, you would then have to figure out which elements have been affected by that change and call
User-centric performance metrics | Articles | web.dev
User-centric performance metrics Stay organized with collections Save and categorize content based on your preferences. We've all heard how important performance is. But when we talk about performance, and about making websites "fast", what specifically do we mean? The truth is that performance is relative: A site might be fast for one user (on a fast network with a powerful device) but slow for a
Speed up service worker with navigation preloads | Blog | web.dev
Speed up service worker with navigation preloads Stay organized with collections Save and categorize content based on your preferences. Navigation preload lets you overcome service worker startup time by making requests in parallel. Summary In some situations, service worker boot-up time can delay a network response. Available in the three major browser engines, navigation preload fixes this by al
Web App Install Banners | Web Fundamentals | Google Developers
How to provide your own in-app install experience Stay organized with collections Save and categorize content based on your preferences. Many browsers let you enable and promote the installation of your Progressive Web App (PWA) directly within its user interface. Installation (sometimes formerly referred to as Add to Home Screen) lets users install your PWA on their mobile or desktop device. Inst
What makes a good Progressive Web App? | Articles | web.dev
What makes a good Progressive Web App? Stay organized with collections Save and categorize content based on your preferences. Progressive Web Apps (PWA) are built and enhanced with modern APIs to deliver enhanced capabilities, reliability, and installability while reaching anyone, anywhere, on any device with a single codebase. To help you create the best possible experience, use the core and opti
Apply instant loading with the PRPL pattern | Articles | web.dev
Apply instant loading with the PRPL pattern Stay organized with collections Save and categorize content based on your preferences. PRPL is an acronym that describes a pattern used to make web pages load and become interactive, faster: Preload the late-discovered resources. Render the initial route as soon as possible. Pre-cache remaining assets. Lazy load other routes and non-critical assets. In t
Accessibility | Articles | web.dev
Accessibility Stay organized with collections Save and categorize content based on your preferences. This document set is a text-based version of part of the content covered in the Udacity course on Accessibility. Rather than a direct transcription of the video course, it is meant to be a more concise treatment of accessibility principles and practices, using the course's original content as a bas
Fixing mixed content | Articles | web.dev
Fixing mixed content Stay organized with collections Save and categorize content based on your preferences. Supporting HTTPS for your website is an important step to protecting your site and your users from attack, but mixed content can render that protection useless. Increasingly insecure mixed content will be blocked by browsers, as explained in What is mixed content? In this guide we will demon
Shadow DOM v1: self-contained web components | Web Fundamentals - Google Developers
Shadow DOM v1 - Self-Contained Web Components Stay organized with collections Save and categorize content based on your preferences. Shadow DOM allows web developers to create compartmentalized DOM and CSS for web components Summary Shadow DOM removes the brittleness of building web apps. The brittleness comes from the global nature of HTML, CSS, and JS. Over the years we've invented an exorbitant
Persistent storage | Articles | web.dev
Persistent storage Stay organized with collections Save and categorize content based on your preferences. Persistent storage can help protect critical data from eviction, and reduce the chance of data loss. When faced with storage pressure like low disk space, browsers will typically evict data, including from the Cache API and IndexedDB, from the least recently used origin. This may cause data lo
Why does speed matter? | web.dev
Why does speed matter? Stay organized with collections Save and categorize content based on your preferences. Consumers increasingly rely on the web to access digital content and services. If you look at your website's analytics, you can probably see this story playing out in your own data. Consumers are also more demanding than they've ever been, and when they experience your website, they aren't
HTTP キャッシュを使用して不要なネットワーク リクエストを防止する | Articles | web.dev
たとえば、ブラウザから CSS ファイルを 1 年間（Cache-Control: max-age=31536000）キャッシュに保存するようサーバーに指示したものの、デザイナーが緊急の更新を作成したとします。この更新はすぐにデプロイする必要があります。キャッシュされたファイルの「古い」コピーを更新するようブラウザに通知するには、どうすればよいですか。少なくとも、リソースの URL を変更せずにはいけません。 ブラウザがレスポンスをキャッシュに保存した後、そのキャッシュ バージョンは、新鮮でなくなるまで（max-age または expires によって判別される）か、その他の理由（ユーザーがブラウザのキャッシュをクリアした場合など）でキャッシュから削除されるまで使用されます。その結果、ページが作成されたときに、ファイルのバージョンが異なるユーザーになる可能性があります。たとえば、リソースを
Service Workers in Production | web.dev
Service Workers in Production Stay organized with collections Save and categorize content based on your preferences. Summary Learn how we used service worker libraries to make the Google I/O 2015 web app fast, and offline-first. Overview This year’s Google I/O 2015 web app was written by Google’s Developer Relations team, based on designs by our friends at Instrument, who wrote the nifty audio/vis
Prevent unnecessary network requests with the HTTP Cache | Articles | web.dev
Prevent unnecessary network requests with the HTTP Cache Stay organized with collections Save and categorize content based on your preferences. Fetching resources over the network is both slow and expensive: Large responses require many roundtrips between the browser and the server. Your page won't load until all of its critical resources have downloaded completely. If a person is accessing your s
Critical Rendering Path | Articles | web.dev
Critical Rendering Path Stay organized with collections Save and categorize content based on your preferences. Optimizing the critical rendering path refers to prioritizing the display of content that relates to the current user action. Delivering a fast web experience requires a lot of work by the browser. Most of this work is hidden from us as web developers: we write the markup, and a nice look
Why HTTPS matters | Articles | web.dev
Why HTTPS matters Stay organized with collections Save and categorize content based on your preferences. Always protect all your websites with HTTPS, even if they don't handle sensitive communications. In addition to providing critical security and data integrity for both your websites and your users' personal information, HTTPS is required for many new browser features, especially those required
Introduction to fetch() | Articles | web.dev
Introduction to fetch() Stay organized with collections Save and categorize content based on your preferences. fetch() lets you make network requests similar to XMLHttpRequest (XHR). The main difference is that the Fetch API uses Promises, which has a simpler API to help you avoid the complicated callbacks in the XMLHttpRequest API. If you've never used Promises before, check out Introduction to J
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Learn Forms | web.dev