celsobessa

// Let's initialize the primitives
var startTime, endTime, fileSize, result, unit = {kbps:1,kBps:8};

// Set up the AJAX to perform
var xhr = new XMLHttpRequest();

// Rig the call-back... THE important part
xhr.onreadystatechange = function () {

  // we only need to know when the request has completed

celsobessa

https://gtmetrix.com/
https://gtmetrix.com/blog/how-to-read-a-waterfall-chart-for-beginners/
https://www.webpagetest.org/

https://wordpress.org/plugins/query-monitor/
https://github.com/crstauf/query-monitor-extend

https://newrelic.com/products/application-monitoring
https://help.nexcess.net/74095-wordpress/configure-new-relic-monitoring
https://wordpress.org/plugins/wp-newrelic/

celsobessa

// add all the elements inside modal which you want to make focusable
const  focusableElements =
    'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
const modal = document.querySelector('#exampleModal'); // select the modal by it's id

const firstFocusableElement = modal.querySelectorAll(focusableElements)[0]; // get first element to be focused inside modal
const focusableContent = modal.querySelectorAll(focusableElements);
const lastFocusableElement = focusableContent[focusableContent.length - 1]; // get last element to be focused inside modal

celsobessa

    // Adds preload resource hint to wp_head hook
    add_action( 'wp_head', 'add_preload_resource_hint', -1);

    /**
     * Writes preload resource hints.
     * 
     * Writes preload resource hints.
     */

    function add_preload_resource_hint() {

celsobessa

// https://medium.com/javascript-in-plain-english/7-javascript-utility-functions-to-improve-your-efficiency-79d27132f186

function bytesToSize (bytes) {
    if (bytes === 0) return '0 B';

    var k = 1024;
    var sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
    var i = Math.floor(Math.log(bytes) / Math.log(k))
    return (bytes / Math.pow(k, i)).toPrecision(3) + ' ' + sizes[i]
}

celsobessa

function camelize(str) {
    const camelizeRE = /-(\w)/g;
    return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : '');
}

celsobessa

# Batch image optimization with Imageoptim from command line as used by WoWPerations team (www.wowperations.com.br

mdfind -onlyin . "kMDItemPixelWidth<480 && kMDItemContentType=public.jpg" > imagesLess480JPG.txt

mdfind -onlyin . "kMDItemPixelWidth>479 && kMDItemPixelWidth<760 && kMDItemContentType=public.jpg" > imagesLess760JPG.txt

mdfind -onlyin . "kMDItemPixelWidth>759 && kMDItemPixelWidth<1024 && kMDItemContentType=public.jpg" > imagesLess1024JPG.txt

mdfind -onlyin . "kMDItemPixelWidth>1023 && kMDItemPixelWidth<1280 && kMDItemContentType=public.jpg" > imagesLess1280JPG.txt

celsobessa

/**
 * String.prototype.replaceAll() polyfill
 * https://vanillajstoolkit.com/polyfills/stringreplaceall/
 * @author Chris Ferdinandi
 * @license MIT
 */
if (!String.prototype.replaceAll) {
	String.prototype.replaceAll = function(str, newStr){

		// If a regex pattern

celsobessa

# Track, fetch and pull all remote branches on a remote GIT repository
# Source: https://stackoverflow.com/questions/10312521/how-to-fetch-all-git-branches/10312587#10312587

git branch -r | grep -v '\->' | while read remote;
do git branch --track "${remote#origin/}" "$remote";
done
git fetch --all
git pull --all

celsobessa

var isProxyBased = (/S40[\w]{3,5}Browser|Opera\sMini\//i).test(navigator.userAgent);

if (('querySelector' in document && 'localStorage' in window && 'addEventListener' in window && !isProxyBased) || (isIE > 6 && document.getElementById('js-holepunched'))) {
    // do stuff
}