Pre-cache Mobile pages
- Thread starter MaximumTime
- Start date
Looking at this thread I'm trying to see how I can get webp support. Any idea?
Last edited:
You are asking your question in the wrong forum because you first need a function for OC that creates webp images or converts the ones that already exist and then you need another function that only displays webp images if a browser supports this image format . However, these functions have nothing to do with LiteSpeed and the cache plugin. So ask in the OC forum for a solution.
Okay, back to the mobile cache dilemma. Journal 3.2 Theme for OpenCart uses screen width for mobile and tablet versions. However, it is not a separate version. Moreso for image dimensions.
https://docs.journal-theme.com/docs/workflow/mobile-workflow
https://docs.journal-theme.com/docs/workflow/mobile-workflow
Last edited:
According to the documentation, different versions or different code are used for mobile devices and desktop devices. The screen resolution is irrelevant because, according to the documentation, the user agent decides which code is used for which device.
The scope of functions of the OC cache extension does not provide for a device-dependent cache warmup. You therefore only have the option of using the Magento Cache Crawler, which can only be used in the console (CLI), or you can choose the Kitt Cache Crawler.
The scope of functions of the OC cache extension does not provide for a device-dependent cache warmup. You therefore only have the option of using the Magento Cache Crawler, which can only be used in the console (CLI), or you can choose the Kitt Cache Crawler.
Enter this
It is not guaranteed that these user agents ensure complete synchronicity between the cache plugin and Journal because I don't know whether Journal differentiates between iPhone and mobile devices. This differentiation would be necessary when it comes to supporting webp images. I don't see any of this in the settings or code of the cache plugin.
Code:
Mobile
Android
Silk/
Kindle
BlackBerry
Opera Mini
Opera MobiI've been playing around with it. If I do just iPhone in this field, then the image dimensions generate correctly (smaller images). However, a mobile version is served on desktop. Then, if I do iPhone & Macintosh it creates only desktop versions for both iPhone and Macintosh. What is going on here? Is there a bug?
It does not work like that. The terms entered are search terms that are used to search for these words in the user agent string. The term "iPhone" is included in the user agent for the Safari browser on iPhones, but not "iPhone & Macintosh". That's why the search result is false.
You don't have to enter the term "iphone" because the term "mobile" already contains the necessary term for mobile devices.
You don't have to enter the term "iphone" because the term "mobile" already contains the necessary term for mobile devices.
I entered them on separate lines. So multiple user agents should be in effect:
iPhone
Mac
Also what if I am using these varies
iPhone
Mac
Also what if I am using these varies
Code:
#1
RewriteCond %{HTTP_USER_AGENT} windows|linux|mac [NC]
RewriteCond %{HTTP_ACCEPT} "image/webp"
RewriteCond %{HTTP_USER_AGENT} !mobile|bot|chrome-lighthouse [NC]
RewriteRule .* - [E=Cache-Control:vary=isDesktop]
#2
RewriteCond %{HTTP_USER_AGENT} version/(\d{2}).*safari [NC]
RewriteCond %1 <14
RewriteCond %{HTTP_USER_AGENT} !mobile|bot|chrome-lighthouse [NC]
RewriteRule .* - [E=Cache-Control:vary=isDesktopNoWebpSafari]
#3
RewriteCond %{HTTP_USER_AGENT} version/(\d{2}).*safari [NC]
RewriteCond %1 >13
RewriteCond %{HTTP_USER_AGENT} !mobile|bot|chrome-lighthouse [NC]
RewriteRule .* - [E=Cache-Control:vary=isDesktopWebpSafari]
#4
RewriteCond %{HTTP_USER_AGENT} android|silk/|kindle|blackberry|opera\ mini|opera\ mobi|crios|fxios [NC]
RewriteCond %{HTTP_ACCEPT} "image/webp"
RewriteCond %{HTTP_USER_AGENT} !bot|chrome-lighthouse [NC]
RewriteRule .* - [E=Cache-Control:vary=isMobile]
#5
RewriteCond %{HTTP_USER_AGENT} version/(\d{2}).*mobile.*safari [NC]
RewriteCond %1 <14
RewriteCond %{HTTP_USER_AGENT} !bot|chrome-lighthouse [NC]
RewriteRule .* - [E=Cache-Control:vary=isMobileNoWebpSafari]
#6
RewriteCond %{HTTP_USER_AGENT} version/(\d{2}).*mobile.*safari [NC]
RewriteCond %1 >13
RewriteCond %{HTTP_USER_AGENT} !bot|chrome-lighthouse [NC]
RewriteRule .* - [E=Cache-Control:vary=isMobileWebpSafari]
#7
RewriteCond %{HTTP:Sec-Fetch-Dest} ^$ [NC]
RewriteCond %{HTTP:Sec-Fetch-Mode} ^$ [NC]
RewriteCond %{HTTP:Sec-Fetch-Site} ^$ [NC]
RewriteCond %{HTTP:Sec-Fetch-User} ^$ [NC]
RewriteCond %{HTTP_USER_AGENT} !version/.*safari [NC]
RewriteRule .* - [E=Cache-Control:vary=isBot]
#7
RewriteCond %{HTTP_USER_AGENT} applebot [NC]
RewriteCond %{HTTP_USER_AGENT} !mobile [NC]
RewriteRule .* - [E=Cache-Control:vary=isBot]
#8
RewriteCond %{HTTP:Sec-Fetch-Dest} ^$ [NC]
RewriteCond %{HTTP:Sec-Fetch-Mode} ^$ [NC]
RewriteCond %{HTTP:Sec-Fetch-Site} ^$ [NC]
RewriteCond %{HTTP:Sec-Fetch-User} ^$ [NC]
RewriteCond %{HTTP_USER_AGENT} mobile [NC]
RewriteCond %{HTTP_USER_AGENT} !version/.*safari [NC]
RewriteRule .* - [E=Cache-Control:vary=isMobileBot]
#8
RewriteCond %{HTTP_USER_AGENT} applebot [NC]
RewriteCond %{HTTP_USER_AGENT} mobile [NC]
RewriteRule .* - [E=Cache-Control:vary=isMobileBot]
</IfModule>