お世話になります。
下記サイトを参考にPageSpeed InsightsのレンダリングをブロックしているJavaScript/CSSを排除するに挑戦してみたのですが、レンダリングをブロックするCSSが何故か2つに増えてしまい困っています。
全ブラウザ対応!preload で CSS を非同期で読み込み高速化
私が試したコード
<link rel="preload" href="/css/layout.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <script>!function(t){"use strict";t.loadCSS||(t.loadCSS=function(){});var e=loadCSS.relpreload={};if(e.support=function(){var e;try{e=t.document.createElement("link").relList.supports("preload")}catch(a){e=!1}return function(){return e}}(),e.bindMediaToggle=function(t){function e(){t.media=a}var a=t.media||"all";t.addEventListener?t.addEventListener("load",e):t.attachEvent&&t.attachEvent("onload",e),setTimeout(function(){t.rel="stylesheet",t.media="only x"}),setTimeout(e,3e3)},e.poly=function(){if(!e.support())for(var a=t.document.getElementsByTagName("link"),n=0;n<a.length;n++){var o=a[n];"preload"!==o.rel||"style"!==o.getAttribute("as")||o.getAttribute("data-loadcss")||(o.setAttribute("data-loadcss",!0),e.bindMediaToggle(o))}},!e.support()){e.poly();var a=t.setInterval(e.poly,500);t.addEventListener?t.addEventListener("load",function(){e.poly(),t.clearInterval(a)}):t.attachEvent&&t.attachEvent("onload",function(){e.poly(),t.clearInterval(a)})}"undefined"!=typeof exports?exports.loadCSS=loadCSS:t.loadCSS=loadCSS}("undefined"!=typeof global?global:this); </script>
PageSpeed Insightsの判定方法が変わってしまったのでしょうか?
それともコードに何か問題があるのでしょうか?
あなたの回答
tips
プレビュー