Opportunity for improvement
-
Hello (Yes, me. Again:). But this time, in addition to a “problem” a suggestion. Here it goes;
– In my previous presentation (and to “sum up”) I told you that…
…”if I go to my site in a “normal” window, my site looks like this” (HORRIBLE)…
To which (also to “summarize”), you told me that…
…”That full refresh or restart of the browser is needed. The reason for this is that the browser also has a cache and once the content is changed or any files with different strings they need to be refreshed in the browser, which means that the browser needs to search for new files.”…
Well, and, as we say around here “a button is enough for a sample”… I tell you that… It is NOT working!
Goes sign (*):
(*) Please, so that what I am trying to explain is understood, you should enter in a NORMAL window (where it does NOT work) and then – only later – in an incognito window (where it does work).
1) This is a page I JUST created (in fact it is NOT finished yet); my-site/how-to-create-your-personal-brand/ (obviously you have to complete the link because, if I put it in, the system rejects it:(
Anyway. let’s keep going…
2) If you notice, within the content, there are 2(two) custom links.
2.1) One that says…”Course: How to create your personal brand (See offer)”…
2.2) The other one that says…”review list”…
3) Both links are customized with the following CSS code
/* Custom CSS for Links */
a.orange-over:link {
font-weight: 700;
color: #ef8f1d;
text-decoration: none
}
a.orange-over:hover {
font-weight: 700;
Colour: #1177cc;
text-decoration: underline;
}
a.orange-over:visited {
font-weight: 700;
Colour: #1177cc;
text-decoration: underline;
}
a.orange-over:active {
font-weight: 700;
color: #ef8f1d;
text-decoration: none
}
Surely you will realize that, then, what would have to happen is that;
3.1) When you just enter to visit the page, it has to have the color #ef8f1d
So far, all ok.
3.2) When you “stop” on the link (hover), it should change to the color #1177cc
This is (also) Ok.
3.3) When you click to visit the linked page (visited) the color should be #1177cc
And so far so good. But…
3.4) As soon as you click on the link, it SHOULD RETURN TO THE original COLOR (ie the active color should be #ef8f1d).
And yet (when you enter a normal window as any visitor does/would), the link color “sticks” to #1177cc
But the “worst” thing is that it is NOT updated even when I refresh the browser (which is something that the “normal” visitor will not do. But hey!)
What’s more, the only way I have to (in a normal window) that link return to its original color (#ef8f1d) is by DELETING ALL NAVIGATION DATA.
With which – again – I have to re-enter the data of each of the 5 email accounts that I manage, my facebook profile, twitter, etc, etc.
And this – now if – DOES NOT happen if I access said page in an incognito browser (Something that – on the other hand – a “normal” visitor will NEVER do).
Things to add to your analysis:
a) I already restarted the browser (Chrome) + cleaned (several times) the caches + etc
b) It happens to me with ALL the new CSS that I am creating
In fact. If you look at the bottom, there is a box “enclosing” an image + 1 link + 1 text + 1 button.
And said box, was created from the following CSS code
#Table 1{
margin: 18px 0 18px 0;
width: 750px;
border: 1px solid #1177CC;
padding: 18px;
background-color: #ECECEC;
}
Which, I created while I had W3TC disabled (To go modifying it until I find the “perfect” setting). But…
AS SOON AS I ACTIVATED W3TC IT DISAPPEARED!
So, after freaking out what happened (and turning W3TC on/off) I had to include #table1 in the W3TC CSS minify exception list!
And it also happened to me with the manual links in the footer (the ones that say my phone number and connect you to my “About me”).
But in this case, I could NOT solve it.
And that – also – I tried everything.
For example:
– I changed Minize to:
Just minimize…
But this made the links to be fixed but, it messed up other things (For example the opening arrows of the menus).
– I changed to “Minimize and Merge”…
But this “solution” had NO effect at all.
So I left it as it is currently (Just Merge + Manage @import: Bubble)
And – quite simply – I applied to those links the same CSS that I described to you at the beginning (*)
(*) Which have the same “problem” that I described to you at the beginning.
c) Just in case, here are my W3TC numbers (*)
(*) Obviously what is checked is activated. What doesn’t, doesn’t:)
1) Page Cache: Enable
Page Cache Method: Disk: Basic
2) Browser Cache: Enable
3) Page Cache: General
? Cache the ticket page
Do not cache the home page
? Caching feeds: site, categories, tags, comments
? Cache SSL (HTTPS) requests
? Cache URIs with query string variables
Cache 404 pages (not found)
? Do not cache pages for connected users
Do not cache pages for the following user roles
3.1) Cache preload
? Automatically prioritize page cache
Refresh interval: 1800 seconds
Pages per interval: 10
Sitemap URL: ***/sitemap_index.xml
? Preload the post cache upon publish events
4) Browser Cache: General
? Set last modified header
? Set header expiration
? Set header control cache
? Set Entity Tag (ETag)
? Set W3TC Full Cache Header
? Enable HTTP compression (gzip)
Enable HTTP compression (brotli)
Prevent caching of objects after changing settings
Remove query strings from static resources
Cache exception list:
do not set cookies for static files.
Removes the Set-Cookie header for responses.
Do not process 404 errors for static objects with WordPress
404 Error Exception List
Rewrite the URL structure of the objects
4.2) CSS & JS
? Set Last-Modified header
? Set header expiration
Header expiration: 15552000 seconds
? Set header control cache
Cache control policy: cache with maximum time and validation (“max-age=EXPIRES_SECONDS, public, must-revalidate, proxy-revalidate”
? Set entity tag (eTag)
? Set the W3 full cache header
? Enable HTTP compression (gzip)
Enable HTTP (brotli) compression
Prevent caching of objects after settings have been changed
Remove query strings from static resources
Disable cookies for static files
4.3) HTML & XML
? Set Last-Modified header
? Set header expiration
Header expiration: 3550 seconds
? Set header control cache
Cache control policy: cache with maximum time (“public, max-age=EXPIRES_SECONDS”)
? Set Entity Tag (ETag)
? Set the W3 full cache header
? Enable HTTP compression (gzip)
Enable HTTP (brotli) compression
4.4) Media and Other Files
? Set Last-Modified header
? Set header expiration
Header expiration: 15552000 seconds
? Set header control cache
Cache control policy: cache with maximum time (“public, max-age=EXPIRES_SECONDS”)
? Set Entity Tag (ETag)
? Set the W3 full cache header
? Enable HTTP compression (gzip)
Enable HTTP (brotli) compression
Prevent caching of objects after settings have been changed
Remove query strings from static resources
Disable cookies for static files
To finish a couple of things:
– Although (as you can see), I have GZip compression enabled (both through W3TC and from my own hosting) and, in online tools where I made checks like this; https://ibb.co/1QMRfYQ
Everything indicates that I have everything compressed, according to Pingdom Tools…
https://ibb.co/NpbHBWz
My site… Has 0 compression!
Do you know what could be causing this?
– Just in case. The same goes for understanding brotli.
Yes indeed. It is NOT enabled in W3TC. But yes in Cloudflare.
Lastly, and taking into account all of the above…
– Do you have any idea if I’m doing something wrong?
I await your comments.
From already thank you very much.
Greetings.
Another yes, I say.
I forgot to tell you 2 (two) things (in case you want to incorporate them into your analysis of the case):
1) On my site, I have this code installed in my function.php…
/* 10) Remove unnecessary query script tags and style sheets in the header */
function _remove_script_version( $src ){
$parts = explode( ‘?’, $src );
returns $parts[0];
}
add_filter(‘script_loader_src’, ‘_remove_script_version’, 15, 1);
add_filter(‘style_loader_src’, ‘_remove_script_version’, 15, 1);
Which, you will surely notice, what it does is remove the versions of the CSS and JS files.
This is because I “hate” seeing WordPress (or whoever) add versions to my files all the time.
And because, as I could read somewhere, that helps to optimize (speed up) my site.
2) On my Cloudflare I have… caching
Setting
Browser Cache TTL: Respect Existing Headers
Does it have something to do with the problem I raised?
Thanks again.The page I need help with: [log in to see the link]
- The topic ‘Opportunity for improvement’ is closed to new replies.
