WP Speed of Light documentation
- I. WP SPEED OF LIGHT INSTALL
- II. WP SPEED OF LIGHT DASHBOARD
- III. SPEED ANALYSIS
- IV. SPEED OPTIMIZATION
- V. IMAGE COMPRESSION
- VI. DATABASE CLEANUP
- VII. CDN INTEGRATION
- VIII. 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 button.
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.
To update to the paid version, you need to login to your JoomUnited account from the WordPress settings: Settings > General
Then use your JoomUnited account's login and password. After a successful login, the button turns to blue with the text Disconnect my JoomUnited account.
In this way, you can update all the JoomUnited commercial plugins using the WordPress standard updater.
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. Right after that, you will see the result.
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
How to add cache manually?
Firstly, if it is not possible to edit file on your server, you should set the permission to write on the "wp-config.php" file. You should go to FTP, then right click on it, choose File permissions. From here you can set the permission.
Secondly, you need to add the script "define( 'WP_CACHE',true);" on top of the "wp-config.php" file.
Finally, you go to WP Speed of Light > Speed optimization > Speedup and activate the Activate cache system option.
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)
When enabling the Image lazy loading option, there are some options will be displayed below:
Exclude image less than (width px): Exclude from image lazy loading all images that have less than this width in pixel value. Useful to exclude small icons or logos
Exclude image less than (height px): Exclude from image lazy loading all images that have less than this height in pixel value. Useful to exclude small icons or logos
Lazy loading exclusion: Exclude a set of URLs by using rule like: www.website.com/news* or a class, id, located of images
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.
When using WooCommerce, these options below will help to reduce the loading for non WooCommerce pages or set time to autocleanup: session, cart,... you should go to the menu WP Speed of Light > Speed optimization > WooCommerce to get that. These features are included in the PRO ADDON plugin.
- Disable Cart Fragments: By default, WooCommerce uses cart fragments which is used to update the shopping cart without refreshing the page. Depending on your theme and on WooCommerce configuration it maybe necessary or you can be disable it for a better performance
- Disable Styles: Disable WooCommerce Styles for non Woocommerce pages
- Disable Scripts: Disable WooCommerce Scripts for non Woocommerce pages
- Clear customers session + cart: Clear all the WooCommerce customer sessions and cart that are temporary stored in your database. You can save a lot of performance and database storage.
- Clear WooCommerce Transients: Clear all WooCommerce transients that are temporary stored in your database
- Autocleanup session, cart transients: Automatically cleanup sessions, carts and transients after a certain duration (in hours)
- Disable/Reduce Heartbeat API: Reducing activity will change Heartbeat frequency. Disabling Heartbeat entirely may break other plugins and themes using this API
V. IMAGE COMPRESSION
ImageRecycle is a 3rd party image compression service: https://www.imagerecycle.com/
We've added the service in the WP Speed of Light Speed optimization > Image Compression because we consider it's a big performance improvement but it's not mandatory to use it. Our members can get a 20% OFF coupon on all membership from the configuration page.
After installing, you can compress the image and pdf files at left menu Media > ImageRecycle.
For more information you can go here: https://www.imagerecycle.com/cms/wordpress
VI. 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.
VII. 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
Your WebPagetest API Key: Your WebPageTestAPI key goes here. It's required to run the speed analysis tool.
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
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.
8.3 System Check
You can check your site system by going to WP Speed of Light > Speed optimization > System Check. It will check your PHP version, Apache Modules, ...