Hi, gleiche Frage ist bei mir auch grade aufgekommen.
Zitat von
Spooky
Aber mir erschließt sich der Sinn davon nicht. Die Angabe[php]<link rel="stylesheet" href="assets/css/xyz-d8513a02.css">/php]im <head> ist ja ohnehin Render-blocking, welchen Vorteil hätte das preload?
Ich denke nicht, dass im `<head>` automatisch alles "blocking" ist. Das von Dir angeführte
PHP-Code:
<link rel="preload" href="assets/css/xyz-d8513a02.css" as="style" onload="this.rel = 'stylesheet'">
sorgt ja grade dafür, dass dem nicht so ist. Deshalb bleibt die Frage: Wie kann man die Ausgabe des "link" Tag anpassen?
gibt es irgendwo einen HOOK oder so, mit dem man auf den String kommt, um z.B. sowas zu machen?
PHP-Code:
str_replace('rel="stylesheet"', 'rel="preload" onload="this.rel=\'stylesheet\'"', $linkTag);
Weil ich es nicht besser weiß, habe ich es aus Verlegenheit über die fe_page gelöst.
Code:
<?php
$css = new Combiner();
$css->add('…');
$css->add('…');
?>
<link href="<?=$css->getCombinedFile()?>" rel="preload" as="style" onload="this.rel = 'stylesheet'">
Was ganz wunderbar funktioniert und die "Eliminate render-blocking resources" Empfehlung eleminiert. Aber bei mir nicht das Gefühl hinterlässt, dass das auch "gut" ist.
Schönen Tag noch.
ciao, Stefan
Lesezeichen