diff --git a/assets/js/lcp-beacon.js b/assets/js/lcp-beacon.js index 56122c9e05..5216ade11f 100644 --- a/assets/js/lcp-beacon.js +++ b/assets/js/lcp-beacon.js @@ -160,13 +160,13 @@ function main() { data_check.append('url', rocket_lcp_data.url); data_check.append('is_mobile', rocket_lcp_data.is_mobile); - const response = fetch(rocket_lcp_data.ajax_url, { + const lcp_data_response = fetch(rocket_lcp_data.ajax_url, { method: "POST", credentials: 'same-origin', body: data_check }); - if ( true === lcp_data.success ) { + if ( true === lcp_data_response.success ) { console.log('Bailing out because data is already available'); return; } @@ -174,6 +174,7 @@ function main() { // Check screen size const screenWidth = window.innerWidth || document.documentElement.clientWidth; const screenHeight = window.innerHeight || document.documentElement.clientHeight; + if ( ( rocket_lcp_data.is_mobile && ( screenWidth > rocket_lcp_data.width_threshold || screenHeight > rocket_lcp_data.height_threshold ) ) || ( ! rocket_lcp_data.is_mobile && ( screenWidth < rocket_lcp_data.width_threshold || screenHeight < rocket_lcp_data.height_threshold ) ) ) { diff --git a/assets/js/lcp-beacon.js.min.map b/assets/js/lcp-beacon.js.min.map index 69ee8df1f0..920b8f7659 100644 --- a/assets/js/lcp-beacon.js.min.map +++ b/assets/js/lcp-beacon.js.min.map @@ -1 +1 @@ -{"version":3,"names":[],"mappings":"","sources":["lcp-beacon.js"],"sourcesContent":["!function n(c,o,i){function s(t,e){if(!o[t]){if(!c[t]){var r=\"function\"==typeof require&&require;if(!e&&r)return r(t,!0);if(l)return l(t,!0);throw(r=new Error(\"Cannot find module '\"+t+\"'\")).code=\"MODULE_NOT_FOUND\",r}r=o[t]={exports:{}},c[t][0].call(r.exports,function(e){return s(c[t][1][e]||e)},r,r.exports,n,c,o,i)}return o[t].exports}for(var l=\"function\"==typeof require&&require,e=0;e{var t=e.getBoundingClientRect();return{element:e,rect:t}}).filter(e=>{return 0({item:e,area:function(e){var t=Math.min(e.width,(window.innerWidth||document.documentElement.clientWidth)-e.left),e=Math.min(e.height,(window.innerHeight||document.documentElement.clientHeight)-e.top);return t*e}(e.rect),elementInfo:s(e.element)})).sort((e,t)=>t.area-e.area).slice(0,e);return r.map(e=>({element:e.item.element,elementInfo:e.elementInfo}))}function s(e){var t=e.nodeName.toLowerCase();const r={type:\"\",src:\"\",srcset:\"\",sizes:\"\",sources:[],bg_set:[],current_src:\"\"};if(\"img\"===t&&e.srcset)r.type=\"img-srcset\",r.src=e.src,r.srcset=e.srcset,r.sizes=e.sizes,r.current_src=e.currentSrc;else if(\"img\"===t)r.type=\"img\",r.src=e.src,r.current_src=e.currentSrc;else if(\"video\"===t){r.type=\"img\";var n=e.querySelector(\"source\");r.src=e.poster||(n?n.src:\"\"),r.current_src=r.src}else if(\"svg\"===t){const c=e.querySelector(\"image\");c&&(r.type=\"img\",r.src=c.getAttribute(\"href\")||\"\",r.current_src=r.src)}else if(\"picture\"===t){r.type=\"picture\";t=e.querySelector(\"img:not(picture>img)\");r.src=t?t.src:\"\",r.sources=Array.from(e.querySelectorAll(\"source\")).map(e=>({srcset:e.srcset||\"\",media:e.media||\"\"}))}else{const o=window.getComputedStyle(e,null),i=[o.getPropertyValue(\"background-image\"),getComputedStyle(e,\":after\").getPropertyValue(\"background-image\"),getComputedStyle(e,\":before\").getPropertyValue(\"background-image\")],s=i.filter(e=>\"none\"!==e).join(\"\");if(r.type=\"bg-img\",s.includes(\"image-set(\")&&(r.type=\"bg-img-set\"),!s||\"\"===s)return null;const l=[...s.matchAll(/url\\(\\s*?['\"]?\\s*?(\\S+?)\\s*?[\"']?\\s*?\\)\\s*?([a-zA-Z0-9\\s]*[x|dpcm|dpi|dppx]?)/gi)];r.bg_set=l.map(e=>e[1]?{src:e[1].trim()+(e[2]?\" \"+e[2].trim():\"\")}:{}),r.bg_set.every(e=>\"\"===e.src)&&(r.bg_set=l.map(e=>e[1]?{src:e[1].trim()}:{})),0rocket_lcp_data.width_threshold||r>rocket_lcp_data.height_threshold)||!rocket_lcp_data.is_mobile&&(t({src:e.imageURL,label:\"lcp\"}))):console.log(\"No LCP candidate found.\");const c=i(1/0);r=c.find(e=>null!==e.elementInfo);r?l=[{...r.elementInfo,label:\"lcp\"}]:console.log(\"No LCP candidate found.\"),c.forEach(e=>{var{element:t,elementInfo:e}=e;!function(e,t){const r=s(e);if(null===r)return!1;var n=\"img\"===r.type||\"img-srcset\"===r.type||\"video\"===r.type,e=\"bg-img\"===r.type||\"bg-img-set\"===r.type||\"picture\"===r.type;return(n||e)&&t.some(e=>e.src===r.src)}(t,l)&&l.push({...e,label:\"above-the-fold\"})});r=JSON.stringify(l);window.performance_images_json=r;rocket_lcp_data.nonce,rocket_lcp_data.url,rocket_lcp_data.is_mobile;const o=new FormData;o.append(\"action\",\"rocket_lcp\"),o.append(\"rocket_lcp_nonce\",rocket_lcp_data.nonce),o.append(\"url\",rocket_lcp_data.url),o.append(\"is_mobile\",rocket_lcp_data.is_mobile),o.append(\"images\",r),o.append(\"status\",\"success\"),fetch(rocket_lcp_data.ajax_url,{method:\"POST\",credentials:\"same-origin\",body:o}).then(e=>e.json()).then(e=>{console.log(e)}).catch(e=>{console.error(e)})}}else console.log(\"Bailing out because data is already available\")}\"loading\"!==document.readyState?(console.time(\"extract\"),setTimeout(n,500),console.timeEnd(\"extract\")):document.addEventListener(\"DOMContentLoaded\",function(){console.time(\"extract\"),setTimeout(n,500),console.timeEnd(\"extract\")})},{}]},{},[1]);"],"file":"lcp-beacon.js"} \ No newline at end of file +{"version":3,"names":[],"mappings":"","sources":["lcp-beacon.js"],"sourcesContent":["!function n(c,o,i){function s(t,e){if(!o[t]){if(!c[t]){var r=\"function\"==typeof require&&require;if(!e&&r)return r(t,!0);if(l)return l(t,!0);throw(r=new Error(\"Cannot find module '\"+t+\"'\")).code=\"MODULE_NOT_FOUND\",r}r=o[t]={exports:{}},c[t][0].call(r.exports,function(e){return s(c[t][1][e]||e)},r,r.exports,n,c,o,i)}return o[t].exports}for(var l=\"function\"==typeof require&&require,e=0;e{var t=e.getBoundingClientRect();return{element:e,rect:t}}).filter(e=>{return 0({item:e,area:function(e){var t=Math.min(e.width,(window.innerWidth||document.documentElement.clientWidth)-e.left),e=Math.min(e.height,(window.innerHeight||document.documentElement.clientHeight)-e.top);return t*e}(e.rect),elementInfo:s(e.element)})).sort((e,t)=>t.area-e.area).slice(0,e);return r.map(e=>({element:e.item.element,elementInfo:e.elementInfo}))}function s(e){var t=e.nodeName.toLowerCase();const r={type:\"\",src:\"\",srcset:\"\",sizes:\"\",sources:[],bg_set:[],current_src:\"\"};if(\"img\"===t&&e.srcset)r.type=\"img-srcset\",r.src=e.src,r.srcset=e.srcset,r.sizes=e.sizes,r.current_src=e.currentSrc;else if(\"img\"===t)r.type=\"img\",r.src=e.src,r.current_src=e.currentSrc;else if(\"video\"===t){r.type=\"img\";var n=e.querySelector(\"source\");r.src=e.poster||(n?n.src:\"\"),r.current_src=r.src}else if(\"svg\"===t){const c=e.querySelector(\"image\");c&&(r.type=\"img\",r.src=c.getAttribute(\"href\")||\"\",r.current_src=r.src)}else if(\"picture\"===t){r.type=\"picture\";t=e.querySelector(\"img:not(picture>img)\");r.src=t?t.src:\"\",r.sources=Array.from(e.querySelectorAll(\"source\")).map(e=>({srcset:e.srcset||\"\",media:e.media||\"\"}))}else{const o=window.getComputedStyle(e,null),i=[o.getPropertyValue(\"background-image\"),getComputedStyle(e,\":after\").getPropertyValue(\"background-image\"),getComputedStyle(e,\":before\").getPropertyValue(\"background-image\")],s=i.filter(e=>\"none\"!==e).join(\"\");if(r.type=\"bg-img\",s.includes(\"image-set(\")&&(r.type=\"bg-img-set\"),!s||\"\"===s)return null;const l=[...s.matchAll(/url\\(\\s*?['\"]?\\s*?(\\S+?)\\s*?[\"']?\\s*?\\)\\s*?([a-zA-Z0-9\\s]*[x|dpcm|dpi|dppx]?)/gi)];r.bg_set=l.map(e=>e[1]?{src:e[1].trim()+(e[2]?\" \"+e[2].trim():\"\")}:{}),r.bg_set.every(e=>\"\"===e.src)&&(r.bg_set=l.map(e=>e[1]?{src:e[1].trim()}:{})),0rocket_lcp_data.width_threshold||r>rocket_lcp_data.height_threshold)||!rocket_lcp_data.is_mobile&&(t({src:e.imageURL,label:\"lcp\"}))):console.log(\"No LCP candidate found.\");const c=i(1/0);r=c.find(e=>null!==e.elementInfo);r?l=[{...r.elementInfo,label:\"lcp\"}]:console.log(\"No LCP candidate found.\"),c.forEach(e=>{var{element:t,elementInfo:e}=e;!function(e,t){const r=s(e);if(null===r)return!1;var n=\"img\"===r.type||\"img-srcset\"===r.type||\"video\"===r.type,e=\"bg-img\"===r.type||\"bg-img-set\"===r.type||\"picture\"===r.type;return(n||e)&&t.some(e=>e.src===r.src)}(t,l)&&l.push({...e,label:\"above-the-fold\"})});r=JSON.stringify(l);window.performance_images_json=r;rocket_lcp_data.nonce,rocket_lcp_data.url,rocket_lcp_data.is_mobile;const o=new FormData;o.append(\"action\",\"rocket_lcp\"),o.append(\"rocket_lcp_nonce\",rocket_lcp_data.nonce),o.append(\"url\",rocket_lcp_data.url),o.append(\"is_mobile\",rocket_lcp_data.is_mobile),o.append(\"images\",r),o.append(\"status\",\"success\"),fetch(rocket_lcp_data.ajax_url,{method:\"POST\",credentials:\"same-origin\",body:o}).then(e=>e.json()).then(e=>{console.log(e)}).catch(e=>{console.error(e)})}}else console.log(\"Bailing out because data is already available\")}\"loading\"!==document.readyState?(console.time(\"extract\"),setTimeout(n,500),console.timeEnd(\"extract\")):document.addEventListener(\"DOMContentLoaded\",function(){console.time(\"extract\"),setTimeout(n,500),console.timeEnd(\"extract\")})},{}]},{},[1]);"],"file":"lcp-beacon.js"} \ No newline at end of file diff --git a/assets/js/lcp-beacon.min.js b/assets/js/lcp-beacon.min.js index b8313af89b..f62aa2ac27 100644 --- a/assets/js/lcp-beacon.min.js +++ b/assets/js/lcp-beacon.min.js @@ -1,2 +1,2 @@ -!function n(c,o,i){function s(t,e){if(!o[t]){if(!c[t]){var r="function"==typeof require&&require;if(!e&&r)return r(t,!0);if(l)return l(t,!0);throw(r=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",r}r=o[t]={exports:{}},c[t][0].call(r.exports,function(e){return s(c[t][1][e]||e)},r,r.exports,n,c,o,i)}return o[t].exports}for(var l="function"==typeof require&&require,e=0;e{var t=e.getBoundingClientRect();return{element:e,rect:t}}).filter(e=>{return 0({item:e,area:function(e){var t=Math.min(e.width,(window.innerWidth||document.documentElement.clientWidth)-e.left),e=Math.min(e.height,(window.innerHeight||document.documentElement.clientHeight)-e.top);return t*e}(e.rect),elementInfo:s(e.element)})).sort((e,t)=>t.area-e.area).slice(0,e);return r.map(e=>({element:e.item.element,elementInfo:e.elementInfo}))}function s(e){var t=e.nodeName.toLowerCase();const r={type:"",src:"",srcset:"",sizes:"",sources:[],bg_set:[],current_src:""};if("img"===t&&e.srcset)r.type="img-srcset",r.src=e.src,r.srcset=e.srcset,r.sizes=e.sizes,r.current_src=e.currentSrc;else if("img"===t)r.type="img",r.src=e.src,r.current_src=e.currentSrc;else if("video"===t){r.type="img";var n=e.querySelector("source");r.src=e.poster||(n?n.src:""),r.current_src=r.src}else if("svg"===t){const c=e.querySelector("image");c&&(r.type="img",r.src=c.getAttribute("href")||"",r.current_src=r.src)}else if("picture"===t){r.type="picture";t=e.querySelector("img:not(picture>img)");r.src=t?t.src:"",r.sources=Array.from(e.querySelectorAll("source")).map(e=>({srcset:e.srcset||"",media:e.media||""}))}else{const o=window.getComputedStyle(e,null),i=[o.getPropertyValue("background-image"),getComputedStyle(e,":after").getPropertyValue("background-image"),getComputedStyle(e,":before").getPropertyValue("background-image")],s=i.filter(e=>"none"!==e).join("");if(r.type="bg-img",s.includes("image-set(")&&(r.type="bg-img-set"),!s||""===s)return null;const l=[...s.matchAll(/url\(\s*?['"]?\s*?(\S+?)\s*?["']?\s*?\)\s*?([a-zA-Z0-9\s]*[x|dpcm|dpi|dppx]?)/gi)];r.bg_set=l.map(e=>e[1]?{src:e[1].trim()+(e[2]?" "+e[2].trim():"")}:{}),r.bg_set.every(e=>""===e.src)&&(r.bg_set=l.map(e=>e[1]?{src:e[1].trim()}:{})),0rocket_lcp_data.width_threshold||r>rocket_lcp_data.height_threshold)||!rocket_lcp_data.is_mobile&&(t({src:e.imageURL,label:"lcp"}))):console.log("No LCP candidate found.");const c=i(1/0);r=c.find(e=>null!==e.elementInfo);r?l=[{...r.elementInfo,label:"lcp"}]:console.log("No LCP candidate found."),c.forEach(e=>{var{element:t,elementInfo:e}=e;!function(e,t){const r=s(e);if(null===r)return!1;var n="img"===r.type||"img-srcset"===r.type||"video"===r.type,e="bg-img"===r.type||"bg-img-set"===r.type||"picture"===r.type;return(n||e)&&t.some(e=>e.src===r.src)}(t,l)&&l.push({...e,label:"above-the-fold"})});r=JSON.stringify(l);window.performance_images_json=r;rocket_lcp_data.nonce,rocket_lcp_data.url,rocket_lcp_data.is_mobile;const o=new FormData;o.append("action","rocket_lcp"),o.append("rocket_lcp_nonce",rocket_lcp_data.nonce),o.append("url",rocket_lcp_data.url),o.append("is_mobile",rocket_lcp_data.is_mobile),o.append("images",r),o.append("status","success"),fetch(rocket_lcp_data.ajax_url,{method:"POST",credentials:"same-origin",body:o}).then(e=>e.json()).then(e=>{console.log(e)}).catch(e=>{console.error(e)})}}else console.log("Bailing out because data is already available")}"loading"!==document.readyState?(console.time("extract"),setTimeout(n,500),console.timeEnd("extract")):document.addEventListener("DOMContentLoaded",function(){console.time("extract"),setTimeout(n,500),console.timeEnd("extract")})},{}]},{},[1]); +!function n(c,o,i){function s(t,e){if(!o[t]){if(!c[t]){var r="function"==typeof require&&require;if(!e&&r)return r(t,!0);if(l)return l(t,!0);throw(r=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",r}r=o[t]={exports:{}},c[t][0].call(r.exports,function(e){return s(c[t][1][e]||e)},r,r.exports,n,c,o,i)}return o[t].exports}for(var l="function"==typeof require&&require,e=0;e{var t=e.getBoundingClientRect();return{element:e,rect:t}}).filter(e=>{return 0({item:e,area:function(e){var t=Math.min(e.width,(window.innerWidth||document.documentElement.clientWidth)-e.left),e=Math.min(e.height,(window.innerHeight||document.documentElement.clientHeight)-e.top);return t*e}(e.rect),elementInfo:s(e.element)})).sort((e,t)=>t.area-e.area).slice(0,e);return r.map(e=>({element:e.item.element,elementInfo:e.elementInfo}))}function s(e){var t=e.nodeName.toLowerCase();const r={type:"",src:"",srcset:"",sizes:"",sources:[],bg_set:[],current_src:""};if("img"===t&&e.srcset)r.type="img-srcset",r.src=e.src,r.srcset=e.srcset,r.sizes=e.sizes,r.current_src=e.currentSrc;else if("img"===t)r.type="img",r.src=e.src,r.current_src=e.currentSrc;else if("video"===t){r.type="img";var n=e.querySelector("source");r.src=e.poster||(n?n.src:""),r.current_src=r.src}else if("svg"===t){const c=e.querySelector("image");c&&(r.type="img",r.src=c.getAttribute("href")||"",r.current_src=r.src)}else if("picture"===t){r.type="picture";t=e.querySelector("img:not(picture>img)");r.src=t?t.src:"",r.sources=Array.from(e.querySelectorAll("source")).map(e=>({srcset:e.srcset||"",media:e.media||""}))}else{const o=window.getComputedStyle(e,null),i=[o.getPropertyValue("background-image"),getComputedStyle(e,":after").getPropertyValue("background-image"),getComputedStyle(e,":before").getPropertyValue("background-image")],s=i.filter(e=>"none"!==e).join("");if(r.type="bg-img",s.includes("image-set(")&&(r.type="bg-img-set"),!s||""===s)return null;const l=[...s.matchAll(/url\(\s*?['"]?\s*?(\S+?)\s*?["']?\s*?\)\s*?([a-zA-Z0-9\s]*[x|dpcm|dpi|dppx]?)/gi)];r.bg_set=l.map(e=>e[1]?{src:e[1].trim()+(e[2]?" "+e[2].trim():"")}:{}),r.bg_set.every(e=>""===e.src)&&(r.bg_set=l.map(e=>e[1]?{src:e[1].trim()}:{})),0rocket_lcp_data.width_threshold||r>rocket_lcp_data.height_threshold)||!rocket_lcp_data.is_mobile&&(t({src:e.imageURL,label:"lcp"}))):console.log("No LCP candidate found.");const c=i(1/0);r=c.find(e=>null!==e.elementInfo);r?l=[{...r.elementInfo,label:"lcp"}]:console.log("No LCP candidate found."),c.forEach(e=>{var{element:t,elementInfo:e}=e;!function(e,t){const r=s(e);if(null===r)return!1;var n="img"===r.type||"img-srcset"===r.type||"video"===r.type,e="bg-img"===r.type||"bg-img-set"===r.type||"picture"===r.type;return(n||e)&&t.some(e=>e.src===r.src)}(t,l)&&l.push({...e,label:"above-the-fold"})});r=JSON.stringify(l);window.performance_images_json=r;rocket_lcp_data.nonce,rocket_lcp_data.url,rocket_lcp_data.is_mobile;const o=new FormData;o.append("action","rocket_lcp"),o.append("rocket_lcp_nonce",rocket_lcp_data.nonce),o.append("url",rocket_lcp_data.url),o.append("is_mobile",rocket_lcp_data.is_mobile),o.append("images",r),o.append("status","success"),fetch(rocket_lcp_data.ajax_url,{method:"POST",credentials:"same-origin",body:o}).then(e=>e.json()).then(e=>{console.log(e)}).catch(e=>{console.error(e)})}}else console.log("Bailing out because data is already available")}"loading"!==document.readyState?(console.time("extract"),setTimeout(n,500),console.timeEnd("extract")):document.addEventListener("DOMContentLoaded",function(){console.time("extract"),setTimeout(n,500),console.timeEnd("extract")})},{}]},{},[1]); //# sourceMappingURL=lcp-beacon.js.map