https://github.com/rafaelstz/magento2-quicklink

⚡️ Magento 2 extension faster subsequent page-loads by prefetching in-viewport links during idle time.
https://github.com/rafaelstz/magento2-quicklink

hacktoberfest magento2 magento2-extension magento2-module performance prefetch prefetcher quicklink speed web-performance

Last synced: about 2 months ago
JSON representation

⚡️ Magento 2 extension faster subsequent page-loads by prefetching in-viewport links during idle time.

• Host: GitHub
• URL: https://github.com/rafaelstz/magento2-quicklink
• Owner: rafaelstz
• License: osl-3.0
• Created: 2018-12-31T22:52:43.000Z (over 5 years ago)
• Default Branch: develop
• Last Pushed: 2022-12-07T23:07:31.000Z (almost 2 years ago)
• Last Synced: 2024-07-25T23:51:18.215Z (2 months ago)
• Topics: hacktoberfest, magento2, magento2-extension, magento2-module, performance, prefetch, prefetcher, quicklink, speed, web-performance
• Language: PHP
• Homepage: https://marketplace.magento.com/rafaelcg-magento2-quicklink.html
• Size: 193 KB
• Stars: 51
• Watchers: 9
• Forks: 12
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: .github/CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.md
  • Code of conduct: .github/CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        


  


     

  


  Magento 2 Quicklink Module

  


  

  

  

  



#### Faster subsequent page-loads by prefetching in-viewport links during idle time

## How does it works?

Magento 2 Quicklink module attempts to make navigations to subsequent pages load faster.

* **Detects links within the viewport** (using [Intersection Observer](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API))

* **Waits until the browser is idle** (using [requestIdleCallback](https://developer.mozilla.org/en-US/docs/Web/API/Window/requestIdleCallback))

* **Checks if the user isn't on a slow connection** (using `navigator.connection.effectiveType`) or has data-saver enabled (using `navigator.connection.saveData`)

* **Prefetches URLs to the links** (using [``](https://www.w3.org/TR/resource-hints/#prefetch) or XHR). Provides some control over the request priority (can switch to `fetch()` if supported).

## Install

### Via Composer 

Install using [Composer](https://getcomposer.org).

```

composer require rafaelcg/magento2-quicklink

php bin/magento setup:static-content:deploy -f

php bin/magento cache:clean

```

## How to use

After installation, it will be enabled by default. You can find the configuration into `Stores > Configuration > General Web > Google Quicklink`.

[Rafael Corrêa Gomes](https://github.com/rafaelstz)