I've installed 3rd party extension for AMP and it was working fine before installing varnish. After varnish, I am getting normal page and it starts fetching amp pages after opening 2-3 pages.
Has anyone any idea why this is happening?
2
-
I think your problem is happening because of varnish store cache for some amp pages as a normal page, it happened because the first visiting your page was no amp page. But this is just a guess. Can you explain in details your problem, better give me a URL to your site where I can reproduce the problem. – Petro Chaikivskyi Apr 20 at 18:14
-
After opening 2-3 pages, it will have ?amp=1 at the end of URL and it means it's an AMP @PetroChaikivskyi – Bhakti Thakkar Apr 22 at 5:00
-
As I can see, you have amp home page, category page, and cms pages. On every page, I saw no less than tree validation errors. I can't explain your problem as can't see implementation your amp extension and varnish configuration, sorry – Petro Chaikivskyi Apr 22 at 19:15
1
Easy fix.
Configure your default.vcl thats located in /etc/varnish/ with the following:
- Find
# Bypass shopping cart, checkout and search requests
if (req.url ~ "/checkout" || req.url ~ "/catalogsearch" ) {
return (pass);
}
- Change it with the following:
# Bypass shopping cart, checkout and search requests
if (req.url ~ "/checkout" || req.url ~ "/catalogsearch" || req.url ~ "/?amp=1") {
return (pass);
}
The vcl_recv sub checks the request before asking the backend for cache.
Therefore checking for the ?amp=1 parameter and not caching the pages will fix your issue.
AMP pages are made to work fast and you don't really need cache for them.
OR
Use https://github.com/varnishcache/varnish-devicedetect
All you have to do is download that devicedetect.vcl file to /etc/varnish and then use it as following in the default.vcl:
import std;
include "devicedetect.vcl";
# The minimal Varnish version is 5.0
# For SSL offloading, pass the following header in your proxy server or load balancer: 'X-Forwarded-Proto: https'
backend default {
.host = "127.0.0.1";
.port = "8080";
.first_byte_timeout = 600s;
}
acl purge {
"127.0.0.1";
}
sub vcl_recv {
call devicedetect;
if (req.http.X-UA-Device ~ "^mobile" || req.http.X-UA-device ~ "^tablet") {
return(pass);
}
}
