I use a plugin to do a bunch of optimizations on this site, but for some reason, the preloading of fonts is broken. So I rolled my own font preloading function and placed it in my functional plugin (You could also put it in functions.php). Here’s the code:
// Add code to <head>
function tmm_add_to_header(){
?>
<link rel="preload" href="/path/to/font.woff2" as="font" type="font/woff2" crossorigin>
<?php
};
add_action('wp_head', 'tmm_add_to_header');That’s it!
Thanks to web.dev for the font preload code.
From Toby’s Blog
- The Horrors of Covering Your Own AssToday I emailed a very simple question to support@[companyname].com (2 sentences total). The automated response I got back was this: Keep in mind that the above was an auto-response and: It’s hard to read. Everything has the same import (e.g. none of it is important enough to call out separately). It’s long. It added absolutely-zero…
- If something stupid makes money, then it’s not stupid.I’ve seen some stupid things in my life…And some of them were really really smart. I remember a story from decades ago where the U.S. military was looking to equip the Stealth Bomber with a fancy computer-driven video system so the pilots could see behind them. Well, the computers failed to get the job done,…
- There is no destination.Coding is a process of failure followed by a moment of great joy. You've gotta ride through the failures to experience the joy...
More posts from themightymo.com
How to Preload Font in WordPress Functional Plugin
use a plugin to do a bunch of optimizations on this site, but for some reason, the preloading of fonts is broken. So I rolled my own font preloading function and placed it in my functional plugin (You could also put it in functions.php). Here’s the code.
How to Change Background on Beaver Builder Sticky Header with CSS
Beaver Builder doesn’t give you an interface to change the background color of the sticky menu after scrolling. Here’s a simple bit of CSS that can help.
How I Optimized My Website Today
Today I decided to invest 1 hour optimizing themightymo.com. Below are the actions I took along with the results. Speed Benchmarks and Initial Observations Before starting on today’s speed optimization, Google Pagespeed Insights scored us as a “44”. There’s some files loading from the wp.com cdn (e.g. Jetpack’s cdn) – Google is penalizing me for…
From Toby’s Blog
- The Horrors of Covering Your Own AssToday I emailed a very simple question to support@[companyname].com (2 sentences total). The automated response I got back was this: Keep in mind that the above was an auto-response and: It’s hard to read. Everything has the same import (e.g. none of it is important enough to call out separately). It’s long. It added absolutely-zero…
- If something stupid makes money, then it’s not stupid.I’ve seen some stupid things in my life…And some of them were really really smart. I remember a story from decades ago where the U.S. military was looking to equip the Stealth Bomber with a fancy computer-driven video system so the pilots could see behind them. Well, the computers failed to get the job done,…
- There is no destination.Coding is a process of failure followed by a moment of great joy. You've gotta ride through the failures to experience the joy...