我在我的网站 - www.gpsheatmap.com 运行了 Google PageSpeed Insights,并建议我更改我的样式表(https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery#example)的加载方式 -
<link href="/static/css/landing-page.css" rel="stylesheet">
致 -
<script>
var cb = function() {
var l = document.createElement('link');
l.rel = 'stylesheet';
l.href = '/static/css/landing-page.css';
var h = document.getElementsByTagName('head')[0];
h.parentNode.insertBefore(l, h);
};
var raf = requestAnimationFrame || mozRequestAnimationFrame ||
webkitRequestAnimationFrame || msRequestAnimationFrame;
if (raf) raf(cb);
else window.addEventListener('load', cb);
</script>
我在我的样式表中尝试了这个方法,它明显改变了加载方式,你会先看到没有应用CSS的界面,然后一秒钟后才会看到样式表被应用。这是在Firefox中测试的。
我应该忽略这种方法,还是可以修复它?