レンダリング パフォーマンス | Articles | web.dev
レンダリング パフォーマンス コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 今日のウェブのユーザーは、アクセスするページがインタラクティブでスムーズであることを期待しているため、この点に時間と労力を集中させる必要があります。ページの読み込みは速いだけでなく、ライフサイクル全体を通じてユーザー入力にすばやく応答できることも求められます。ユーザー エクスペリエンスのこの側面は、Interaction to Next Paint（INP）指標が正確に測定したものです。適切な INP は、ページがユーザーのニーズに対して一貫して確実に応答していることを意味します。 ページを軽快に感じられるようにするための重要な要素は、ユーザーの操作に応じて実行する JavaScript の量に関係しますが、ユーザーが期待するのは、ユーザー インターフェースの視覚的な変化です。ユ
SMS OTP form best practices | Articles | web.dev
SMS OTP form best practices Stay organized with collections Save and categorize content based on your preferences. Asking a user to provide the OTP (one time password) delivered via SMS is a common way to confirm a user's phone number. There are a few use cases for SMS OTP: Two-factor authentication. In addition to username and password, SMS OTP can be used as a strong signal that the account is o
CSS border animations | Articles | web.dev
CSS border animations Stay organized with collections Save and categorize content based on your preferences. Setting borders There are a few methods available to set a border on an element: border, outline, and box-shadow. As detailed in The 3 CSS Methods for Adding Element Borders by Stephanie Eckles, each approach comes with its own advantages and disadvantages–especially when it comes to animat
Enabling HTTPS on Your Servers
Enabling HTTPS on your servers is critical to securing your webpages. Summary #Create a 2048-bit RSA public/private key pair.Generate a certificate signing request (CSR) that embeds your public key.Share your CSR with your Certificate Authority (CA) to receive a final certificate or a certificate chain.Install your final certificate in a non-web-accessible place such as /etc/ssl (Linux and Unix) o
Home | web.dev
Stay organized with collections Save and categorize content based on your preferences. We want to help you build beautiful, accessible, fast, and secure websites that work cross-browser, and for all of your users. This site is our home for content to help you on that journey, written by members of the Chrome team, and external experts.
Load Third-Party JavaScript | Articles | web.dev
Load Third-Party JavaScript Stay organized with collections Save and categorize content based on your preferences. If you've optimized your code, but your site still loads too slowly, it's probably the fault of third-party scripts. Third-party scripts provide a variety of useful features that make the web more dynamic, interactive, and interconnected. Some of them might even be crucial to your web
Building components | Articles | web.dev
Building components Stay organized with collections Save and categorize content based on your preferences. Components are the building blocks of modern web applications. What best practices should you follow when building your own components so they can stand the test of time? Components are the building blocks of modern web applications. What best practices should you follow when building your ow
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
Integrate with the OS sharing UI with the Web Share API | Articles | web.dev
Integrate with the OS sharing UI with the Web Share API Stay organized with collections Save and categorize content based on your preferences. Web apps can use the same system-provided share capabilities as platform-specific apps. With the Web Share API, web apps are able to use the same system-provided share capabilities as platform-specific apps. The Web Share API makes it possible for web apps
How Payment Request API works | Articles | web.dev
How Payment Request API works Stay organized with collections Save and categorize content based on your preferences. Payment Request API When a customer tries to purchase something from your website, the site must ask the customer to provide payment information and, optionally, other information such as shipping preference. You can achieve this easily and quickly using the Payment Request API (PR
JavaScript Promises: an introduction | Articles | web.dev
JavaScript Promises: an introduction Stay organized with collections Save and categorize content based on your preferences. Promises simplify deferred and asynchronous computations. A promise represents an operation that hasn't completed yet. Developers, prepare yourself for a pivotal moment in the history of web development. [Drumroll begins] Promises have arrived in JavaScript! [Fireworks explod
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Notifications | web.dev
Web Fundamentals — Google Developers