dotherightthing/pagespeed-wordpress.md

Created November 1, 2018 11:02

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/dotherightthing/d7fe8f6f20966245042698b71823df58.js"></script>
Save dotherightthing/d7fe8f6f20966245042698b71823df58 to your computer and use it in GitHub Desktop.

Download ZIP

[PageSpeed] WordPress Cheatsheet. #wordpress #performance

Raw

pagespeed-wordpress.md

PageSpeed

JavaScript

load using official WordPress mechanism (wp_enqueue_script, $in_footer)
use Autoptimize plugin to move any header scripts into the footer, and to concatenate all footer scripts into a single minified file. Don't exclude js/jquery/jquery.js. Note that files that are named *.min.js aren't (re)minified by Autoptimize.
use vanilla JavaScript for essential page transformations, to bypass wait time for jQuery load and setup

CSS Stylesheets

load using official WordPress mechanism (wp_enqueue_style)
use Autoptimize plugin to concatenate all stylesheets into a single minified file. Note that files that are named *.min.css aren't (re)minified by Autoptimize.

Webfonts

Use modpagespeed's Inline Google Fonts API CSS, if possible. This determines which font format is required by the browser.

Otherwise:

use the Web Font Loader, with the asynchronous syntax
use html hook to hide fonts during replacement, to prevent FOUC
use html hook to control line-height during replacement, to prevent reflow

Images

Run images through ImageOptim (free, MacOS), compress large JPEGs to 90%

Hosting

Use dedicated rather than shared hosting, if possible
Enable mod_pagespeed, if possible (Apache)
Use a CDN if possible

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment