Let's be more curious.

最新のDefer.jsをJetThemeで使用する方法

最新のDefer.jsをJetThemeで使用する方法

はじめに

Bloggerの無料テンプレートJetThemeはページスピードのパフォーマンスがトップクラスで使用しているユーザーも多数いらっしゃると思います。


ページスピードのパフォーマンスは高い理由はDefer.jsを活用しているからです。


しかしJetThemeはDefer.js v2.5.0の一部を独自に修正拡張して使用しているため、最新バージョンのDefer.jsに入れ替えると不都合が生じます。


今回Defer.jsがv3.7.0に進化したことを機会に、JetThemeのDefer.jsについて一部見直すことにしました。


機能が拡張された最新のDefer.jsをJetThemeで使用したい方は、この記事を参考に、自己責任でカスタマイズして見て下さい。


JetThemeがインラインで入れているDefer.js

オリジナルのDefer.jsとJetThemeのDefer.jsを見比べると、defer.domの引数の数が異なってます。


Diffcheckerで比較したところ、オリジナルのdefer.domの引数が5個に対し、JetThemeのdefer.domの引数はzが追加されパラメータが6個となってました。



よって、JetThemeのDefer.jsをオリジナルのDefer.jsに入れ替えると、JetThemeでは遅延読み込みが正しく動かなくなる恐れがあります。


今までは、アタルさんが公開されていたJetTheme用のDefer.jsに入れ替えてましたが、これはオリジナルのdefer.domdefer.dom2として再定義し、JetThemeのdefer.domは変更しない修正方法でした。


この修正方法でも良いのですが、オリジナルのDefer.jsは毎年進化していく一方、JetThemeは約2年バージョンアップがないオワコンのテンプレートですので、JetTheme側のdefer.domを修正する方法に変えることにしました。


具体的には、JetThemeのdefer.domdefer.domzに修正し、オリジナルのdefer.domはそのまま使えるようにしたものです。


JetThemeのJavaScriptの修正

JetThemeのテンプレートで修正する場所は3箇所です。テーマのHTML編集でハイライトしている場所のコードを下記コードに入れ替えて下さい。


Defer.jsの修正

Defer.jsの修正

2434-2435行のコードを下記に置き換えて下さい。

コード
/*@shinsenter/[email protected]*/
!(function(i,u,f){function s(n,t,e){N?z(n,t):((e=e===f?s.lazy:e)?q:S).push(n,Math.max(e?350:0,t))} function c(n){return"string"==typeof(n=n||{})?{id:n}:n} function r(t,n,e,o){a(n.split(" "),function(n){(o||i)[t+"EventListener"](n,e||m)})} function a(n,t){n.map(t)} function l(n,t){a(D.call(n.attributes),function(n){t(n.name,n.value)})} function d(n,t,e,o,i,c){if(i=I.createElement(n),e&&r(w,b,e,i),t) for(c in t)i[j](c,t[c]);return o&&I.head.appendChild(i),i} function p(n,t){return D.call((t||I).querySelectorAll(n))} function h(o,n){a(p("source,img",o),h),l(o,function(n,t,e){(e=y.exec(n))&&o[j](e[1],t)}),"string"==typeof n&&(o.className+=" "+n),o[b]&&o[b]()} function n(n,t,e){s(function(o){a(o=p(n||"script[type=deferjs]"),function(n,e){n[A]&&(e={},l(n,function(n,t){n!=C&&(e[n==A?"href":n]=t)}),e.as=g,e.rel="preload",d(v,e,f,I))}),(function i(n,e,t){(n=o[k]())&&(e={},l(n,function(n,t){n!=C&&(e[n]=t)}),t=e[A]&&!("async" in e),(e=d(g,e)).text=n.text,n.parentNode.replaceChild(e,n),t?r(w,b+" error",i,e):i())})()},t,e)} function m(n,t){for(t=N?(r(e,o),q):(r(e,x),N=s,q[0]&&r(w,o),S);t[0];)z(t[k](),t[k]())} var y=/^data-(.+)/,v="link",g="script",b="load",t="pageshow",w="add",e="remove",o="touchstart mousemove mousedown keydown wheel",x="on"+t in i?t:b,j="setAttribute",k="shift",A="src",C="type",E=i.IntersectionObserver,I=i.document||i,N=/p/.test(I.readyState),S=[],q=[],z=i.setTimeout,D=S.slice;s.all=n,s.domz=function(n,t,i,z,c,r){s(function(e){function o(n){c&&!1===c(n)||h(n,i)} e=E?new E(function(n){a(n,function(n,t){n.isIntersecting&&(t=n.target)&&(z&&z(t),e.unobserve(t),o(t))})},r):f,a(p(n||"[data-src]"),function(n){n[u]||(n[u]=s,e?e.observe(n):o(n))})},t,!1)},s.dom=function(n,t,i,c,r){s(function(e){function o(n){c&&!1===c(n)||h(n,i)} e=E?new E(function(n){a(n,function(n,t){n.isIntersecting&&(e.unobserve(t=n.target),o(t))})},r):f,a(p(n||"[data-src]"),function(n){n[u]||(n[u]=s,e?e.observe(n):o(n))})},t,!1)},s.css=function(n,t,e,o,i){(t=c(t)).href=n,t.rel="stylesheet",s(function(){d(v,t,o,I)},e,i)},s.js=function(n,t,e,o,i){(t=c(t)).src=n,s(function(){d(g,t,o,I)},e,i)},s.reveal=h,i[u]=s,N||r(w,x),n()})(this,"Defer")


function sitemap_cb(e)の修正

function sitemap_cb(e)の修正

2455-2460行のコードを下記に置き換えて下さい。

コード
function sitemap_cb(e) {
  var sm = ".sitemap-list";
  if (document.querySelector(sm) !== null) {
    Defer.domz(sm, 100, "loaded", jo.loadCustomPosts);
  }
}


[email protected]/main.jsの修正

js@0.5.5/main.jsの修正

2515行のコードを下記コードに置き換えインライン化するか、ご自身で管理できる適当なCDNに保存し外部参照下さい。

コード
<script>
//<![CDATA[
/*[email protected]/main.js*/const jo={};!function JetThemeScript(){var M=window,aQ=document,a=setTimeout,b9=clearTimeout,cb=Date,b0=Math,q=parseInt,t=btoa,K=escape,d=unescape,bP=encodeURIComponent,j=decodeURIComponent,ad=RegExp,bX=XMLHttpRequest,bm=alert,bC=localStorage,ax=JSON,a3=Image,a5=setInterval,cG=clearInterval,aE="forEach",be="innerHTML",bM="tagName",w="getElementById",o="getElementsByClassName",bv="querySelector",cw="querySelectorAll",bt="documentElement",ch="childNodes",bJ="createElement",B="className",D="replace",bW="indexOf",m="lastIndexOf",a4="EventListener",cc="add",aM="remove",ci="id",bs="key",aL="type",af="parse",cx="length",W="call",bF="slice",C="reset",az="scroller",aq="push",b4="Time",aa="Date",a9="Month",a7="FullYear",ap="clientX",ao="clientY",h="pageX",g="pageY",aN="scrollLeft",bN="scrollTop",ac="onreadystatechange",cf="readyState",a2="Attribute",bk="set",bB="get",av="post",a1="has",F="checked",ar="focus",b1="height",cd="offsetWidth",ck="offsetHeight",ay="toFixed",aF="pageYOffset",cy="appendChild",bA="firstChild",cj="insert",bO="Before",aC="value",R="safe",aI="match",X="href",bj="src",U="onload",al="onerror",L="target",bU="closest",bf="location",bb="split",a8="trim",bY="open",bh="send",bl="random",cF="status",bp="toString",aW="parentElement",am="activeElement",ca="preventDefault",bc="substr",cr="setRequestHeader",aD="responseText",cl="response",ba="body",aT="title",ai="test",aB="container",aU="ceil",aj="floor",bu="round",ag="min",cu="map",cm="cookie",V="contains",bg="toUTCString",bR="textContent",aw="elementFromPoint",aS="Item",bG="nextSibling",cD="load",bo="true",x="false",aY="valid",bV="scroll",G="click",aX="submit",bD="blur",bL="mousemove",p="mouseup",Y="touchstart",aV="mousedown",a0="change",l="complete",cE="undefined",bq="function",bx="Content-Type",P="text/html",b8="application/x-www-form-urlencoded",e="pagination",ct="loadCustomPosts",k="custom_posts",O="config",cC="adsbygoogle",bE="analytics",s="jet",ce="https://",Z="www.blogger.com/",au="-rw",bQ="devicePixelRatio",b="mount",cA=typeof isPreview!==cE?isPreview:false,b2=typeof siteUrl!==cE?siteUrl[bc](0,siteUrl[cx]-1)[D](/(^\w+:|^)\/\//,""):"",aG=ce+b2,aO=typeof currentUrl!==cE?currentUrl:"",r=typeof blogId!==cE?blogId:"",cn=typeof blogTitle!==cE?blogTitle:"",br=typeof titleSeparator!==cE?titleSeparator:" - ",b6=typeof pageTitle!==cE?pageTitle:"Page",v=typeof analyticId!==cE?analyticId:false,u=typeof caPubAdsense!==cE?caPubAdsense[D](/^\D+/g,""):false,aR=u?"ca-pub-"+u:false,bK=typeof innerAdsDelimiter!==cE?innerAdsDelimiter:"p,br,div",bI=typeof ignoreAdsDelimiter!==cE?ignoreAdsDelimiter:"pre,ul,ol,table,blockquote",bn=typeof autoTOC!==cE?autoTOC:false,ak=typeof toc_temp===bq?toc_temp:false,n=typeof positionTOC!==cE?positionTOC:false,bd=typeof jtCallback===bq?jtCallback:false;function J(cH,i){return-1<(" "+cH[B]+" ")[bW](" "+i+" ")}function I(cI,cH){var i;J(cI,cH)||(""!=(i=cI[B])&&(cH=" "+cH),cI[B]=i+cH)}function bz(cH,i){cH[B]=cH[B][D](new ad("(?:^|\\s)"+i+"(?!\\S)"),"")[a8]()}function bw(cH,i){(J(cH,i)?bz:I)(cH,i)}function aK(cH,i){I(cH,"d-block"),a(function(){I(cH,i)},100)}function b7(cI,cH,i){bz(cI,cH),a(function(){bz(cI,"d-block")},i||300)}function A(cI,cH){for(var i=0;i<cI[cx];i++){if(cI[i]===cH){return!0}}return!1}function aH(){return(b0[bl]()+1)[bp](36)[bc](7)}function co(cH,i){return!!(cH=new ad("[?&]"+cH+"=([^&#=]*)"))[ai](i)&&i[aI](cH)[1]}function S(cK,cO,cM,cN){cK=q(cK),cO=q(cO),cM=q(cM),cN=q(cN);var i,cI,cJ=b0[aU](cK/cM);cO<1?cO=1:cJ<cO&&(cO=cJ),cI=cJ<=cN?(i=1,cJ):(cK=b0[aj](cN/2),cM=b0[aU](cN/2)-1,cO<=cK?(i=1,cN):cJ<=cO+cM?(i=cJ-cN+1,cJ):(i=cO-cK,cO+cM));for(var cH=(cO-1)*cM,cN=b0[ag](cH+cM-1,cK-1),cP=[],cL=0;cL<cI+1-i;cL++){cP[aq](cL)}return cP=cP[cu](function(cQ){return i+cQ}),{totalItems:cK,currentPage:cO,pageSize:cM,totalPages:cJ,startPage:i,endPage:cI,startIndex:cH,endIndex:cN,pages:cP}}function cs(cK){for(var cI=cK.slice(),i=cI[cx]-1;0<i;i--){var cH=b0[aj](b0[bl]()*(i+1)),cJ=cI[i];cI[i]=cI[cH],cI[cH]=cJ}return cI}function an(i){try{return ax[af](i)}catch(i){return!1}}!function(cH){var i=new a3;i[U]=i[al]=function(){cH(2==i[b1])},i[bj]="data:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAACyAgCdASoCAAIALmk0mk0iIiIiIgBoSygABc6WWgAA/veff/0PP8bA//LwYAAA"}(function(i){i||(au="")});var cv=aQ[w]("header"),bT=aQ[w]("search-toggle"),T=aQ[w]("search-header"),f=aQ[w]("navbar-toggle"),a6=aQ[w]("navbar"),at=aQ[w]("back-to-top"),cz=aQ[w]("dark-toggler"),aZ=aQ[bv]("html"),bS=aQ[w]("comment-button"),ab=aQ[w]("threaded-comment-form"),cq=aQ[w]("comment-editor"),cp=aQ[w]("comment-editor-src"),N=aQ[w]("comment-script"),by=aQ[cw](".comment-reply"),H=aQ[cw](".entry-text noscript"),bZ=aQ[cw](".contact-form-blogger"),aA=aQ[w]("ads-post"),cg=aQ[w]("post-body"),aJ=aQ[bv](".related-posts"),aP=aQ[bv](".related-inline"),ae=co("page",aO),b5=null!==bC&&1==bC[bB+aS]("lazy");!function(i){M[cc+a4](bV,function(){var cI,cH=this[aF];cH<i&&J(cv,"header-hidden")?cI=a(function(){bz(cv,"header-hidden")},500):i<cH&&J(cv,"header-animate")&&(b9(cI),I(cv,"header-hidden")),i=cH},!1)}(0);var E=function(cK){var cN,cL,cM,i,cI,cJ,cH,cO;"IMG"==cK[bM]&&((cO=cK[bB+a2]("data-src"))[aI](/(bp.blogspot|googleusercontent)/)?(cH=b5?M[bQ]&&1<M[bQ]?M[bQ]:1.5:1,cN=(cK[cd]*cH)[ay](0),cL=(cK[aW][cd]*cH)[ay](0),cM=(cK[aW][aW][cd]*cH)[ay](0),i=(cK[ck]*cH)[ay](0),cI=cO[bb]("/"),cJ=cO[m]("=")+1,cH="",cH=J(cK[aW],"ratio")?"w"+cN+"-h"+i+"-n"+au+"-e365":"s"+(cH=cN<30?cL<30?cM:cL:cN)+au+"-e365",cO=cO[aI](/(img\/a|proxy\/)/)?cJ?cO[bF](0,cJ)+cH:cO+"="+cH:cO[D](cI[cI[cx]-2],cH),cK[bk+a2]("data-src",cO)):cO[aI](/(img.youtube|i.ytimg)/)&&(cO=cO[bc](0,cO[m]("/"))+"/mqdefault.jpg",cK[bk+a2]("data-src",cO)))},cB=function(cK){var cH,cI,cQ,cN,cM,cP,cL,cO;function cJ(cU,cS,i){var cR=aQ[bJ]("li"),cT=aQ[bJ]("span");return I(cT,"btn btn-sm rounded-pill jt-icon-center"),cT[be]=i||cU,cT[bk+a2]("data-page",cU),cU==cS?I(cT,"jt-btn-primary"):(I(cT,"jt-btn-light hover-btn-primary"),cT[cc+a4](G,function(cW){var cV;cW[ca](),1==(cO=cT[bB+a2]("data-page"))?(cV=cI?aG+"/search"+cN+"?max-results="+cH+"&page="+cO:aG,M[bf][X]=cV):(cV=(cO-1)*cH,Defer.js(aG+"/feeds/posts/summary/"+cQ+"?start-index="+cV+"&alt=json&callback=jo."+e+"_date&max-results=1"))})),cR[cy](cT),cR}cK[bB+a2]("data-pagination")!=x?(cH=cK[bB+a2]("data-posts"),cI=cK[bB+a2]("data-label"),cQ=(cI=bP(cI))?"-/"+cI+"/":"",cN=cI?"/label/"+cI:"",Defer.js(aG+"/feeds/posts/summary/"+cQ+"?alt=json&callback=jo."+e+"_"+bs+"&max-results=1"),cM=co("max-results",aO),cP=co("page",aO),cL=cM||cH,cO=cP||1,jo[e+"_"+bs]=function(cU){var cS=cU.feed,i=q(cS.openSearch$totalResults.$t);if(cH<i){var cU=S(i,cO,cL,5),cR=aQ[bJ]("ul"),cS=cU.totalPages;1!=cU.currentPage&&(i=cJ(cU.currentPage-1,"",'<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-arrow-l"/></svg>'),cR[cy](i)),A(cU.pages,1)||(cV=cJ(1,cU.currentPage,"1 . ."),cR[cy](cV));for(var cT=0;cT<cU.pages[cx];cT++){var cV=cJ(cU.pages[cT],cU.currentPage);cR[cy](cV)}A(cU.pages,cS)||(cV=cJ(cS,cU.currentPage,". . "+cS),cR[cy](cV)),cU.currentPage!=cS&&(cS=cJ(cU.currentPage+1,"",'<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-arrow-r"/></svg>'),cR[cy](cS)),cK[be]="",I(cR,"pagination mb-0"),cK[cy](cR),bz(cK,"visually-hidden")}},jo[e+"_date"]=function(i){i=i.feed.entry[0],i=(i=i.published.$t[bc](0,19)+i.published.$t[bc](23,29))[D]("+","%2B"),i=aG+"/search"+cN+"?updated-max="+i+"&max-results="+cL+"&page="+cO;M[bf][X]=i}):bz(cK,"visually-hidden")};function b3(cI,cH){var i=new bX;i[bY](bB,cI),i[cr](bx,P),i[bh](null),i[cc+a4](cD,function(){var cJ=i[aD][aI](/<title>(.*?)<\/title>/);cH[be]=cJ[1][D](br+cn,"")})}jo[ct]=function(cM){var cH=aH(),cL=cM[bB+a2]("data-label"),cJ=cM[bB+a2]("data-title"),cQ=cM[bB+a2]("data-items"),cK=cM[bB+a2]("data-shuffle"),cI=cM[bB+a2]("data-no-item"),i=cM[bB+a2]("data-func"),cP=cM[bB+a2]("data-callback"),cR=cI?q(cQ)+1:cQ,cN=cL||cM[be],cO=cN[bb](","),cL="",cL=1<cO[cx]?cN?"-/"+bP(cO[b0[aj](b0[bl]()*cO[cx])])+"/?":"?":cN&&cN!=x?"-/"+bP(cN[a8]())+"/?":"?";Defer.js(aG+"/feeds/posts/summary/"+cL+"alt=json&callback=jo."+k+"_"+bs+"_"+cH+"&max-results="+cR),jo[k+"_"+bs+"_"+cH]=function(cX){var c1=q(cX.feed.openSearch$totalResults.$t),cZ=cX.feed.category;if(0<c1){for(var c0={title:cJ,posts:[],categories:cZ},cS=cX.feed.entry,cU=0,cV=0;cV<cS[cx];++cV){var cT,c2,cY=cS[cV],cW=cY.link[cY.link[cx]-1][X];if(cU==cQ){break}cW!=cI&&(cU++,(cT={}).grup_id=cH,cT.url=cW,cT.title=cY[aT].$t,cT.summary=cY.summary.$t[a8](),cT.img=cY.media$thumbnail&&cY.media$thumbnail.url,cT.author=cY.author[0].name.$t,cT.comment=cY.thr$total&&cY.thr$total.$t,cT.label=cY.category,c2=cY.published.$t,cY=(cW=new cb(c2))[bB+aa](),c2=cW[bB+a9]()+1,cW=cW[bB+a7](),cT.date=cW+"/"+c2+"/"+cY,c0.posts[aq](cT))}cX=M[i];typeof cX===bq&&0<c0.posts[cx]&&(cK&&(c0.posts=cs(c0.posts)[bF](0,cK)),cM[be]=cX(c0)[a8](),bz(cM,"visually-hidden"),Defer.domz(".lazy-"+cH,1,"loaded",E),!cP||typeof(cX=M[cP])===bq&&cX())}}};var y=function(cK){for(var cI=cK[cw]("a"),i=0;i<cI[cx];++i){var cH=cI[i],cJ=cH[X],cL=aQ[bJ]("span");I(cL,"d-block fw-bold pt-2 jt-text-primary"),cH[cy](cL),b3(cJ,cL)}};function ah(){(bT&&bT[F]||f&&f[F]?bz:I)(cv,"header-animate")}function z(cI,i){function cJ(cK){cI[V](cK[L])||(i(),cH())}var cH=function(){aQ[aM+a4](G,cJ)};aQ[cc+a4](G,cJ)}function Q(i){i!=cp[X]&&(I(ab,"loader"),cp[X]=i,cq[bj]=i),J(ab,"d-none")&&(bz(ab,"d-none"),i=N[aC][aI](/<script.*?src='(.*?)'/)[1],Defer.js(i,"comment-js",500,function(){BLOG_CMT_createIframe(ce+Z+"rpc_relay.html")}))}bT&&bT[cc+a4](a0,function(){ah(),this[F]&&a(function(){aQ[w]("search-input")[ar]()},100),z(T,function(){bT[F]=!1,ah()})}),f&&f[cc+a4](a0,function(){ah(),this[F]?(aK(a6,"show"),z(a6,function(){f[F]=!1,ah(),b7(a6,"show")})):b7(a6,"show")}),cz&&cz[cc+a4](G,function(i){i[ca](),bw(aZ,"dark-mode"),null!==bC&&bC[bk+aS]("theme",J(aZ,"dark-mode")?"dark":"light")}),M[cc+a4](bV,function(){(1<=this[aF]&&null!==cv?I:bz)(cv,"shadow-sm"),(1000<=this[aF]&&null!==at?bz:I)(at,"d-none")},!1),cq&&cq[cc+a4](cD,function(i){bz(ab,"loader")}),bS&&bS[cc+a4](G,function(i){i[ca](),Q(this[X]),"add-comment"!=ab[aW][ci]&&aQ[w]("add-comment")[cy](ab)});for(var bH=0;bH<by[cx];++bH){by[bH][cc+a4](G,function(i){i[ca]();i=this[bB+a2]("data-comment-id");Q(this[X]),ab[aW][ci]!="c"+i&&aQ[w]("c"+i)[cy](ab)})}for(bH=0;bH<bZ[cx];++bH){var bi=bZ[bH];bi[cc+a4](aX,function(cJ){cJ[ca]();var cI=cJ[L];I(cI,"loading");var i=new FormData(cI),cH="blogID="+r;i[aE](function(cL,cK){cH+="&"+bP(cK)+"="+bP(cL)});cJ=ce+Z+"contact-form.do",i=new bX;i[bY](av,cJ),i[cr](bx,b8),i[bh](cH),i[ac]=function(){var cK;bz(cI,"loading"),4===this[cf]&&200===this[cF]&&""!=this[cl]&&((cK=an(this[aD][a8]()))&&"true"==cK.details.emailSentStatus?(cI[C](),bz(cI,"send-error"),I(cI,"send-success")):(bz(cI,"send-success"),I(cI,"send-error")))}})}function c(cQ){if(cQ&&(aQ[aM+a4](bL,c),aQ[aM+a4](Y,c),aQ[aM+a4](bV,c)),Defer.domz(".custom-posts",1,null,jo[ct],null,{rootMargin:"200%"}),0<H[cx]){for(var cW=0;cW<H[cx];++cW){var cT=H[cW],cU=cT[be],cH=aQ[bJ]("textarea");cH[be]=cU[D](/src="(.*?)"/g,'src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" loading="lazy" lazyload="true" data-src="$1"');cU=aQ[bJ]("div");cU[be]=cH.value,0==cW&&I(cU,"feature-image full-width"),cT[aW][cj+bO](cU,cT)}Defer.domz('[lazyload="true"]',1,"loaded",E,null,{rootMargin:"200%"})}if(null!==cg){if(null!==aJ&&null!==aP&&(aP[be]=aJ[be],aP[bk+a2]("data-no-item",aJ[bB+a2]("data-no-item"))),null!==aA){for(var cJ=cg[cw](bK+","+bI),cL=aA[ch],cI=cL[cx],cX=[],cW=0;cW<cJ[cx];cW++){var cR=cJ[cW][bU](bI);cR&&cJ[cW]!=cR||cX[aq](cJ[cW])}for(var cM,cW=0;cW<cI;cW++){cW==cI-1?cg[cy](cL[0]):(cM=cW==cI-1?cX[cx]-1:b0[bu](cX[cx]/cI)*cW,(cM=0==cW?cX[0]:cX[cM][bG])&&cM[aW][cj+bO](cL[0],cM))}}if(bn&&bn!=x&&ak&&null!==cg[bA]){for(var cS=cg[cw]("h2,h3,h4,h5,h6"),cK=aQ[bJ]("div"),cQ=cg[bv](n),cO=[],cW=0;cW<cS[cx];cW++){var cV=cS[cW],cP=cV[bR],cN=q(cV[bM][D]("H",""));cV[ci]=cP,cO[aq]({level:cN,title:cV[bR],id:cP})}null===cQ?cQ=cg[bA]:cQ[bG]&&(cQ=cQ[bG]),0<cO[cx]&&(cK[be]=ak(cO)[a8](),cQ&&cQ[aW][cj+bO](cK,cQ))}}cA||(aR&&(typeof adsbygoogle===cE&&(adsbygoogle=[]),Defer.js(ce+"pagead2.googlesyndication.com/pagead/js/"+cC+".js?client="+aR,cC,100)),v&&v!=x&&Defer.js(ce+"www.googletagmanager.com/gtag/js?id="+v,bE,100,function(){function i(){dataLayer[aq](arguments)}i("js",new Date),i(O,v)}),bd&&bd()),r&&Defer.css(ce+Z+"dyn-css/authorization.css?targetBlogID="+r)}ae&&(aQ[aT]=aQ[aT][D](br,br+b6+" "+ae+br)),Defer.domz(".lazyload",1,"loaded",E),Defer.domz("#post-pager",1,null,y,null,{rootMargin:"200%"}),Defer.domz("#pagination",1,null,cB,null,{rootMargin:"200%"}),b5?c(!1):(null!==bC&&bC[bk+aS]("lazy",1),aQ[cc+a4](bL,c),aQ[cc+a4](Y,c),aQ[cc+a4](bV,c))}();
//]]>
</script>


なお、上記コードはオリジナルに対し以下を修正追加してます。

・日本語の目次にジャンプできるよう[D](/[^\w!?]/g, "_")[D](/__/g, "_")を削除

・アイキャッチURLに付与する拡張子-c-nに変更

・上記URLに‐e365を追加しブラウザーのキャッシュ有効期間(寿命)を増加


まとめ

Defer.js v3.7.0は管理人がDefer.jsの作者Shinさんにお願いし、Embed BlueSkyのJavaScriptを遅延読み込みできるようdefer.domの機能を拡張してもらったバージョンです。


最新のDefer.jsにより、Embed BlueSkyの遅延読み込みが実現でき、ページスピードのパフォーマンスもハイレベルで維持することができました。


Defer.jsの作者Shinさんには、重ねて感謝いたします。


気軽に足跡残してね!

この記事が「気になった・参考になった」と感じた方は、リアクションボタンか、ツイッターで♡いいねを押して、足跡を残して頂けると嬉しいです。



それでは今回の記事はこれでおしまい。

Next Post Previous Post
Comment
Please Enter Comments in Light mode
comment url