Everyone knows that CDNs are only for static content. CSS, JS, images, and font files for the most part. The “static” is what makes CDNs efficient. The idea is that a piece of content needs to be retrieved only once per EDGE server (not once in general), and then users are served a copy of […]
Tag: page speed
4 Ways to Optimize Your Images in WordPress – Best Practices
Images form the largest part of modern web pages. Especially when you consider that Google likes “rich” web pages with lots of media. As a result, optimizing the delivery of your images is critical. Here are four ways to optimize your images in WordPress, with screenshots. Method 1: At Least 1200 px in Width When […]
How To Make Fonts Non-Render Blocking
A short while ago, I’d written about how to load Google fonts locally in order to speed up your site. While we’re on the matter of fonts, we should also consider what happens to text while the fonts haven’t been downloaded yet. One of the key principles of page speed optimization is that the page […]
Why Cloudflare “Cache Everything” Isn’t A Good Idea
Cloudflare is a pretty amazing service, and probably the only on that I know of with a free reverse proxy setup. For most website owners, its value comes from the caching service for static assets by default. I personally also use its DNS servers since I find their response times far faster than those used […]
How To Load Google Fonts Locally To Speed Up Your Site
One of the most basic principles of site speed is to reduce the number of domains that your page requests on each load. To this end, I’ve come to the opinion that a CDN like CloudFlare’s reverse proxy is much more efficient than traditional CDN networks since it doesn’t need to resolve an additional domain. […]
How To Track Page Speed Accurately In Google Analytics
After all your page speed optimizations are done, how do you know if they’re having an actual impact on the loading speed? No matter how many speed tests you conduct with the pagespeed tool by Google or on webpagetest.org, there’s no substitute for real-world monitoring. With testing tools, you at best get a simulacrum of […]
How To Disable DoubleClick In Google Analytics
In our series of articles on how to improve page speed, a constant theme is culling as many external resources as possible. Google fonts, CSS and Javascript. Every additional script or CSS file that loads slows things down. Yes, we can defer the loading, and make sure that the viewer can start interacting with the […]
How To Inline And Defer CSS On WordPress Without Plugins
Knowing how to inline and defer CSS on your WordPress site is a vital part of improving the viewer experience. While it doesn’t improve your page load time, it makes a huge difference to how the user perceives the page to load. Normally, all externally linked CSS stylesheets are render-blocking. Which means that the browser […]
The RIGHT Way To Load Javascript In WordPress (Without A Plugin)
Continuing on with our series on how to make your site faster, this article will show you how to load all Javascript in WordPress until after the page has finished parsing. In an earlier tutorial, I’d shown you how to correctly load jQuery from a CDN – usually Google. If you’ve read that, then you […]
Why You Should Avoid Adding CSS In The Theme Customizer In WordPress
In October 2016, the guys working at WordPress decided to include a CSS customer in the theme customization options. Previously this functionality was available only to Jetpack users, and it was one of the reasons why I used to recommend Jetpack to everyone. Before this, users needed to find a 3rd party plugin for their […]
