Home / Technology / Chrome Beta 76 adds a lazy loading for images, supports darker site themes and even sneaks into a Tron reference

Chrome Beta 76 adds a lazy loading for images, supports darker site themes and even sneaks into a Tron reference



Chrome 75 has been released earlier this month and, as expected, Chrome 76 has entered the beta channel. This version is quite massive, with many changes in preparation for months. Without further ado, let's step in!

Lazy loading of frames and pictures

As Web pages become larger and more complex, the time it takes to load a site has increased steadily – especially for people on slow networks. One solution to this is the "lazy loading", in which some page elements are not downloaded until you have scrolled them. For example, an image gallery may choose not to load the images until they are actually visible.

Over the years, sites have had the ability to load resources lazily, like the old "lazyload" attribute in Internet Explorer, but Google announced last year that it would create this feature directly in Chrome. In version 76, the feature is finally activated.

The new feature allows sites to avoid loading images, ads, and other types of embedded content until the item is visible with a single line of code. Here is a more detailed technical explanation of Google:

Chrome uses heuristic methods to recognize and avoid postponing masked iframes that may be used for analysis or communication, as well as for hidden images such as pixel tracking, because the postponement of those This could compromise their functionality.

If the window scrolls in a distance threshold of the delayed content, the loading begins. The distance depends on factors such as the speed of the current network, so that it can be set so that the delayed content is almost always loaded as it becomes. visible.

You can try a demo here. I hope the sites will start adding support for this soon.

Dark theme for sites

Some web browsers that support dark mode, such as Samsung Browser, reverse the colors of web pages to fit the theme. but sometimes the sites are broken or distorted. Last year, Apple introduced the "preferences-color-schema" browser feature to allow sites to detect dark mode, and now Google has brought it to Chrome.

From Chrome 76, if a site has its own dark mode, Chrome will turn it on automatically when your device is set to dark mode. Android Police has no dark theme yet, but you can try it on my personal website.

Now that Chrome, Safari, and Firefox all support this feature, we may see it finally widely adopted.

"ID disk"

I'm sure this will stir up a lot of hate in the comments section, but Tron: Legacy is one of my favorite movies of all time (the first Tron is not bad at all, either). That said, you can imagine my surprise when the Chrome team inserted a Tron reference into v76.

Chrome 76 includes a new indicator, called # identity-disc, that adds your Google profile picture to the top right corner of the New Tab page. Tap the image to open a "Synchronization and Google Services" page, with options to enable or disable usage analysis, Chrome sync and de sync. other parameters.

If you're not caught off guard by your Tron story, the "Identity Disk" is the Frisbee-shaped object that all The Grid programs are given and that contains all the memories from the program. "If you lose your disc or do not follow the commands, you will immediately be subject to a resolution."

Fragments of text URLs

You probably already know that you can create links to specific parts of web pages if the page uses headers or some other similar structure. For example, I can link to the "Development" section of the Android article on Wikipedia with this:

https://en.wikipedia.org/wiki/Android_(operating_system)#Development

But what if you want to link to a particular sentence or sentence? Chrome 76 has a new feature hidden behind a flag, called "Text URL Fragments," which allows this.

To try it, go to chrome: // flags # enable-text-fragment-anchor (copy and paste it into Chrome, the click does not work), set the flag to On and restart the browser . Although it does not seem that it's easy to create these new URLs from the browser, their openness works. For example, if you go to this URL:

https://www.theverge.com/2019/6/15/18680165/amazon-spark-discovery-social-network-shutdown# targetText = Amazon% 20doesn% E2% 80% 99t% 20appear% 20to% 20be% 20giving% 20up

Then Chrome loads the page, then scroll to the section containing the phrase "Amazon does not seem to give up". Pretty cool, right?

Hopefully, when this feature will be enabled by default, normal users will have a simple way to create these types of links. The sending of screenshots with the highlighted text may soon be completed.

Web Sharing API Level 2

The previous version of Chrome included the "Web Share API Level 2", which allows sites to share files and images using the built-in Android sharing dialog. For example, a photo editing web application can share photos with the native Google Photos application. Chrome 76 now includes "The Target Level 2 Web Sharing API", which allows the opposite functionality Web applications can receive files and images from native applications.

This feature is enabled only if you are installing a web application on your home screen. So, you will not have to worry about many items filling your sharing menu. This opens the door to even more powerful Web applications. For example, you can share photos on the PWA Twitter directly from your Camera application, without the native Twitter application being installed. There is a lot of potential and I can not wait to see what the developers are doing with that.

Other features

As always, Chrome 76 includes changes for users and developers. Here are some smaller features provided with this update:

  • Web applications can now copy and paste images to / from the system clipboard if they have the required permissions.
  • Chrome now prevents a single page from opening multiple windows in full screen.
  • Cookies are now specific to a default site, but sites may manually cancel the change.
  • Pressing the Esc key on a keyboard no longer counts as an activation method, to prevent malicious pages from being difficult to exit.
  • The old method of lazy loading of images and frames (attribute "lazyload" on elements) no longer works in Chrome.
  • When you use the payment request API, the pages can now detect when the payment method is changed.
  • The DeviceMotionEvent and DeviceOrientationEvent methods can now only be used on HTTPS pages.
  • The new WebXR Device API is available and designed to replace the old WebVR API.
  • Web applications can now hide the "Add to Home screen" pop-up.
  • The Install button for Progressive Web Apps is now visible in the desktop browser. See this post for more details.

Download

The APK is signed by Google and upgrades your existing application. The cryptographic signature ensures that the file can be safely installed and has not been tampered with in any way. Rather than wait for Google to transfer this download to your devices, which may take days, download it and install it as any other APK.

Note: Most versions of Chrome APK use sets of apps that APKMirror does not yet support. As a result, only a few variants are available for download.

Chrome Beta
Chrome Beta


Source link