It’s no secret that we all want a fast website. Search engines and users alike want sites they visit to load as fast as possible. To keep on top of your WordPress website loading speed, and to help in resolving issues, it’s a good idea to run a speed test. There are several ways to test the loading speed of your WordPress website. One such test is Yahoo’s Yslow.
What is Yahoo Yslow?
Yslow is a tool that tests the speed of your website. It is based on criteria known as Yahoo’s rules for high performance websites. It provides a score up to 100 and gives you a grade. The test includes a summary of your page components with a grade for each one, and it gives you an analysis of your pages complete with priority and suggestions on how to fix the problems. Each infraction on the rules takes a point away and reduces your grade.
The Yslow Browser Extension
There are several ways you can test your website and get your Yslow score. One popular tool is GTmetrix, which will give you your Page Speed grade and your Yslow grade and give you suggestions to fix both. Another tool is the official Yslow tool. I used it as an extension in Google Chrome and got a lot more detail about my test site. To use it simply go to the official site, click on the browser you want the extension for, and install it. Once you have it installed, go to your site and click on the icon in your browser. You will get a popup that performs the test and gives you the results.
Web Performance Best Practices and Rules
Yahoo has identified and established 34 rules that affect web page performance. Yslow uses 23 of these rules. These are the rules that are testable. You can click on each rule to see a detailed explanation about the problem and suggestions on how to fix it.
I created a brand new test site, uploaded some test photos, created three test posts, installed Divi, and ran the test. For testing purposes I used the Google Chrome extension from Yslow. This test will give you a percentage and will give you hints on what to fix. It gives each one a priority and shows the type of issue it is. You simply go through the list and knock out the highest priority issues (this gives you the biggest bang for the buck). Every website is different, so your issues might be different than mine.
My test site gets a Yslow score of 77 and a grade of C. It also gives me some hints at what to fix. It gave 8 items and shows suggestions for each one. I’ve listed them in order of priority:
- F Use a Content Delivery Network (CDN) – 20
- F Use cookie-free domains – 18 components
- F Compress components with gzip – 13
- F Add Expires headers – 5
- D Make fewer HTTP requests – 7
- D Configure entity tags (ETags) – 3
- B Reduce cookie size – 1601 bytes
Since there were several F’s and D’s I will start with those first. Once I’ve gone through those I will tackle the B’s. Your results will be different, but these are some of the more common issues and many of the tools to resolve these issues will fix other issues as well.
Content Delivery Network (CDN)
This is rule number 2 in the Yahoo web performance rules. It basically means using multiple servers to deliver content so that the server that is in close proximity to the users can be chosen. The server with the fewest network hops or the fastest response time would be chosen. This is a large system of servers across multiple data centers.
There are several CDN’s available. One of the most popular is a free one called Bootstrap CDN, a service from MaxCDN. You can connect it to your WordPress website through a plugin. Plugins can be CDN-only, or you can use a plugin that includes CDN in its features. Let’s look at one of each.
BootstrapCDN – WordPress CDN Plugin
W3 Total Cache
Another option is to use a caching plugin that includes CDN integration. W3 Total Cache is one of the most popular plugins for WordPress and with good reason. It will take care of multiple issues at once, including page caching, database caching, object caching, browser caching, minifying, and integrating with a CDN.
There are multiple choices for CDN networks. The default is MaxCDN. You will have to have an account with an authorization key. You can also specify a CDN of your own choosing by selecting Generic Mirror and then adding the CDN name.
Use Cookie-Free Domains for Components
When browsers send requests for images they also send cookies that the server can’t use. This creates network traffic for no good reason. Also, some proxies might not cache components that are requested with cookies.
Yahoo suggests that you create a subdomain to host your static components. For example, if your site is mysite.com, you would create a site like static.mysite.com to host your static components. Another option is to buy a new domain to host them. You could get something like images-mysite.com. The same goes for www. Without the www, cookies will be written to *.mysite.com. Writing cookies to a www subdomain will improve performance.
Compress Components with gzip
Gzip is a compression method that reduces the HTTP response size by around 70%. The majority of today’s browsers are compatible with gzip. There are lots of plugins that provide gzip compression. You can use a caching plugin with multiple features, such as W3 Total Cache or WP Performance Score Booster, or you can use a plugin that just performs the gzip function.
WordPress Gzip Compression
This free plugin will enable gzip compression. Before enabling compression, it checks the browser to see if it can handle gzip. There’s nothing to set up after the install. Just install it and you’re good to go.
Add Expires Headers
Every time someone visits your website for the first time there are multiple HTTP requests to the server. You can reduce those requests by making those components cacheable in the browser and then making them expire in the header. Expires headers should be used with all components including images, styles, flash, and scripts. You can use a single plugin that takes care of a lot of things, like W3 Total Cache, or you can use a plugin that just does this one thing.
Far Future Expiry Header
Make fewer HTTP requests
Better WordPress Minify
WP Minify Fix
Configure Entity Tags (ETags)
This is done on an Apache server by adding this line to your Apache configuration file:
Minifying is the act of removing unnecessary characters from the code that the website doesn’t need in order to operate. The characters are extra spaces to make the code more readable to us, comments that we need when we go back into the code later, and new line tabs. Computers don’t need these spaces. Removing them improves the loading time because the file size is reduced. You can minify by hand or by using the plugins that we’ve already discussed.
One way to do it by hand is to use a tool such as YUI Compressor.
WP Fastest Cache
This one is available in a free edition and a premium edition. The free edition has several features for caching, minifying, combining, and compressing. You go through the settings and choose what features you want to use. You don’t have to use them all. This is a good option if you want to use a specific plugin for something else and you don’t want to have your plugins clashing.
Reduce Cookie Size
Cookies are used to track, authenticate, and personalize information on the web. The information about cookies is exchanged in the HTTP headers between the browsers and servers. Obviously, the goal is to keep the cookies file-size as small as possible. There are a few things you can do:
- Eliminate cookies you don’t need.
- Use an earlier expires date. This will remove the cookie sooner.
- Set cookies at the appropriate domain level.
Yahoo’s Yslow is an excellent tool to test your site’s load speed. It gives you some good indications of the problems that’s causing your site to load slowly and gives you a list of priorities and possible solutions. Using the information it provided, I was able to take my score from 77 to 84 and my grade from C to B with very little effort.
A quick word of caution:
Be careful when trying out plugins on your site. Not all plugins play well together and you could do some serious damage to your site. Make sure you have a recent backup first.
How about you? Have you improved your website’s Yahoo Yslow score? What was your score before and after? What tools worked best for you? Did I leave something out? I’d like to hear about it in the comments below!
Article thumbnail image by Sarawut Padungkwan / shutterstock.com