WP Speed of Light documentation
- I. WP SPEED OF LIGHT INSTALL
- II. WP SPEED OF LIGHT DASHBOARD
- III. SPEED ANALYSIS
- IV. SPEED OPTIMIZATION
- V. DATABASE CLEANUP
- VI. CDN INTEGRATION
- VII. SETTINGS
WP Speed of Light is a performance plugin for WordPress that gives a smaller loading time to all your pages.
- Multi-level folders
- Move media with drag'n drop
- Multiple media selection and move
- Create galleries from a folder
- 4 gallery themes
- NextGEN gallery importer
- Import post categories as a folder
- Breadcrumb and folder tree navigation
- Bulk upload in a particular folder
- Nothing lost on uninstall
- WooCommerce support
I. WP SPEED OF LIGHT INSTALL
WP Speed of Light is composed by a free plugin and another optional plugin PRO ADDON. In order to install our free plugin, you should use standard WordPress installer or unzip the plugin and put all the folder in /wp-content/plugin.
Then hit install and activate
The install the plugin PRO ADDON and get the additional feature, login and go to your JoomUnited account here: https://www.joomunited.com/my-account
Download the ZIP archive of WP Speed of Light addon and install it WITH the free version (both need to be installed) using the menu:
Plugin > Add New > Upload plugin
Then click on activate plugin, to see WP Speed of Light menu appear on the WordPress left menu.
1.2 Update the plugin
In order to update the WP Speed of Light, you can use the WordPress default updater. You can also remove and install the new version from a .zip file downloaded on www.joomunited.com or wordpress.org. In any case, you won’t lose any content because everything is stored in the database.
Be sure to always have the latest version to avoid security and stability problem.
1.3 Notification after install
After install, you'll get a notification that enables cache and brings you to the dashboard automatically.
II. WP SPEED OF LIGHT DASHBOARD
The dashboard of the plugin checks all the performance of your WordPress website and how it's important to fix it. You can hover your mouse on each criteria to check the help tooltip. By now the Speed of Light dashboard returns the following information:
- Check cache and compression activation
- Check resources minification
- Check resources group
- Check the database cleanup
- Return the latest website loading time test
- Return the latest database queries check
- Check for PHP version update
- Other recommendations regarding the plugins (number of plugins...)
III. SPEED ANALYSIS
3.1 WordPress speed test
To run speed tests we are using WebPageTest API. You can get free WebPagetest API key here: https://www.webpagetest.org/getkey.php
You can run up to 200 test per day on the same domain with a single API key, this is the only limit.
Check your email to get API key, and then copy/paste it in WP Speed of Light > Speed optimization > Configuration.
Then you go to WP Speed of Light > Speed analysis, select an URL to run the test then launch the test. It may take a few minutes because there's a queue system for analysis.
The speed tests check the following criteria:
- First load: like a browser that had its cache and cookies cleared out, represents what a first-time visitor to the page will experience
- Second load: the test is done immediately after the First load test without clearing out anything
The others performance criteria are:
- Loading time: page loading page time in seconds
- First byte delay: Time from the start of the initial navigation until the first byte
- Start render: Time from navigation start to first content
- Caching: % of static assets served though the cache system
- Gzip activation: % of text or js assets that were gzip encoded/compressed
- Image compression: % image compressed in the page
Based on that you can run some speed tests on the same or different page and compare the results.
The More details button allows you to compare the speed test results in a single table (same URL comparison).
3.2 Database queries test
The database testing will determine if you have performance issues regarding database queries. Select a page of the website and run the test.
You'll get separated results for WordPress core execution, plugins execution, and theme execution.
IV. SPEED OPTIMIZATION
4.1 Activate Speed Optimization
The Speed optimization section is the place to configure the tools that speed up WordPress. Use the menu WP Speed of Light > Speed optimization > Speedup
- Activate the cache system: It will speedup your website by preloading common page elements and database queries
- Clean each: Automatically cleanup the cache stored each x minutes and generate a new version instantly
- Cache for desktop/tablet/mobile: Serve the cache for a desktop to all devices by default. The other option of specific cache per device has to be used only if your theme framework is generating specific files per device.
- Add expire headers: It gives instruction to the browser whether it should request a specific file from the server or whether they should grab it from the browser’s cache
- Cache external script: Cache external resources such as script served from Google. Warning: make sure you monitor the performance before and after activation, in some case you may experience performance loss when activated!
- Never cache: Remove specific URLs from the cache, it's useful when you have pages with AJAX data that require a cache always clean
You can exclude from the cache a set of URL using rules like www.website.com/blog*
PRO ADDON ONLY
- Cleanup on saves: Clean cache automatically when saving a WordPress content like the post, page...
- Image lazy loading: Load only images when it's visible in the by user (on scroll)
4.2 WordPress tab
- Remove query strings: Remove query strings from static resources like CSS & JS files inside the Header to improve your scores on services like Pingdom, GTmetrix, PageSpeed and YSlow
- Disable REST API: Disable the WordPress REST API (API to retrieve data using GET requests, used by developers)
- Disable RSS feed: Disable the WordPress RSS feed. RSS feeds allow users to subscribe to your blog posts using an RSS feed reader
PRO ADDON ONLY
- Remove Emojis: By default emojis load on every single page of your site. If you don't use them, this is simply unnecessary
- Disable Gravatars: Disable Gravatars avatars and use only local avatars from your media
4.3 Group and Minify
Minification refers to the process of removing unnecessary or redundant data without affecting how the resource is processed by the browser. E.g: code comments and formatting, removing unused code, using shorter variable and function names, and so on.
- HTML minification: Minify HTML cache files served by the plugin
- CSS minification: Minify CSS files served by the plugin
- JS minification: Minify JS files served by the plugin
- Group CSS: Grouping several CSS files into a single file will minimize the HTTP requests number
- Group JS: Grouping several JS files into a single file will minimize the HTTP requests number
PRO ADDON ONLY
- Group font and Google Fonts: Group local fonts and Google fonts in a single file to be served faster
- Exclude inline script: Exclude inline script from minification
- Move scripts to footer: Move all minified scripts to footer
When enabling Move scripts to footer, it appears Exclude script move to footer option:
- Exclude script move to footer: Add the script of the pages you want to exclude from move to footer (one URL per line)
PRO ADDON ONLY - The file group and minification is one the tricky stuff to configure on complex WordPress website with tons of plugins and files called on every page.
First, you need to index your files called on your website, click on Advanced File Exclusion.
Then, select wp-content where most of your website files should come from and Scan now.
A list of files classified by type (All, JS, CSS, Font) should be displayed below. If you've identified one file that causes trouble when activating the file group or minification you can exclude it from here by using a simple ON/OFF button.
4.4 Preloading and Prefetching
These feature from the tab Advanced are only included in the PRO ADDON plugin.
Cache Preloading: The cache preloading is the process of generating a first version of the page cache automatically, so the first user that comes to the page after a cache cleanup won't have to wait for the cache generation.
The page cache URLs specified, one per line will be regenerated after a cache cleanup automatically.
DNS Prefetching: The DNS prefetching will pre-load DNS information on external domain links. For example, if your website is referring frequently to an external domain in hyperlinks, pre-fetching the DNS of this domain will load the page of this domain faster when a user clicks on it.
V. DATABASE CLEANUP
There are 6 tools to clean up the WordPress database.
- Clean all post revisions: WordPress, by default, is generating content revisions (copy) to restore it from an old version. If you don’t need revisions, clean up!
- Clean all auto drafted content: WordPress, by default, have an auto-saving feature to restore content from the latest auto-saved version. If you don’t need auto-saved content, clean up!
- Remove all trashed content: All content (post, page,...) in the trash will be cleaned up.
- Remove comments from trash & spam: All comments in the trash or classified as spam will be cleaned up
- Remove trackbacks and pingbacks: These are methods for alerting blogs that you have linked to them. If you don’t need revision, clean up!
- Remove transient options: Transient is something like a basic cache system used by WordPress. No risk it’s regenerated by WordPress automatically.
PRO ADDON ONLY
- Automatic cleanup: Active the database automatic cleanup
- Cleanup each: Define automatic cleanup frequency
- Duplicated post meta: Remove duplicated post meta from the database
- Duplicated comment meta: Remove duplicated comment meta from the database
- Duplicated user meta: Remove duplicated user meta from the database
- Duplicated term meta: Remove duplicated term meta from the database
- Optimize database tables: You can use OPTIMIZE TABLE to reclaim the unused space and to defragment the data file.
VI. CDN INTEGRATION
First, you go to WP Speed of Light > Speed optimization > CDN integration on the left menu.
Then you activate CDN and fill your CDN information here.
- CDN URL: Add your CDN URL, without the trailing slash (at the end).
- CDN Content: Your WordPress content served through CDN resources, separated by a comma. By default wp-content, wp-includes.
- Exclude Content: Exclude file type or directories from the CDN network.
- Relative path: Enabled by default, Enable/Disable the CDN for relative paths resources. Used for some compatibilities with specific Wordpress plugins.
PRO ADDON ONLY - includes specific automatic cache cleanup for:
Siteground cache: cleanup the Siteground cache when a cache clean is performed
MaxCDN cache: clean up the MaxCDN cache when a cache clean is performed
KeyCDN cache: clean up the KeyCDN cache when a cache clean is performed
CloudFlare cache: cleanup the CloudFlare cache when a cache clean is performed
Varnish cache: clean up the Varnish cache when a cache clean is performed
Display clean cache in top toolbar: Display a button in the top bar to clean all the site cache
Disable optimization for admin users: When an admin is Logged in you can disable speed optimization (cache, compression,...)
PRO ADDON ONLY - Disable optimization for: Also disable all speed optimization for specified user roles
Your WebPagetest API Key: Your WebPageTestAPI key goes here. It's required to run the speed analysis tool.
First, you go to WP Speed of Light > Speed optimization > Configuration > Import/Export tab. Then you can import/export configuration to a json or an XML file.