IndexReloaded is a page optimizer for WordPress.
The development of the plugin is in the beta phase.
The latest version can be downloaded here and then installed on your WordPress website.
License key for IndexReloaded
To be able to use the full scope of the plugin, you need a license key.
We offer 3 options:
How does IndexReloaded work?
Based on the original HTML, CSS and JS are recognized and combined in new files.
These are grouped step by step, minified and finally separated into CSS above the fold (Critical CSS) and CSS below the fold.
What are the benefits of IndexReloaded?
IndexReloaded reduces the loading time for the web pages.
The time taken to load the first page elements is reduced and it takes less time for a page to be fully displayed.
On websites where the performance of the website can be measured, e.g. on PageView Insights, you get 10 to 20 better values for the performance.
Faster loading times are good for website visitors and lead to better website ratings.
Support
Use our e-mail support if you encounter problems with IndexReloaded. We publish frequent problem solutions in the following support FAQ
Support-FAQ
What is the difference between the free version and a licensed version?
In the free version (without license key) splitting CSS (critical CSS above the fold, non-critical CSS below the fold) is not possible.
With the licensed version, new information about the CSS or JS elements to be shot can be obtained from our website.
Why must particular CSS or JS be excluded from processing by IndexReloaded?
CSS or JS that is generated dynamically and contains constantly changing values can be processed, but it leads to the recreation of a CSS or JS file created by IndexReloaded.
Each time a page is loaded, it would lead to new processing and a large number of files on the server.
On the other hand, the logic of certain page functions that are executed when a website is loaded is sometimes dependent on the exact position of Javascript in the HTML. JavaScript errors and/or incorrect displays occur if this is not the case.
It concerns pop-ups such as cookie panels, it concerns video displays or certain menu solutions and other page elements provided by JS when a page is loaded.
Which CSS or JS elements does IndexReloaded always exclude from processing?
jQuery, inline scripts with type=”application/ld+json” or type=”text/html” and inline scripts marked as [CDATA[ are not processed.
Scripts and CSS from external websites are also not processed, however they are taken into account in the grouping of CSS files.
In the current plugin version it is possible that jQuery is not recognized and not excluded. In this rather rare case, jQuery should be explicitly excluded from processing in the plugin settings via the list of elements to be excluded.
How does IndexReloaded help me with the configuration?
IndexReloaded includes an empirical database of CSS and JS elements to be excluded depending on plugins, page elements and themes.
After installation, IndexReloaded uses this to create an initial configuration of elements to be excluded.
In the best case scenario, you will receive a configuration right from the start with which even the unlicensed version can stably combine and regroup the countless CSS files and JS files of a WordPress website without errors.
An updated version of the empirical database can be downloaded with the licensed version.
If you come across new elements to be excluded during configuration that our empirical database does not provide, please report these elements to us by sending an e-mail to knowledgedatabase@toctoc.ch, stating the theme, plugin or page element responsible for them. Many thanks.
How does IndexReloaded recognize Critical CSS?
Critical CSS is determined on the basis of a quick comparison of the HTML elements of the website with the entire CSS.
IndexReloaded also allows the specification of tags, CSS classes and CSS IDs, which are considered “critical” and must be loaded before the < body > tag.
When processing Critical CSS, relatively simple rules are used to assess whether a CSS selector has an impact on the initial display of a webpage.
After activating the “Enable Folding” option, the loading behavior of the website must be checked.
Page elements that load far too late would indicate where any unrecognized Critical CSS is located. Use the option “Load CSS below in slowmotion” to be able to recognize this behavior.
What does IndexReloaded change in the HTML of a website?
On the one hand, the HTML is first standardized to ensure correct processing:
Single quotes in <link> or <style>-tags are replaced by double quotes.
References to files on the server that contain the https address of the server are shortened.
In <img>-tags it is made sure that an alt attribute is present.
When processing the CSS and JS, inline elements and links to CSS and JS files are removed and new links to the generated files are added.
The preloading options are used to add further elements in the <head> area.
The options under “HTML Cleanup” reduce the size of the HTML again.
Experience has shown that IndexReloaded reduces the size of the HTML by 10-20%.