Rudiculous

OK thanks a lot. Which cache warmers do support cache varies?
I like to know what I can use.
Any plugin’s from WordPress?

I have been searching for any solution but found only a plugin “Warm Cache” and that is not having cache varies I think.

• This reply was modified 2 years, 10 months ago by Rudiculous.

What is typical though is when I use a VPN and change location, there is something changing in the respose headers, the location of the QC-POP server, but still I see a x-qc-cache miss.

This also goes for all the CCSS and optimzed JS files. They all have a x-qc-cache: miss even with repeatly refreshing. But the x-qc-pop server is showing f/e: x-qc-pop: NA-US-LAX-105

accept-ranges: bytes
cache-control: public, max-age=604800
content-length: 60080
content-type: font/woff2
date: Thu, 28 Apr 2022 12:47:36 GMT
etag: "eab0-62136be2-6f24e1535f76c403;;;"
expires: Thu, 05 May 2022 12:47:36 GMT
last-modified: Mon, 21 Feb 2022 10:39:30 GMT
server: LiteSpeed
strict-transport-security: max-age=15768000; includeSubDomains
x-litespeed-tag: 130_
x-powered-by: PleskLin
x-qc-cache: miss
x-qc-pop: NA-US-LAX-105

• This reply was modified 2 years, 10 months ago by Rudiculous.

None of the settings for TTL’s or browser cache have the standard setting 604800 so it must come from something else.
I have searched for other HTaccess files in my filetree but none had a setting for this. As my hosting provider is a Litespeed Enterprise client, I really do not know the answer.

BTW I gave recognizable ttl’s so I can see what is changing in the HTacces so this is why you see A604805 instead of A604800.

Hello and thank you for your fast respose.

I did. I changed it multiple times, will print my htaccess here so you can see the results. But, it does not change anything in pagespeed or gtmetrix.

# BEGIN LSCACHE
## LITESPEED WP CACHE PLUGIN - Do not edit the contents of this block! ##
<IfModule LiteSpeed>
RewriteEngine on
CacheLookup on
RewriteRule .* - [E=Cache-Control:no-autoflush]
RewriteRule \.litespeed_conf\.dat - [F,L]

### marker MOBILE start ###
RewriteCond %{HTTP_USER_AGENT} Mobile|Android|Silk/|Kindle|BlackBerry|Opera\ Mini|Opera\ Mobi [NC]
RewriteRule .* - [E=Cache-Control:vary=%{ENV:LSCACHE_VARY_VALUE}+ismobile]
### marker MOBILE end ###

### marker FAVICON start ###
RewriteRule favicon\.ico$ - [E=cache-control:max-age=86400]
### marker FAVICON end ###

### marker WEBP start ###
RewriteCond %{HTTP_ACCEPT} "image/webp" [or]
RewriteCond %{HTTP_USER_AGENT} "Page Speed"
RewriteRule .* - [E=Cache-Control:vary=%{ENV:LSCACHE_VARY_VALUE}+webp]
RewriteCond %{HTTP_USER_AGENT} iPhone.*Version/(\d{2}).*Safari
RewriteCond %1 >13
RewriteRule .* - [E=Cache-Control:vary=%{ENV:LSCACHE_VARY_VALUE}+webp]
### marker WEBP end ###

### marker DROPQS start ###
CacheKeyModify -qs:fbclid
CacheKeyModify -qs:gclid
CacheKeyModify -qs:utm*
CacheKeyModify -qs:_ga
### marker DROPQS end ###

</IfModule>
## LITESPEED WP CACHE PLUGIN - Do not edit the contents of this block! ##
# END LSCACHE
# BEGIN NON_LSCACHE
## LITESPEED WP CACHE PLUGIN - Do not edit the contents of this block! ##
### marker BROWSER CACHE start ###
<IfModule mod_expires.c>
ExpiresActive on
ExpiresByType application/pdf A604805
ExpiresByType image/x-icon A604805
ExpiresByType image/vnd.microsoft.icon A604805
ExpiresByType image/svg+xml A604805

ExpiresByType image/jpg A604805
ExpiresByType image/jpeg A604805
ExpiresByType image/png A604805
ExpiresByType image/gif A604805
ExpiresByType image/webp A604805

ExpiresByType video/ogg A604805
ExpiresByType audio/ogg A604805
ExpiresByType video/mp4 A604805
ExpiresByType video/webm A604805

ExpiresByType text/css A604805
ExpiresByType text/javascript A604805
ExpiresByType application/javascript A604805
ExpiresByType application/x-javascript A604805

ExpiresByType application/x-font-ttf A604805
ExpiresByType application/x-font-woff A604805
ExpiresByType application/font-woff A604805
ExpiresByType application/font-woff2 A604805
ExpiresByType application/vnd.ms-fontobject A604805
ExpiresByType font/ttf A604805
ExpiresByType font/otf A604805
ExpiresByType font/woff A604805
ExpiresByType font/woff2 A604805

</IfModule>
### marker BROWSER CACHE end ###

## LITESPEED WP CACHE PLUGIN - Do not edit the contents of this block! ##
# END NON_LSCACHE

<IfModule mod_rewrite.c>
	RewriteEngine On
	RewriteCond %{REQUEST_URI} ^/?wp\-content/+debug\.log$
	RewriteRule .* - [F,L,NC]
</IfModule>
<IfModule !mod_rewrite.c>
	<Files "debug.log">
		<IfModule mod_authz_core.c>
			Require all denied
		</IfModule>
		<IfModule !mod_authz_core.c>
			Order deny,allow
			Deny from all
		</IfModule>
	</Files>
</IfModule>

# BEGIN LiteSpeed noabort -> https://www.wordfence.com/help/advanced/system-requirements/litespeed/
<IfModule rewrite_module>
	RewriteEngine On
	RewriteRule .* - [E=noabort:1]
</IfModule>
# END liteSpeed noabort

• This reply was modified 2 years, 10 months ago by Jan Dembowski.
• This reply was modified 2 years, 10 months ago by Jan Dembowski. Reason: Formatting

See it like an old text writer, or printer, a whole line goes fast.. but to go to a new line all the time takes time..

The thing is to keep css as compact as possible to load faster (little filesize) but also for a device to go to a new line after every little part of a div/class in a css file takes time.

For the rest, here is some more inspiration: https://www.hongkiat.com/blog/ultimate-guide-to-web-optimization-tips-best-practices/

Check a big site from Holland to see it implemented.

https://www.bol.com/nl/index.html

Ok great, thanks a lot.

If I open my website and see the source, I see many CSS is inplanted into the HTML of the site and it is coded vertical:

<style id=”wprmenu_css” type=”text/css” >
/* apply appearance settings */
#wprmenu_bar {
background: #0D0D0D;
}
#wprmenu_bar .menu_title, #wprmenu_bar .wprmenu_icon_menu {
color: #ffffff;
}
#wprmenu_menu {
background: #2E2E2E!important;
}
#wprmenu_menu.wprmenu_levels ul li {
border-bottom:1px solid #cccccc;
border-top:1px solid #0D0D0D;
}
#wprmenu_menu ul li a {
color: #ffffff;
}
#wprmenu_menu ul li a:hover {
color: #606060;
}
#wprmenu_menu.wprmenu_levels a.wprmenu_parent_item {
border-left:1px solid #0D0D0D;
}
#wprmenu_menu .wprmenu_icon_par {
color: #ffffff;
}
#wprmenu_menu .wprmenu_icon_par:hover {
color: #606060;
}
#wprmenu_menu.wprmenu_levels ul li ul {
border-top:1px solid #cccccc;
}
#wprmenu_bar .wprmenu_icon span {
background: #ffffff;
}

#wprmenu_menu.left {
width:50%;
left: -50%;
right: auto;
}
#wprmenu_menu.right {
width:50%;
right: -50%;
left: auto;
}

/* show the bar and hide othere navigation elements */
@media only screen and (max-width: 768px) {
html { padding-top: 42px!important; }
#wprmenu_bar { display: block!important; }
div#wpadminbar { position: fixed; }
#phone_top,#nav-container1,#nav-container2,#nav-wrap1,#nav-wrap2,#fp_logo,#logo,.main-nav,.secondary-nav { display:none!important; } }
</style>

Because I like really fast loading websites, especially on mobile, I would like to ask you for the next update to make this code on 1 line, so make it horizontal. It is much faster loading.

Is this possible?