malhuda/fictioneer
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 112 Wiki Activity

Reduce critical head script

Browse Source
This commit is contained in:
Tetrakern 2024-03-07 14:39:11 +01:00
parent ad7a21e2c3
commit 36c3a614c5
3 changed files with 13 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
includes/functions/_theme_setup.php
View File

@ -1350,7 +1350,7 @@ if ( ! function_exists( 'fictioneer_output_head_critical_scripts' ) ) {
function fictioneer_output_head_critical_scripts() {
// Start HTML ---> ?>
<script id="fictioneer-critical-scripts">!function(){if("undefined"!=typeof localStorage){const t=localStorage.getItem("fcnLightmode"),e=document.documentElement;let a,o,s=localStorage.getItem("fcnSiteSettings");if(s&&(s=JSON.parse(s))&&null!==s&&"object"==typeof s){Object.entries(s).forEach((t=>{switch(t[0]){case"minimal":e.classList.toggle("minimal",t[1]);break;case"darken":a=s.darken,o=a>=0?1+Math.pow(a,2):1-Math.pow(a,2),e.style.setProperty("--darken",`(${o} + var(--lightness-offset))`);break;case"saturation":a=s.saturation,o=a>=0?1+Math.pow(a,2):1-Math.pow(a,2),e.style.setProperty("--saturation",`(${o} + var(--saturation-offset))`);break;case"font-lightness":a=s["font-lightness"],o=a>=0?1+Math.pow(a,2):1-Math.pow(a,2),e.style.setProperty("--font-lightness",`(${o} + var(--font-lightness-offset))`);break;case"font-saturation":a=s["font-saturation"],o=a>=0?1+Math.pow(a,2):1-Math.pow(a,2),e.style.setProperty("--font-saturation",`(${o} + var(--font-saturation-offset))`);break;case"hue-rotate":o=Number.isInteger(s["hue-rotate"])?s["hue-rotate"]:0,e.style.setProperty("--hue-rotate",`(${o}deg + var(--hue-offset))`);break;default:e.classList.toggle(`no-${t[0]}`,!t[1])}})),e.dataset.fontWeight=s.hasOwnProperty("font-weight")?s["font-weight"]:"default",e.dataset.theme=s.hasOwnProperty("site-theme")&&!e.dataset.forceChildTheme?s["site-theme"]:"default";let t=getComputedStyle(document.documentElement).getPropertyValue("--theme-color-base").trim().split(" ");const r=s.darken?s.darken:0,n=s.saturation?s.saturation:0,i=s["hue-rotate"]?s["hue-rotate"]:0,h=r>=0?1+Math.pow(r,2):1-Math.pow(r,2);s=n>=0?1+Math.pow(n,2):1-Math.pow(n,2),t=`hsl(${(parseInt(t[0])+i)%360}deg ${(parseInt(t[1])*s).toFixed(2)}% ${(parseInt(t[2])*h).toFixed(2)}%)`,document.querySelector("meta[name=theme-color]").setAttribute("content",t)}t&&(e.dataset.mode="true"==t?"light":"dark")}}();</script>
<script id="fictioneer-critical-scripts">!function(){if("undefined"!=typeof localStorage){const e=localStorage.getItem("fcnLightmode"),t=document.documentElement;let a,o=localStorage.getItem("fcnSiteSettings");if(o&&(o=JSON.parse(o))&&null!==o&&"object"==typeof o){Object.entries(o).forEach((([e,r])=>{switch(e){case"minimal":t.classList.toggle("minimal",r);break;case"darken":a=r>=0?1+r**2:1-r**2,t.style.setProperty("--darken",`(${a} + var(--lightness-offset))`);break;case"saturation":case"font-lightness":case"font-saturation":a=r>=0?1+r**2:1-r**2,t.style.setProperty(`--${e}`,`(${a} + var(--${e}-offset))`);break;case"hue-rotate":a=Number.isInteger(o["hue-rotate"])?o["hue-rotate"]:0,t.style.setProperty("--hue-rotate",`(${a}deg + var(--hue-offset))`);break;default:t.classList.toggle(`no-${e}`,!r)}})),t.dataset.fontWeight=o.hasOwnProperty("font-weight")?o["font-weight"]:"default",t.dataset.theme=o.hasOwnProperty("site-theme")&&!t.dataset.forceChildTheme?o["site-theme"]:"default";let e=getComputedStyle(document.documentElement).getPropertyValue("--theme-color-base").trim().split(" ");const r=o.darken?o.darken:0,s=o.saturation?o.saturation:0,n=o["hue-rotate"]?o["hue-rotate"]:0,l=r>=0?1+r**2:1-r**2;o=s>=0?1+s**2:1-s**2,e=`hsl(${(parseInt(e[0])+n)%360}deg ${(parseInt(e[1])*o).toFixed(2)}% ${(parseInt(e[2])*l).toFixed(2)}%)`,document.querySelector("meta[name=theme-color]").setAttribute("content",e)}e&&(t.dataset.mode="true"==e?"light":"dark")}}();</script>
<?php // <--- End HTML
}
}

2
js/head-inline.min.js vendored
View File

@ -1 +1 @@
!function(){if("undefined"!=typeof localStorage){const t=localStorage.getItem("fcnLightmode"),e=document.documentElement;let a,o,s=localStorage.getItem("fcnSiteSettings");if(s&&(s=JSON.parse(s))&&null!==s&&"object"==typeof s){Object.entries(s).forEach((t=>{switch(t[0]){case"minimal":e.classList.toggle("minimal",t[1]);break;case"darken":a=s.darken,o=a>=0?1+Math.pow(a,2):1-Math.pow(a,2),e.style.setProperty("--darken",`(${o} + var(--lightness-offset))`);break;case"saturation":a=s.saturation,o=a>=0?1+Math.pow(a,2):1-Math.pow(a,2),e.style.setProperty("--saturation",`(${o} + var(--saturation-offset))`);break;case"font-lightness":a=s["font-lightness"],o=a>=0?1+Math.pow(a,2):1-Math.pow(a,2),e.style.setProperty("--font-lightness",`(${o} + var(--font-lightness-offset))`);break;case"font-saturation":a=s["font-saturation"],o=a>=0?1+Math.pow(a,2):1-Math.pow(a,2),e.style.setProperty("--font-saturation",`(${o} + var(--font-saturation-offset))`);break;case"hue-rotate":o=Number.isInteger(s["hue-rotate"])?s["hue-rotate"]:0,e.style.setProperty("--hue-rotate",`(${o}deg + var(--hue-offset))`);break;default:e.classList.toggle(`no-${t[0]}`,!t[1])}})),e.dataset.fontWeight=s.hasOwnProperty("font-weight")?s["font-weight"]:"default",e.dataset.theme=s.hasOwnProperty("site-theme")&&!e.dataset.forceChildTheme?s["site-theme"]:"default";let t=getComputedStyle(document.documentElement).getPropertyValue("--theme-color-base").trim().split(" ");const r=s.darken?s.darken:0,n=s.saturation?s.saturation:0,i=s["hue-rotate"]?s["hue-rotate"]:0,h=r>=0?1+Math.pow(r,2):1-Math.pow(r,2);s=n>=0?1+Math.pow(n,2):1-Math.pow(n,2),t=`hsl(${(parseInt(t[0])+i)%360}deg ${(parseInt(t[1])*s).toFixed(2)}% ${(parseInt(t[2])*h).toFixed(2)}%)`,document.querySelector("meta[name=theme-color]").setAttribute("content",t)}t&&(e.dataset.mode="true"==t?"light":"dark")}}();
!function(){if("undefined"!=typeof localStorage){const e=localStorage.getItem("fcnLightmode"),t=document.documentElement;let a,o=localStorage.getItem("fcnSiteSettings");if(o&&(o=JSON.parse(o))&&null!==o&&"object"==typeof o){Object.entries(o).forEach((([e,r])=>{switch(e){case"minimal":t.classList.toggle("minimal",r);break;case"darken":a=r>=0?1+r**2:1-r**2,t.style.setProperty("--darken",`(${a} + var(--lightness-offset))`);break;case"saturation":case"font-lightness":case"font-saturation":a=r>=0?1+r**2:1-r**2,t.style.setProperty(`--${e}`,`(${a} + var(--${e}-offset))`);break;case"hue-rotate":a=Number.isInteger(o["hue-rotate"])?o["hue-rotate"]:0,t.style.setProperty("--hue-rotate",`(${a}deg + var(--hue-offset))`);break;default:t.classList.toggle(`no-${e}`,!r)}})),t.dataset.fontWeight=o.hasOwnProperty("font-weight")?o["font-weight"]:"default",t.dataset.theme=o.hasOwnProperty("site-theme")&&!t.dataset.forceChildTheme?o["site-theme"]:"default";let e=getComputedStyle(document.documentElement).getPropertyValue("--theme-color-base").trim().split(" ");const r=o.darken?o.darken:0,s=o.saturation?o.saturation:0,n=o["hue-rotate"]?o["hue-rotate"]:0,l=r>=0?1+r**2:1-r**2;o=s>=0?1+s**2:1-s**2,e=`hsl(${(parseInt(e[0])+n)%360}deg ${(parseInt(e[1])*o).toFixed(2)}% ${(parseInt(e[2])*l).toFixed(2)}%)`,document.querySelector("meta[name=theme-color]").setAttribute("content",e)}e&&(t.dataset.mode="true"==e?"light":"dark")}}();

32
src/js/head-inline.js
View File

@ -3,41 +3,31 @@
(function() {
if (typeof localStorage !== 'undefined') {
const lightMode = localStorage.getItem('fcnLightmode'), root = document.documentElement;
let temp, modifier, settings = localStorage.getItem('fcnSiteSettings');
let modifier, settings = localStorage.getItem('fcnSiteSettings');
if (settings && (settings = JSON.parse(settings))) {
if (null !== settings && 'object' == typeof settings) {
Object.entries(settings).forEach(entry => {
switch (entry[0]) {
Object.entries(settings).forEach(([key, value]) => {
switch (key) {
case 'minimal':
root.classList.toggle('minimal', entry[1]);
root.classList.toggle('minimal', value);
break;
case 'darken':
temp = settings['darken'];
modifier = temp >= 0 ? 1 + Math.pow(temp, 2) : 1 - Math.pow(temp, 2);
root.style.setProperty('--darken', `(${modifier} + var(--lightness-offset))`)
modifier = value >= 0 ? 1 + value ** 2 : 1 - value ** 2;
root.style.setProperty('--darken', `(${modifier} + var(--lightness-offset))`); // Beware darken and lightness!
break;
case 'saturation':
temp = settings['saturation'];
modifier = temp >= 0 ? 1 + Math.pow(temp, 2) : 1 - Math.pow(temp, 2);
root.style.setProperty('--saturation', `(${modifier} + var(--saturation-offset))`)
break;
case 'font-lightness':
temp = settings['font-lightness'];
modifier = temp >= 0 ? 1 + Math.pow(temp, 2) : 1 - Math.pow(temp, 2);
root.style.setProperty('--font-lightness', `(${modifier} + var(--font-lightness-offset))`)
break;
case 'font-saturation':
temp = settings['font-saturation'];
modifier = temp >= 0 ? 1 + Math.pow(temp, 2) : 1 - Math.pow(temp, 2);
root.style.setProperty('--font-saturation', `(${modifier} + var(--font-saturation-offset))`)
modifier = value >= 0 ? 1 + value ** 2 : 1 - value ** 2;
root.style.setProperty(`--${key}`, `(${modifier} + var(--${key}-offset))`);
break;
case 'hue-rotate':
modifier = Number.isInteger(settings['hue-rotate']) ? settings['hue-rotate'] : 0;
root.style.setProperty('--hue-rotate', `(${modifier}deg + var(--hue-offset))`);
break;
default:
root.classList.toggle(`no-${entry[0]}`, !entry[1])
root.classList.toggle(`no-${key}`, !value)
}
});
@ -49,9 +39,9 @@
const darken = settings['darken'] ? settings['darken'] : 0;
const saturation = settings['saturation'] ? settings['saturation'] : 0;
const hueRotate = settings['hue-rotate'] ? settings['hue-rotate'] : 0;
const _d = darken >= 0 ? 1 + Math.pow(darken, 2) : 1 - Math.pow(darken, 2);
const _d = darken >= 0 ? 1 + darken ** 2 : 1 - darken ** 2;
settings = saturation >= 0 ? 1 + Math.pow(saturation, 2) : 1 - Math.pow(saturation, 2);
settings = saturation >= 0 ? 1 + saturation ** 2 : 1 - saturation ** 2;
themeColor = `hsl(${(parseInt(themeColor[0]) + hueRotate) % 360}deg ${(parseInt(themeColor[1]) * settings).toFixed(2)}% ${(parseInt(themeColor[2]) * _d).toFixed(2)}%)`;