loadCSS - markhowellsmead/helpers GitHub Wiki

(For use in WordPress.) Thanks, Nico.

Hook

add_filter('style_loader_tag', [ $this, 'preloadCSS' ], 999, 4);

Function

public function preloadCSS($html, $handle, $href, $media)
{

	echo PHP_EOL.'<!-- ' .$handle. ' -->'.PHP_EOL;

	// if ($handle !== 'main') {
	// 	return $html;
	// }
	$html = str_replace('\'', '"', $html);
	$html = str_replace('rel="stylesheet"', 'rel="preload" as="style" onload="this.rel=\'stylesheet\'"', $html);
	return $html . '<noscript><link rel="stylesheet" data-push-id="'.$handle.'" id="'.$handle.'" href="'.$href.'" media="'.$media.'"></noscript>'.PHP_EOL;
}

Author

Mark Howells-Mead | https://permanenttourist.ch and https://sayhello.ch/ | Wiki since 2016

License

Use this code freely, widely and for free. Provision of this code provides and implies no guarantee.

Please respect the GPL v3 licence, which is available via http://www.gnu.org/licenses/gpl-3.0.html