Google Lighthouse & Chrome Audit Reference Sheet for WordPress

PERFORMANCE Remove unused CSS Remove dead rules from stylesheets and defer the loading of CSS not used for above-the-fold content to reduce unnecessary bytes consumed by network activity Eliminate render-blocking

[SOLVED] Cloudflare & WordPress: Getting a 403 when saving to POST /wp-json/wp/v2/posts/, Failed to load resource: the server responded with a status of 403

After setting up Cloudflare on your Wordpress site, you may run into an Updating Failed error when saving a post or page. The most common reason for this failure -

[SOLVED] Google Best Practices: “Includes front-end JavaScript libraries with known security vulnerabilities” (jQuery@1.12.4)

When running Google Lighthouse tests for Best Practices, Wordpress users will run into a 7 point deduction for Includes front-end JavaScript libraries with known security vulnerabilities. If everything else is

How To: Deploy a Headless theme with Node.js/React to WP Engine with Devkit

A super straight forward workflow for using Devkit to push a wordpress headless demo to a live WP Engine install. We're going to be using an existing project from Jack

How to: Search/replace URLs with WP-CLI and Regex

Often, when pushing a Wordpress site from a local or staging environment to a live site, you'll need to search/replace the domain throughout the database. In most cases, you could

How To: Use Autoptimize to set Critical Path CSS & Eliminate Render-Blocking Resources

In Wordpress terms, render-blocking resources comprise of Javascript and CSS that loads in the header (or above-the-fold, the first section of a site you see before you scroll). The page

How To: Force static resources to lowercase on WP Engine

First you'll want to rename all files to be lowercase. Here is a command you can run from your linux terminal to RECURSIVELY (all subdirectories within the one you are

How To: Restrict a path for logged-out users

WITH 403: To restrict a path from public access (returning a 403 page), just add this to your nginx configuration (or ask your hosting provider): set $node 0; set $flame

How To: Dequeue Unused Scripts & Styles Reference

I have yet to come across a Wordpress site that hasn't benefited from dequeueing unnecessary scripts and styles loaded by plugins and the active theme (Google Pagespeed Insights/Lighthouse especially). Interestingly,

How To: Set Cache Control Headers in Nginx or Apache… The Right Way

Want to set some browser cache headers for static assets (like images) on your site the right way to get some tight scores on the likes of GTMetrix and WebPageTest?

Copyright © 2019 Nodeflame