First the Good News, hi hi...
Every Page on my Authors Website is now 100% Mobile Friendly.
This is based on the individual page tests at the Manual Entry Test.
I was notified Google will be crawling my site and sending me an update.
WHY?
It looks like I was selected for Verification, Ta Da!
And along with it comes a special crawl.
OK, now for my question. I think this one you may have an answer for.
Before I Minified each of my pages, I got W3C passed with zero errors, yay.
After I Minified, every single page had exactly four errors.
They were easy to track down, but a PITA to fix in the Minified version.
Before bothering you, I've been checking on-line for over an hour.
Now I could EXPERIMENT and TRY what I think may work, but I've already locked myself out of uploads twice today.
Here is an example of the working lines, before Minify.
Code: Select all
<link rel="Shortcut Icon"
type="image/x-icon"
href="../favicon.ico" />
<link rel="icon"
type="image/png"
href="../favicon.png" />
Code: Select all
<link rel="Shortcut Icon"type="image/x-icon"href="../favicon.ico"/><link rel="icon"type="image/png"href="../favicon.png"/>
Code: Select all
<link rel="Shortcut Icon" type="image/x-icon" href="../favicon.ico"/><link rel="icon" type="image/png" href="../favicon.png"/>
So I have to go through ALL of my pages and add the FOUR white spaces back on each page.
The only thing I found on-line, adding double double-quotes did not look like it would work at all, so I didn't try it.
Code: Select all
<link rel=""Shortcut Icon"" type=""image/x-icon"" href=""../favicon.ico""/><link rel=""icon"" type=""image/png"" href=""../favicon.png""/>
It seems to me doing what I tried below should have worked, but W3C tosses 16 errors if I try. I already knew that using <!-- --> would not work in the <head> area within a <link>
Code: Select all
<link rel="Shortcut Icon" /* */ type="image/x-icon" /* */ href="../favicon.ico"/><link rel="icon" /* */type="image/png" /* */ href="../favicon.png"/>
But I'm thinking, you have mentioned escape codes and possibly may know what I'm supposed to use here, if anything. Heck, it might turn out to be something as simple as adding a semicolon?
But I thought I would ask before spending another two hours trying all the possible combination of things.
Oh, I do have one other question. Google Chrome in WebTools has an AUDIT feature which lets me know which <style> or CSS lines I'm using which are no longer needed. This is great as I removed the unused ones.
However, is there a Tool which works in Reverse. Instead of telling you which ones are NOT used, a tool which tells which ones ARE USED.
I'm asking because when I do an AUDIT, it says I am not using 96% of bootstrap-min.css Plus it tells me which ones have generic names instead of the proprietary names. I also have the JS and JQuery lines in my header as well, which may only be being used on the one page with the buttons, and maybe even not there.
As I have time, I will cancel out those two JS folder files and see if something stops working.
Seems silly to load such a HUGE CSS when I'm probably not using anything but ROW on a couple of pages.
Have a great evening Yogi!
TTUL
Gary