Hier ist mein Problem.

Ich analysiere meine Seite mit Google Page Speed Insights. Und es fordert mich auf, meinen CSS-Link im Kopf (über der schwebenden Linie) zu entfernen, weil er das Laden meiner Seite blockiert.

Im Moment habe ich einen einfachen Link im Kopf meines Dokuments:

<link rel="stylesheet" media="all" href="http://mydomain.we/css/my.css" /> 
 </head>

Ich habe versucht, die Linkzeile am unteren Rand des Dokuments zu platzieren. kurz vor dem Ende der Seite.

<link rel="stylesheet" media="all" href="http://mydomain.we/css/my.css" /> 
</body> 

Ran Insight wieder.

Es gibt 2 Registerkarten für das Insight-Ergebnis. Durch Platzieren des CSS-Links am Ende des Dokuments erreiche ich 100% auf dem mobilen Tab. Ich erhalte jedoch immer noch die gleiche Meldung auf dem Computerteil, als ob egal, wo ich sie platziere, sie immer noch über der schwebenden Linie geladen wird. Ich verstehe das nicht, weil ich sehe, dass die Seite für einen Bruchteil einer Sekunde ohne CSS geladen wird.

So ich frage mich, was wäre der beste Weg, um meine CSS zu laden?

Soll ich ein Style-Tag in die Kopfzeile einfügen?

Soll ich den Elementen ein Style-Tag hinzufügen? <- Ich würde lieber nicht.

Also, was ist der beste Weg, um meine CSS zu laden?

Vielen Dank