Component for quicklink

[JosefJezek]

Could you create component for quicklink?

https://github.com/GoogleChromeLabs/quicklink

[aghassemi]

Thanks @JosefJezek. We have started designing for a holistic seamless page transition experience in AMP which would also include the logic of prefetching (and prerendering since AMP can do that).

Please follow #12981 for updates.

If it turns out that separating page transitions and prefetching into different components makes sense, you may do that as well. For now I am putting this feature request under the same category.

[westonruter]

@aghassemi I think this closely relates to amp-sw's link-prefetch module. In fact, I think that Quicklink would provide a better developer and user experience than the current prefetching which is done manually by the developer adding attributes to links: ampproject/amp-sw#15.

[westonruter]

Consider an amp-link-prefetch component, taking Quicklink's configuration object which we've adapted into JSON format for the wp-quicklink plugin:

<amp-link-prefetch>
    <script type=application/json>
        {
            "el": "main",
            "urls": [],
            "timeout": 2000,
            "timeoutFn": "requestIdleCallback",
            "priority": false,
            "origins": [
                "wordpress.example.com"
            ],
            "ignores": [
                "feed=",
                "/feed/",
                "^https?://[^/]+/(#.*)?$",
                "^https://wordpress.example.com/wp-admin/",
                "^https://wordpress.example.com/[^?#]+.php",
                "^https://wordpress.example.com/wp-content/"
            ]
        }
    </script>
</amp-link-prefetch>

[aghassemi]

I think this fits the One-line PWA project fairly well. The configuration may fit better as part of whole configuration needed to auto-PWA a page, so the explicit amp-link-prefetch may not be needed and rather it may be a section in a

<amp-pwa-config>
      <script type=application/json>
        { prefech: {
            "el": "main",
            "urls": [],
            "timeout": 2000,
            "timeoutFn": "requestIdleCallback",
            "priority": false,
            "origins": [
                "wordpress.example.com"
            ],
            "ignores": [
                "feed=",
                "/feed/",
                "^https?://[^/]+/(#.*)?$",
                "^https://wordpress.example.com/wp-admin/",
                "^https://wordpress.example.com/[^?#]+.php",
                "^https://wordpress.example.com/wp-content/"
            ]
        }}
    </script>
</amp-pwa-confing>

/to @kristoferbaxter
/cc @prateekbh

[kristoferbaxter]

We're discussing this issue here: ampproject/amp-sw#15.

Prefetching is important, but how we do so should be decided before attempting to port quicklink to an AMP component. Let's use the linked issue to figure out the best course forward.

[samouri]

Closing since AFAIK we don't plan on staffing an effort to implement a quicklink component. Hopefully one of the two related efforts (amp-sw, or "seamless page transitions") bears fruit.