Uncategorized @en

Why can lie-fie result in a poor experience?

 

Some assets might not be loaded

It is less secure than WIFI

It uses more data

Enabling WIFI reduces battery life

Why can an intermittently available mobile network result in a poor experience?

 

Explanation:

Your browser behaves as if it has connectivity when, for whatever reason, it doesn’t.

Misinterpreted connectivity can result in a poor experience as the browser (or JavaScript) persists in trying to retrieve resources rather than giving up and choosing a sensible fallback. Lie-fi can actually be worse than offline; at least if a device is definitely offline, your JavaScript can take appropriate evasive action.

Read more here: https://support.google.com/partners/answer/7336589

 

What makes a notification good?

 

It has a default action

It can be dismissed

it is relevant

It delivers in the background

 

A good notification:

 

Explanation:

Push notifications are one of the most valuable capabilities of native apps, and this capability is now available on the web. To get the most out of them, notifications need to be timely, precise, and relevant.

Read more here: https://support.google.com/partners/answer/7336533

 

If you ask a room of developers what mobile device features are missing from the web, push notifications are always high on the list.

Web push notifications allow users to opt-in to timely updates from sites they love and allow you to effectively re-engage them with customized, relevant content.

The Push API and Notification API open a whole new set of possibilities for you to re-engage with your users.

Two technologies

Push and notification use different, but complementary, APIs: push is invoked when a server supplies information to a service worker; a notification is the action of a service worker or web page script showing information to a user.

Are service workers involved?

Yes. Push is based on service workers because service workers operate in the background. This means the only time code is run for a push notification (in other words, the only time the battery is used) is when the user interacts with a notification by clicking it or closing it.

If you’re not familiar with service workers, read the service worker introduction. We will use service worker code in later sections when we show you how to implement pushes and notifications.

 

Which of these should be minimized to deliver the fastest possible time to firstrender?

 

The number of critical JavaScript functions

The number of critical resources

The number of critical HTML classes

the number of CSS classes

 

To deliver the fastest possible time to first render, you should minimize the number of:

 

Explanation: 

To deliver the fastest possible time to first render, we need to minimize three variables:

• The number of critical resources.
• The critical path length.
• The number of critical bytes.

A critical resource is a resource that could block initial rendering of the page. The fewer of these resources, the less work for the browser, the CPU, and other resources.

Read more here: https://support.google.com/partners/answer/7336426

 

To deliver the fastest possible time to first render, we need to minimize three variables:

• The number of critical resources.
• The critical path length.
• The number of critical bytes.

A critical resource is a resource that could block initial rendering of the page. The fewer of these resources, the less work for the browser, the CPU, and other resources.

Similarly, the critical path length is a function of the dependency graph between the critical resources and their bytesize: some resource downloads can only be initiated after a previous resource has been processed, and the larger the resource the more roundtrips it takes to download.

Finally, the fewer critical bytes the browser has to download, the faster it can process content and render it visible on the screen. To reduce the number of bytes, we can reduce the number of resources (eliminate them or make them non-critical) and ensure that we minimize the transfer size by compressing and optimizing each resource.